From 00c730ef49df7b8263f43de7f7b21cc5b00a6435 Mon Sep 17 00:00:00 2001 From: pipeline Date: Tue, 20 Nov 2018 13:37:37 +0000 Subject: [PATCH] v16.3.33 is released --- components/base/CHANGELOG.md | 8 + .../base/dist/ej2-react-base.umd.min.js | 2 +- .../base/dist/ej2-react-base.umd.min.js.map | 2 +- .../base/dist/es6/ej2-react-base.es2015.js | 4 +- .../dist/es6/ej2-react-base.es2015.js.map | 2 +- .../base/dist/es6/ej2-react-base.es5.js | 4 +- .../base/dist/es6/ej2-react-base.es5.js.map | 2 +- .../base/dist/global/ej2-react-base.min.js | 2 +- .../dist/global/ej2-react-base.min.js.map | 2 +- components/base/spec/component.spec.tsx | 8 +- components/base/spec/sample-component.tsx | 3 + components/base/src/component-base.ts | 3 +- components/buttons/CHANGELOG.md | 8 + components/buttons/README.md | 103 ++++++++++- components/buttons/ReadMe.md | 102 ----------- components/calendars/CHANGELOG.md | 2 +- components/calendars/README.md | 162 ++++++++++++++++- components/calendars/ReadMe.md | 161 ----------------- .../dist/ej2-react-calendars.umd.min.js | 2 +- components/calendars/package.json | 2 +- components/charts/CHANGELOG.md | 13 ++ components/charts/ReadMe.md | 4 +- components/circulargauge/CHANGELOG.md | 10 +- components/circulargauge/README.md | 66 ++++++- components/circulargauge/ReadMe.md | 65 ------- .../dist/ej2-react-circulargauge.umd.min.js | 2 +- components/circulargauge/package.json | 2 +- .../circulargauge/styles/bootstrap.scss | 1 - .../styles/circular-gauge/bootstrap.scss | 1 - .../styles/circular-gauge/fabric.scss | 1 - .../styles/circular-gauge/highcontrast.scss | 1 - .../styles/circular-gauge/material.scss | 1 - components/circulargauge/styles/fabric.scss | 1 - .../circulargauge/styles/highcontrast.scss | 1 - components/circulargauge/styles/material.scss | 1 - components/diagrams/CHANGELOG.md | 11 ++ components/diagrams/README.md | 76 +++++++- components/diagrams/ReadMe.md | 75 -------- components/documenteditor/CHANGELOG.md | 8 + components/documenteditor/README.md | 71 +++++++- components/documenteditor/ReadMe.md | 70 -------- components/dropdowns/CHANGELOG.md | 10 +- components/dropdowns/README.md | 106 ++++++++++- components/dropdowns/ReadMe.md | 104 ----------- .../dist/ej2-react-dropdowns.umd.min.js | 2 +- components/dropdowns/package.json | 2 +- components/grids/CHANGELOG.md | 11 ++ components/grids/README.md | 76 +++++++- components/grids/ReadMe.md | 75 -------- components/heatmap/CHANGELOG.md | 17 ++ components/heatmap/README.md | 69 +++++++- components/heatmap/ReadMe.md | 68 -------- .../heatmap/dist/ej2-react-heatmap.umd.min.js | 4 +- .../dist/ej2-react-heatmap.umd.min.js.map | 2 +- .../dist/es6/ej2-react-heatmap.es2015.js | 1 - .../dist/es6/ej2-react-heatmap.es2015.js.map | 2 +- components/heatmap/package.json | 4 +- .../heatmap/src/heatmap/heatmap.component.tsx | 1 - components/inputs/CHANGELOG.md | 54 +++++- components/inputs/README.md | 129 +++++++++++++- components/inputs/ReadMe.md | 128 -------------- .../inputs/dist/ej2-react-inputs.umd.min.js | 4 +- .../dist/ej2-react-inputs.umd.min.js.map | 2 +- .../dist/es6/ej2-react-inputs.es2015.js | 6 - .../dist/es6/ej2-react-inputs.es2015.js.map | 2 +- components/inputs/package.json | 4 +- .../color-picker/colorpicker.component.tsx | 1 - .../maskedtextbox/maskedtextbox.component.tsx | 1 - .../numerictextbox.component.tsx | 1 - .../inputs/src/slider/slider.component.tsx | 1 - .../inputs/src/textbox/textbox.component.tsx | 1 - .../src/uploader/uploader.component.tsx | 1 - components/lineargauge/CHANGELOG.md | 2 +- components/lineargauge/README.md | 66 ++++++- components/lineargauge/ReadMe.md | 65 ------- .../dist/ej2-react-lineargauge.umd.min.js | 2 +- components/lineargauge/package.json | 2 +- components/lineargauge/styles/bootstrap.scss | 1 - components/lineargauge/styles/fabric.scss | 1 - .../lineargauge/styles/highcontrast.scss | 1 - .../styles/linear-gauge/bootstrap.scss | 1 - .../styles/linear-gauge/fabric.scss | 1 - .../styles/linear-gauge/highcontrast.scss | 1 - .../styles/linear-gauge/material.scss | 1 - components/lineargauge/styles/material.scss | 1 - components/lists/CHANGELOG.md | 44 ++++- components/lists/README.md | 72 +++++++- components/lists/ReadMe.md | 71 -------- .../lists/dist/ej2-react-lists.umd.min.js | 4 +- .../lists/dist/ej2-react-lists.umd.min.js.map | 2 +- .../lists/dist/es6/ej2-react-lists.es2015.js | 1 - .../dist/es6/ej2-react-lists.es2015.js.map | 2 +- components/lists/package.json | 2 +- .../src/list-view/listview.component.tsx | 1 - components/maps/CHANGELOG.md | 2 +- components/maps/README.md | 74 +++++++- components/maps/ReadMe.md | 73 -------- components/maps/styles/bootstrap.scss | 1 - components/maps/styles/fabric.scss | 1 - components/maps/styles/highcontrast.scss | 1 - components/maps/styles/maps/bootstrap.scss | 1 - components/maps/styles/maps/fabric.scss | 1 - components/maps/styles/maps/highcontrast.scss | 1 - components/maps/styles/maps/material.scss | 1 - components/maps/styles/material.scss | 1 - components/navigations/CHANGELOG.md | 60 ++++++- components/navigations/README.md | 159 ++++++++++++++++- components/navigations/ReadMe.md | 165 ------------------ .../dist/ej2-react-navigations.umd.min.js | 2 +- components/navigations/package.json | 115 +++--------- components/navigations/styles/bootstrap.scss | 3 +- components/navigations/styles/fabric.scss | 3 +- .../navigations/styles/highcontrast.scss | 3 +- components/navigations/styles/material.scss | 3 +- .../styles/v-scroll/bootstrap.scss | 1 - .../navigations/styles/v-scroll/fabric.scss | 1 - .../styles/v-scroll/highcontrast.scss | 1 - .../navigations/styles/v-scroll/material.scss | 1 - components/pivotview/CHANGELOG.md | 2 +- components/popups/CHANGELOG.md | 2 +- components/popups/README.md | 92 +++++++++- components/popups/ReadMe.md | 91 ---------- .../popups/dist/ej2-react-popups.umd.min.js | 2 +- components/popups/package.json | 2 +- components/schedule/CHANGELOG.md | 2 +- components/schedule/README.md | 74 +++++++- components/schedule/ReadMe.md | 73 -------- .../dist/ej2-react-schedule.umd.min.js | 2 +- components/schedule/package.json | 2 +- components/splitbuttons/README.md | 112 +++++++++++- components/splitbuttons/ReadMe.md | 111 ------------ components/treemap/README.md | 70 +++++++- components/treemap/ReadMe.md | 69 -------- 133 files changed, 1890 insertions(+), 1788 deletions(-) delete mode 100644 components/buttons/ReadMe.md delete mode 100644 components/calendars/ReadMe.md delete mode 100644 components/circulargauge/ReadMe.md delete mode 100644 components/circulargauge/styles/bootstrap.scss delete mode 100644 components/circulargauge/styles/circular-gauge/bootstrap.scss delete mode 100644 components/circulargauge/styles/circular-gauge/fabric.scss delete mode 100644 components/circulargauge/styles/circular-gauge/highcontrast.scss delete mode 100644 components/circulargauge/styles/circular-gauge/material.scss delete mode 100644 components/circulargauge/styles/fabric.scss delete mode 100644 components/circulargauge/styles/highcontrast.scss delete mode 100644 components/circulargauge/styles/material.scss delete mode 100644 components/diagrams/ReadMe.md delete mode 100644 components/documenteditor/ReadMe.md delete mode 100644 components/dropdowns/ReadMe.md delete mode 100644 components/grids/ReadMe.md delete mode 100644 components/heatmap/ReadMe.md delete mode 100644 components/inputs/ReadMe.md delete mode 100644 components/lineargauge/ReadMe.md delete mode 100644 components/lineargauge/styles/bootstrap.scss delete mode 100644 components/lineargauge/styles/fabric.scss delete mode 100644 components/lineargauge/styles/highcontrast.scss delete mode 100644 components/lineargauge/styles/linear-gauge/bootstrap.scss delete mode 100644 components/lineargauge/styles/linear-gauge/fabric.scss delete mode 100644 components/lineargauge/styles/linear-gauge/highcontrast.scss delete mode 100644 components/lineargauge/styles/linear-gauge/material.scss delete mode 100644 components/lineargauge/styles/material.scss delete mode 100644 components/lists/ReadMe.md delete mode 100644 components/maps/ReadMe.md delete mode 100644 components/maps/styles/bootstrap.scss delete mode 100644 components/maps/styles/fabric.scss delete mode 100644 components/maps/styles/highcontrast.scss delete mode 100644 components/maps/styles/maps/bootstrap.scss delete mode 100644 components/maps/styles/maps/fabric.scss delete mode 100644 components/maps/styles/maps/highcontrast.scss delete mode 100644 components/maps/styles/maps/material.scss delete mode 100644 components/maps/styles/material.scss delete mode 100644 components/navigations/ReadMe.md delete mode 100644 components/navigations/styles/v-scroll/bootstrap.scss delete mode 100644 components/navigations/styles/v-scroll/fabric.scss delete mode 100644 components/navigations/styles/v-scroll/highcontrast.scss delete mode 100644 components/navigations/styles/v-scroll/material.scss delete mode 100644 components/popups/ReadMe.md delete mode 100644 components/schedule/ReadMe.md delete mode 100644 components/splitbuttons/ReadMe.md delete mode 100644 components/treemap/ReadMe.md diff --git a/components/base/CHANGELOG.md b/components/base/CHANGELOG.md index 4d28446e..7ddede24 100644 --- a/components/base/CHANGELOG.md +++ b/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 diff --git a/components/base/dist/ej2-react-base.umd.min.js b/components/base/dist/ej2-react-base.umd.min.js index 65adc92f..51e857f7 100644 --- a/components/base/dist/ej2-react-base.umd.min.js +++ b/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 {\n let ele = ReactDOM.findDOMNode(this);\n if (ele) {\n this.isAppendCalled = true;\n this.appendTo(ele);\n }\n });\n }\n // tslint:disable-next-line:no-any\n componentWillReceiveProps(nextProps) {\n if (!this.isAppendCalled) {\n clearTimeout(this.cachedTimeOut);\n this.isAppendCalled = true;\n this.appendTo(ReactDOM.findDOMNode(this));\n }\n let dProps = extend({}, nextProps);\n let keys = Object.keys(nextProps);\n for (let propkey of keys) {\n if (this.props[propkey] === nextProps[propkey]) {\n delete dProps[propkey];\n }\n else if (this.attrKeys.indexOf(propkey) !== -1) {\n if (propkey === 'className') {\n this.element.classList.remove(this.props[propkey]);\n this.element.classList.add(dProps[propkey]);\n }\n delete dProps[propkey];\n }\n }\n if (dProps['children']) {\n delete dProps['children'];\n }\n if (Object.keys(dProps).length) {\n this.setProperties(dProps);\n }\n this.refreshChild(false, nextProps);\n }\n getDefaultAttributes() {\n return this.htmlattributes;\n }\n refreshChild(silent, props) {\n if (this.checkInjectedModules) {\n let prevModule = this.getInjectedModules() || [];\n let curModule = this.getInjectedServices() || [];\n for (let mod of curModule) {\n if (prevModule.indexOf(mod) === -1) {\n prevModule.push(mod);\n }\n }\n this.injectedModules = prevModule;\n }\n if (this.directivekeys) {\n let directiveValue = this.validateChildren({}, this.directivekeys, (props || this.props));\n if (directiveValue) {\n if (!silent && this.skipRefresh) {\n for (let fields of this.skipRefresh) {\n delete directiveValue[fields];\n }\n }\n this.setProperties(directiveValue, silent);\n }\n }\n }\n componentWillUnmount() {\n this.destroy();\n }\n /* tslint:disable:no-any */\n validateChildren(childCache, mapper, props) {\n let flag = false;\n let childs = React.Children.toArray(props.children);\n for (let child of childs) {\n let ifield = this.getChildType(child);\n let key = mapper[ifield];\n if (ifield && mapper) {\n // tslint:disable\n let childProps = this.getChildProps(React.Children.toArray(child.props.children), key);\n if (childProps.length) {\n flag = true;\n // tslint:disable\n childCache[child.type.propertyName || ifield] = childProps;\n }\n }\n }\n if (flag) {\n return childCache;\n }\n return null;\n }\n // tslint:disable:no-any\n getChildType(child) {\n if (child.type && child.type.isDirective) {\n return child.type.moduleName || '';\n }\n return '';\n }\n getChildProps(subChild, matcher) {\n let ret = [];\n for (let child of subChild) {\n let accessProp = false;\n let key;\n if (typeof matcher === 'string') {\n accessProp = true;\n key = matcher;\n }\n else {\n key = Object.keys(matcher)[0];\n }\n let prop = child.props;\n // tslint:disable-next-line:no-any\n let field = this.getChildType(child);\n if (field === key) {\n if (accessProp || !prop.children) {\n ret.push(extend({}, prop, {}, true));\n }\n else {\n ret.push(this.validateChildren(extend({}, prop), matcher[key], prop) || prop);\n }\n }\n }\n return ret;\n }\n // tslint:disable:no-any\n getInjectedServices() {\n let childs = React.Children.toArray(this.props.children);\n for (let child of childs) {\n /* tslint:disable:no-any */\n if (child.type.isService) {\n return child.props.services;\n }\n }\n return [];\n }\n}\n","// tslint:disable-next-line:no-any\nexport function applyMixins(derivedClass, baseClass) {\n // tslint:disable:typedef\n baseClass.forEach(baseClass => {\n Object.getOwnPropertyNames(baseClass.prototype).forEach(name => {\n derivedClass.prototype[name] = baseClass.prototype[name];\n });\n });\n}\n","import * as React from 'react';\n/**\n * Directory base\n */\nexport class ComplexBase extends React.PureComponent {\n render() {\n return null;\n }\n}\nComplexBase.isDirective = true;\n","/**\n * Dependency injection\n */\nimport * as React from 'react';\nexport class Inject extends React.PureComponent {\n // tslint:disable-next-line:no-any\n render() {\n return null;\n }\n}\nInject.isService = true;\n","/**\n * Template compiler for react\n */\nimport { setTemplateEngine, getTemplateEngine, detach } from '@syncfusion/ej2-base';\nimport * as ReactDOM from 'react-dom';\n// tslint:disable:no-any\nlet stringCompiler = getTemplateEngine();\nexport function compile(templateElement, helper) {\n if (typeof templateElement === 'string') {\n return stringCompiler(templateElement, helper);\n }\n else {\n return (data) => {\n let ele = document.createElement('div');\n document.body.appendChild(ele);\n ReactDOM.render(templateElement(data), ele);\n detach(ele);\n return ele.children;\n };\n }\n}\nsetTemplateEngine({ compile: compile });\n","/**\n * index for component base\n */\nexport * from './component-base';\nexport * from './util';\nexport * from './complex-base';\nexport * from './services';\nexport * from './template';\n"],"names":["React.PureComponent","ReactDOM.findDOMNode","React.Children","ReactDOM.render"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"ej2-react-base.es2015.js","sources":["../src/es6/component-base.js","../src/es6/util.js","../src/es6/complex-base.js","../src/es6/services.js","../src/es6/template.js","../src/es6/index.js"],"sourcesContent":["/**\n * React Component Base\n */\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { extend } from '@syncfusion/ej2-base';\nconst defaulthtmlkeys = ['alt', 'className', 'disabled', 'form', 'id',\n 'readOnly', 'style', 'tabIndex', 'title', 'type', 'name',\n 'onClick', 'onFocus', 'onBlur'];\n/* tslint:disable */\nexport class ComponentBase extends React.PureComponent {\n constructor() {\n super(...arguments);\n this.attrKeys = [];\n this.cachedTimeOut = 0;\n this.isAppendCalled = false;\n }\n componentWillMount() {\n let propKeys = Object.keys(this.props);\n this.htmlattributes = {};\n this.attrKeys = defaulthtmlkeys.concat(this.controlAttributes || []);\n for (let prop of propKeys) {\n if (prop.indexOf('data-') !== -1 || prop.indexOf('aria-') !== -1 || this.attrKeys.indexOf(prop) !== -1) {\n this.htmlattributes[prop] = this.props[prop];\n }\n }\n }\n componentDidMount() {\n this.refreshChild(true);\n // Used timeout to resolve template binding\n // Reference link: https://github.com/facebook/react/issues/10309#issuecomment-318433235\n this.cachedTimeOut = setTimeout(() => {\n let ele = ReactDOM.findDOMNode(this);\n if (ele) {\n this.isAppendCalled = true;\n this.appendTo(ele);\n }\n });\n }\n // tslint:disable-next-line:no-any\n componentWillReceiveProps(nextProps) {\n if (!this.isAppendCalled) {\n clearTimeout(this.cachedTimeOut);\n this.isAppendCalled = true;\n this.appendTo(ReactDOM.findDOMNode(this));\n }\n let dProps = extend({}, nextProps);\n let keys = Object.keys(nextProps);\n for (let propkey of keys) {\n if (this.props[propkey] === nextProps[propkey]) {\n delete dProps[propkey];\n }\n else if (this.attrKeys.indexOf(propkey) !== -1) {\n if (propkey === 'className') {\n this.element.classList.remove(this.props[propkey]);\n this.element.classList.add(dProps[propkey]);\n }\n else if (propkey !== 'disabled') {\n delete dProps[propkey];\n }\n }\n }\n if (dProps['children']) {\n delete dProps['children'];\n }\n if (Object.keys(dProps).length) {\n this.setProperties(dProps);\n }\n this.refreshChild(false, nextProps);\n }\n getDefaultAttributes() {\n return this.htmlattributes;\n }\n refreshChild(silent, props) {\n if (this.checkInjectedModules) {\n let prevModule = this.getInjectedModules() || [];\n let curModule = this.getInjectedServices() || [];\n for (let mod of curModule) {\n if (prevModule.indexOf(mod) === -1) {\n prevModule.push(mod);\n }\n }\n this.injectedModules = prevModule;\n }\n if (this.directivekeys) {\n let directiveValue = this.validateChildren({}, this.directivekeys, (props || this.props));\n if (directiveValue) {\n if (!silent && this.skipRefresh) {\n for (let fields of this.skipRefresh) {\n delete directiveValue[fields];\n }\n }\n this.setProperties(directiveValue, silent);\n }\n }\n }\n componentWillUnmount() {\n this.destroy();\n }\n /* tslint:disable:no-any */\n validateChildren(childCache, mapper, props) {\n let flag = false;\n let childs = React.Children.toArray(props.children);\n for (let child of childs) {\n let ifield = this.getChildType(child);\n let key = mapper[ifield];\n if (ifield && mapper) {\n // tslint:disable\n let childProps = this.getChildProps(React.Children.toArray(child.props.children), key);\n if (childProps.length) {\n flag = true;\n // tslint:disable\n childCache[child.type.propertyName || ifield] = childProps;\n }\n }\n }\n if (flag) {\n return childCache;\n }\n return null;\n }\n // tslint:disable:no-any\n getChildType(child) {\n if (child.type && child.type.isDirective) {\n return child.type.moduleName || '';\n }\n return '';\n }\n getChildProps(subChild, matcher) {\n let ret = [];\n for (let child of subChild) {\n let accessProp = false;\n let key;\n if (typeof matcher === 'string') {\n accessProp = true;\n key = matcher;\n }\n else {\n key = Object.keys(matcher)[0];\n }\n let prop = child.props;\n // tslint:disable-next-line:no-any\n let field = this.getChildType(child);\n if (field === key) {\n if (accessProp || !prop.children) {\n ret.push(extend({}, prop, {}, true));\n }\n else {\n ret.push(this.validateChildren(extend({}, prop), matcher[key], prop) || prop);\n }\n }\n }\n return ret;\n }\n // tslint:disable:no-any\n getInjectedServices() {\n let childs = React.Children.toArray(this.props.children);\n for (let child of childs) {\n /* tslint:disable:no-any */\n if (child.type.isService) {\n return child.props.services;\n }\n }\n return [];\n }\n}\n","// tslint:disable-next-line:no-any\nexport function applyMixins(derivedClass, baseClass) {\n // tslint:disable:typedef\n baseClass.forEach(baseClass => {\n Object.getOwnPropertyNames(baseClass.prototype).forEach(name => {\n derivedClass.prototype[name] = baseClass.prototype[name];\n });\n });\n}\n","import * as React from 'react';\n/**\n * Directory base\n */\nexport class ComplexBase extends React.PureComponent {\n render() {\n return null;\n }\n}\nComplexBase.isDirective = true;\n","/**\n * Dependency injection\n */\nimport * as React from 'react';\nexport class Inject extends React.PureComponent {\n // tslint:disable-next-line:no-any\n render() {\n return null;\n }\n}\nInject.isService = true;\n","/**\n * Template compiler for react\n */\nimport { setTemplateEngine, getTemplateEngine, detach } from '@syncfusion/ej2-base';\nimport * as ReactDOM from 'react-dom';\n// tslint:disable:no-any\nlet stringCompiler = getTemplateEngine();\nexport function compile(templateElement, helper) {\n if (typeof templateElement === 'string') {\n return stringCompiler(templateElement, helper);\n }\n else {\n return (data) => {\n let ele = document.createElement('div');\n document.body.appendChild(ele);\n ReactDOM.render(templateElement(data), ele);\n detach(ele);\n return ele.children;\n };\n }\n}\nsetTemplateEngine({ compile: compile });\n","/**\n * index for component base\n */\nexport * from './component-base';\nexport * from './util';\nexport * from './complex-base';\nexport * from './services';\nexport * from './template';\n"],"names":["React.PureComponent","ReactDOM.findDOMNode","React.Children","ReactDOM.render"],"mappings":"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"} \ No newline at end of file diff --git a/components/base/dist/es6/ej2-react-base.es5.js b/components/base/dist/es6/ej2-react-base.es5.js index 267b9110..1b4dd900 100644 --- a/components/base/dist/es6/ej2-react-base.es5.js +++ b/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']) { diff --git a/components/base/dist/es6/ej2-react-base.es5.js.map b/components/base/dist/es6/ej2-react-base.es5.js.map index 92466891..01a61a86 100644 --- a/components/base/dist/es6/ej2-react-base.es5.js.map +++ b/components/base/dist/es6/ej2-react-base.es5.js.map @@ -1 +1 @@ -{"version":3,"file":"ej2-react-base.es5.js","sources":["../../src/component-base.js","../../src/util.js","../../src/complex-base.js","../../src/services.js","../../src/template.js","../../src/index.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})();\n/**\n * React Component Base\n */\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { extend } from '@syncfusion/ej2-base';\nvar defaulthtmlkeys = ['alt', 'className', 'disabled', 'form', 'id',\n 'readOnly', 'style', 'tabIndex', 'title', 'type', 'name',\n 'onClick', 'onFocus', 'onBlur'];\n/* tslint:disable */\nvar ComponentBase = /** @class */ (function (_super) {\n __extends(ComponentBase, _super);\n function ComponentBase() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.attrKeys = [];\n _this.cachedTimeOut = 0;\n _this.isAppendCalled = false;\n return _this;\n }\n ComponentBase.prototype.componentWillMount = function () {\n var propKeys = Object.keys(this.props);\n this.htmlattributes = {};\n this.attrKeys = defaulthtmlkeys.concat(this.controlAttributes || []);\n for (var _i = 0, propKeys_1 = propKeys; _i < propKeys_1.length; _i++) {\n var prop = propKeys_1[_i];\n if (prop.indexOf('data-') !== -1 || prop.indexOf('aria-') !== -1 || this.attrKeys.indexOf(prop) !== -1) {\n this.htmlattributes[prop] = this.props[prop];\n }\n }\n };\n ComponentBase.prototype.componentDidMount = function () {\n var _this = this;\n this.refreshChild(true);\n // Used timeout to resolve template binding\n // Reference link: https://github.com/facebook/react/issues/10309#issuecomment-318433235\n this.cachedTimeOut = setTimeout(function () {\n var ele = ReactDOM.findDOMNode(_this);\n if (ele) {\n _this.isAppendCalled = true;\n _this.appendTo(ele);\n }\n });\n };\n // tslint:disable-next-line:no-any\n ComponentBase.prototype.componentWillReceiveProps = function (nextProps) {\n if (!this.isAppendCalled) {\n clearTimeout(this.cachedTimeOut);\n this.isAppendCalled = true;\n this.appendTo(ReactDOM.findDOMNode(this));\n }\n var dProps = extend({}, nextProps);\n var keys = Object.keys(nextProps);\n for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {\n var propkey = keys_1[_i];\n if (this.props[propkey] === nextProps[propkey]) {\n delete dProps[propkey];\n }\n else if (this.attrKeys.indexOf(propkey) !== -1) {\n if (propkey === 'className') {\n this.element.classList.remove(this.props[propkey]);\n this.element.classList.add(dProps[propkey]);\n }\n delete dProps[propkey];\n }\n }\n if (dProps['children']) {\n delete dProps['children'];\n }\n if (Object.keys(dProps).length) {\n this.setProperties(dProps);\n }\n this.refreshChild(false, nextProps);\n };\n ComponentBase.prototype.getDefaultAttributes = function () {\n return this.htmlattributes;\n };\n ComponentBase.prototype.refreshChild = function (silent, props) {\n if (this.checkInjectedModules) {\n var prevModule = this.getInjectedModules() || [];\n var curModule = this.getInjectedServices() || [];\n for (var _i = 0, curModule_1 = curModule; _i < curModule_1.length; _i++) {\n var mod = curModule_1[_i];\n if (prevModule.indexOf(mod) === -1) {\n prevModule.push(mod);\n }\n }\n this.injectedModules = prevModule;\n }\n if (this.directivekeys) {\n var directiveValue = this.validateChildren({}, this.directivekeys, (props || this.props));\n if (directiveValue) {\n if (!silent && this.skipRefresh) {\n for (var _a = 0, _b = this.skipRefresh; _a < _b.length; _a++) {\n var fields = _b[_a];\n delete directiveValue[fields];\n }\n }\n this.setProperties(directiveValue, silent);\n }\n }\n };\n ComponentBase.prototype.componentWillUnmount = function () {\n this.destroy();\n };\n /* tslint:disable:no-any */\n ComponentBase.prototype.validateChildren = function (childCache, mapper, props) {\n var flag = false;\n var childs = React.Children.toArray(props.children);\n for (var _i = 0, childs_1 = childs; _i < childs_1.length; _i++) {\n var child = childs_1[_i];\n var ifield = this.getChildType(child);\n var key = mapper[ifield];\n if (ifield && mapper) {\n // tslint:disable\n var childProps = this.getChildProps(React.Children.toArray(child.props.children), key);\n if (childProps.length) {\n flag = true;\n // tslint:disable\n childCache[child.type.propertyName || ifield] = childProps;\n }\n }\n }\n if (flag) {\n return childCache;\n }\n return null;\n };\n // tslint:disable:no-any\n ComponentBase.prototype.getChildType = function (child) {\n if (child.type && child.type.isDirective) {\n return child.type.moduleName || '';\n }\n return '';\n };\n ComponentBase.prototype.getChildProps = function (subChild, matcher) {\n var ret = [];\n for (var _i = 0, subChild_1 = subChild; _i < subChild_1.length; _i++) {\n var child = subChild_1[_i];\n var accessProp = false;\n var key = void 0;\n if (typeof matcher === 'string') {\n accessProp = true;\n key = matcher;\n }\n else {\n key = Object.keys(matcher)[0];\n }\n var prop = child.props;\n // tslint:disable-next-line:no-any\n var field = this.getChildType(child);\n if (field === key) {\n if (accessProp || !prop.children) {\n ret.push(extend({}, prop, {}, true));\n }\n else {\n ret.push(this.validateChildren(extend({}, prop), matcher[key], prop) || prop);\n }\n }\n }\n return ret;\n };\n // tslint:disable:no-any\n ComponentBase.prototype.getInjectedServices = function () {\n var childs = React.Children.toArray(this.props.children);\n for (var _i = 0, childs_2 = childs; _i < childs_2.length; _i++) {\n var child = childs_2[_i];\n /* tslint:disable:no-any */\n if (child.type.isService) {\n return child.props.services;\n }\n }\n return [];\n };\n return ComponentBase;\n}(React.PureComponent));\nexport { ComponentBase };\n","// tslint:disable-next-line:no-any\nexport function applyMixins(derivedClass, baseClass) {\n // tslint:disable:typedef\n baseClass.forEach(function (baseClass) {\n Object.getOwnPropertyNames(baseClass.prototype).forEach(function (name) {\n derivedClass.prototype[name] = baseClass.prototype[name];\n });\n });\n}\n","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';\n/**\n * Directory base\n */\nvar ComplexBase = /** @class */ (function (_super) {\n __extends(ComplexBase, _super);\n function ComplexBase() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ComplexBase.prototype.render = function () {\n return null;\n };\n ComplexBase.isDirective = true;\n return ComplexBase;\n}(React.PureComponent));\nexport { ComplexBase };\n","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})();\n/**\n * Dependency injection\n */\nimport * as React from 'react';\nvar Inject = /** @class */ (function (_super) {\n __extends(Inject, _super);\n function Inject() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n // tslint:disable-next-line:no-any\n Inject.prototype.render = function () {\n return null;\n };\n Inject.isService = true;\n return Inject;\n}(React.PureComponent));\nexport { Inject };\n","/**\n * Template compiler for react\n */\nimport { setTemplateEngine, getTemplateEngine, detach } from '@syncfusion/ej2-base';\nimport * as ReactDOM from 'react-dom';\n// tslint:disable:no-any\nvar stringCompiler = getTemplateEngine();\nexport function compile(templateElement, helper) {\n if (typeof templateElement === 'string') {\n return stringCompiler(templateElement, helper);\n }\n else {\n return function (data) {\n var ele = document.createElement('div');\n document.body.appendChild(ele);\n ReactDOM.render(templateElement(data), ele);\n detach(ele);\n return ele.children;\n };\n }\n}\nsetTemplateEngine({ compile: compile });\n","/**\n * index for component base\n */\nexport * from './component-base';\nexport * from './util';\nexport * from './complex-base';\nexport * from './services';\nexport * from './template';\n"],"names":["this","ReactDOM.findDOMNode","React.Children","React.PureComponent","__extends","ReactDOM.render"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"ej2-react-base.es5.js","sources":["../../src/component-base.js","../../src/util.js","../../src/complex-base.js","../../src/services.js","../../src/template.js","../../src/index.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})();\n/**\n * React Component Base\n */\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { extend } from '@syncfusion/ej2-base';\nvar defaulthtmlkeys = ['alt', 'className', 'disabled', 'form', 'id',\n 'readOnly', 'style', 'tabIndex', 'title', 'type', 'name',\n 'onClick', 'onFocus', 'onBlur'];\n/* tslint:disable */\nvar ComponentBase = /** @class */ (function (_super) {\n __extends(ComponentBase, _super);\n function ComponentBase() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.attrKeys = [];\n _this.cachedTimeOut = 0;\n _this.isAppendCalled = false;\n return _this;\n }\n ComponentBase.prototype.componentWillMount = function () {\n var propKeys = Object.keys(this.props);\n this.htmlattributes = {};\n this.attrKeys = defaulthtmlkeys.concat(this.controlAttributes || []);\n for (var _i = 0, propKeys_1 = propKeys; _i < propKeys_1.length; _i++) {\n var prop = propKeys_1[_i];\n if (prop.indexOf('data-') !== -1 || prop.indexOf('aria-') !== -1 || this.attrKeys.indexOf(prop) !== -1) {\n this.htmlattributes[prop] = this.props[prop];\n }\n }\n };\n ComponentBase.prototype.componentDidMount = function () {\n var _this = this;\n this.refreshChild(true);\n // Used timeout to resolve template binding\n // Reference link: https://github.com/facebook/react/issues/10309#issuecomment-318433235\n this.cachedTimeOut = setTimeout(function () {\n var ele = ReactDOM.findDOMNode(_this);\n if (ele) {\n _this.isAppendCalled = true;\n _this.appendTo(ele);\n }\n });\n };\n // tslint:disable-next-line:no-any\n ComponentBase.prototype.componentWillReceiveProps = function (nextProps) {\n if (!this.isAppendCalled) {\n clearTimeout(this.cachedTimeOut);\n this.isAppendCalled = true;\n this.appendTo(ReactDOM.findDOMNode(this));\n }\n var dProps = extend({}, nextProps);\n var keys = Object.keys(nextProps);\n for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {\n var propkey = keys_1[_i];\n if (this.props[propkey] === nextProps[propkey]) {\n delete dProps[propkey];\n }\n else if (this.attrKeys.indexOf(propkey) !== -1) {\n if (propkey === 'className') {\n this.element.classList.remove(this.props[propkey]);\n this.element.classList.add(dProps[propkey]);\n }\n else if (propkey !== 'disabled') {\n delete dProps[propkey];\n }\n }\n }\n if (dProps['children']) {\n delete dProps['children'];\n }\n if (Object.keys(dProps).length) {\n this.setProperties(dProps);\n }\n this.refreshChild(false, nextProps);\n };\n ComponentBase.prototype.getDefaultAttributes = function () {\n return this.htmlattributes;\n };\n ComponentBase.prototype.refreshChild = function (silent, props) {\n if (this.checkInjectedModules) {\n var prevModule = this.getInjectedModules() || [];\n var curModule = this.getInjectedServices() || [];\n for (var _i = 0, curModule_1 = curModule; _i < curModule_1.length; _i++) {\n var mod = curModule_1[_i];\n if (prevModule.indexOf(mod) === -1) {\n prevModule.push(mod);\n }\n }\n this.injectedModules = prevModule;\n }\n if (this.directivekeys) {\n var directiveValue = this.validateChildren({}, this.directivekeys, (props || this.props));\n if (directiveValue) {\n if (!silent && this.skipRefresh) {\n for (var _a = 0, _b = this.skipRefresh; _a < _b.length; _a++) {\n var fields = _b[_a];\n delete directiveValue[fields];\n }\n }\n this.setProperties(directiveValue, silent);\n }\n }\n };\n ComponentBase.prototype.componentWillUnmount = function () {\n this.destroy();\n };\n /* tslint:disable:no-any */\n ComponentBase.prototype.validateChildren = function (childCache, mapper, props) {\n var flag = false;\n var childs = React.Children.toArray(props.children);\n for (var _i = 0, childs_1 = childs; _i < childs_1.length; _i++) {\n var child = childs_1[_i];\n var ifield = this.getChildType(child);\n var key = mapper[ifield];\n if (ifield && mapper) {\n // tslint:disable\n var childProps = this.getChildProps(React.Children.toArray(child.props.children), key);\n if (childProps.length) {\n flag = true;\n // tslint:disable\n childCache[child.type.propertyName || ifield] = childProps;\n }\n }\n }\n if (flag) {\n return childCache;\n }\n return null;\n };\n // tslint:disable:no-any\n ComponentBase.prototype.getChildType = function (child) {\n if (child.type && child.type.isDirective) {\n return child.type.moduleName || '';\n }\n return '';\n };\n ComponentBase.prototype.getChildProps = function (subChild, matcher) {\n var ret = [];\n for (var _i = 0, subChild_1 = subChild; _i < subChild_1.length; _i++) {\n var child = subChild_1[_i];\n var accessProp = false;\n var key = void 0;\n if (typeof matcher === 'string') {\n accessProp = true;\n key = matcher;\n }\n else {\n key = Object.keys(matcher)[0];\n }\n var prop = child.props;\n // tslint:disable-next-line:no-any\n var field = this.getChildType(child);\n if (field === key) {\n if (accessProp || !prop.children) {\n ret.push(extend({}, prop, {}, true));\n }\n else {\n ret.push(this.validateChildren(extend({}, prop), matcher[key], prop) || prop);\n }\n }\n }\n return ret;\n };\n // tslint:disable:no-any\n ComponentBase.prototype.getInjectedServices = function () {\n var childs = React.Children.toArray(this.props.children);\n for (var _i = 0, childs_2 = childs; _i < childs_2.length; _i++) {\n var child = childs_2[_i];\n /* tslint:disable:no-any */\n if (child.type.isService) {\n return child.props.services;\n }\n }\n return [];\n };\n return ComponentBase;\n}(React.PureComponent));\nexport { ComponentBase };\n","// tslint:disable-next-line:no-any\nexport function applyMixins(derivedClass, baseClass) {\n // tslint:disable:typedef\n baseClass.forEach(function (baseClass) {\n Object.getOwnPropertyNames(baseClass.prototype).forEach(function (name) {\n derivedClass.prototype[name] = baseClass.prototype[name];\n });\n });\n}\n","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';\n/**\n * Directory base\n */\nvar ComplexBase = /** @class */ (function (_super) {\n __extends(ComplexBase, _super);\n function ComplexBase() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ComplexBase.prototype.render = function () {\n return null;\n };\n ComplexBase.isDirective = true;\n return ComplexBase;\n}(React.PureComponent));\nexport { ComplexBase };\n","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})();\n/**\n * Dependency injection\n */\nimport * as React from 'react';\nvar Inject = /** @class */ (function (_super) {\n __extends(Inject, _super);\n function Inject() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n // tslint:disable-next-line:no-any\n Inject.prototype.render = function () {\n return null;\n };\n Inject.isService = true;\n return Inject;\n}(React.PureComponent));\nexport { Inject };\n","/**\n * Template compiler for react\n */\nimport { setTemplateEngine, getTemplateEngine, detach } from '@syncfusion/ej2-base';\nimport * as ReactDOM from 'react-dom';\n// tslint:disable:no-any\nvar stringCompiler = getTemplateEngine();\nexport function compile(templateElement, helper) {\n if (typeof templateElement === 'string') {\n return stringCompiler(templateElement, helper);\n }\n else {\n return function (data) {\n var ele = document.createElement('div');\n document.body.appendChild(ele);\n ReactDOM.render(templateElement(data), ele);\n detach(ele);\n return ele.children;\n };\n }\n}\nsetTemplateEngine({ compile: compile });\n","/**\n * index for component base\n */\nexport * from './component-base';\nexport * from './util';\nexport * from './complex-base';\nexport * from './services';\nexport * from './template';\n"],"names":["this","ReactDOM.findDOMNode","React.Children","React.PureComponent","__extends","ReactDOM.render"],"mappings":"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"} \ No newline at end of file diff --git a/components/base/dist/global/ej2-react-base.min.js b/components/base/dist/global/ej2-react-base.min.js index db432223..54fdd6b4 100644 --- a/components/base/dist/global/ej2-react-base.min.js +++ b/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{ +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
- + diff --git a/components/base/spec/sample-component.tsx b/components/base/spec/sample-component.tsx index c13b3879..69ba410d 100644 --- a/components/base/spec/sample-component.tsx +++ b/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 implements INotifyPropertyCha public settings: { color: string, size: number }; @Property() public template:string; + @Property() + public disbled:boolean; @Property([]) public items: string[]; @Property() diff --git a/components/base/src/component-base.ts b/components/base/src/component-base.ts index 99bc4412..1ca6fdc9 100644 --- a/components/base/src/component-base.ts +++ b/components/base/src/component-base.ts @@ -82,8 +82,9 @@ export class ComponentBase extends React.PureComponent { 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']) { diff --git a/components/buttons/CHANGELOG.md b/components/buttons/CHANGELOG.md index 6f75ae54..a5a56612 100644 --- a/components/buttons/CHANGELOG.md +++ b/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 diff --git a/components/buttons/README.md b/components/buttons/README.md index 3038b1cc..1b363378 100644 --- a/components/buttons/README.md +++ b/components/buttons/README.md @@ -1 +1,102 @@ -Repositary for ej2-react-template \ No newline at end of file +# 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. diff --git a/components/buttons/ReadMe.md b/components/buttons/ReadMe.md deleted file mode 100644 index 597b4d54..00000000 --- a/components/buttons/ReadMe.md +++ /dev/null @@ -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. diff --git a/components/calendars/CHANGELOG.md b/components/calendars/CHANGELOG.md index e4b257d1..122f3086 100644 --- a/components/calendars/CHANGELOG.md +++ b/components/calendars/CHANGELOG.md @@ -2,7 +2,7 @@ ## [Unreleased] -## 16.3.32 (2018-11-15) +## 16.3.31 (2018-11-07) ### DatePicker diff --git a/components/calendars/README.md b/components/calendars/README.md index 3038b1cc..c8015885 100644 --- a/components/calendars/README.md +++ b/components/calendars/README.md @@ -1 +1,161 @@ -Repositary for ej2-react-template \ No newline at end of file +# 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. + +

+ Calendar components +

+ +> 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. \ No newline at end of file diff --git a/components/calendars/ReadMe.md b/components/calendars/ReadMe.md deleted file mode 100644 index c8015885..00000000 --- a/components/calendars/ReadMe.md +++ /dev/null @@ -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. - -

- Calendar components -

- -> 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. \ No newline at end of file diff --git a/components/calendars/dist/ej2-react-calendars.umd.min.js b/components/calendars/dist/ej2-react-calendars.umd.min.js index dcd2865f..f863f8fe 100644 --- a/components/calendars/dist/ej2-react-calendars.umd.min.js +++ b/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 diff --git a/components/calendars/package.json b/components/calendars/package.json index 574022cc..2ff7e940 100644 --- a/components/calendars/package.json +++ b/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", diff --git a/components/charts/CHANGELOG.md b/components/charts/CHANGELOG.md index 41783416..e8b43c4b 100644 --- a/components/charts/CHANGELOG.md +++ b/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 diff --git a/components/charts/ReadMe.md b/components/charts/ReadMe.md index be906440..d29835c4 100644 --- a/components/charts/ReadMe.md +++ b/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/) diff --git a/components/circulargauge/CHANGELOG.md b/components/circulargauge/CHANGELOG.md index eaa237eb..e9ce9af0 100644 --- a/components/circulargauge/CHANGELOG.md +++ b/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 diff --git a/components/circulargauge/README.md b/components/circulargauge/README.md index 3038b1cc..f08a52a4 100644 --- a/components/circulargauge/README.md +++ b/components/circulargauge/README.md @@ -1 +1,65 @@ -Repositary for ej2-react-template \ No newline at end of file +# 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. \ No newline at end of file diff --git a/components/circulargauge/ReadMe.md b/components/circulargauge/ReadMe.md deleted file mode 100644 index 73cff7f7..00000000 --- a/components/circulargauge/ReadMe.md +++ /dev/null @@ -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. \ No newline at end of file diff --git a/components/circulargauge/dist/ej2-react-circulargauge.umd.min.js b/components/circulargauge/dist/ej2-react-circulargauge.umd.min.js index 8baa2d7d..46ce1779 100644 --- a/components/circulargauge/dist/ej2-react-circulargauge.umd.min.js +++ b/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 diff --git a/components/circulargauge/package.json b/components/circulargauge/package.json index df3e9be2..02000275 100644 --- a/components/circulargauge/package.json +++ b/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", diff --git a/components/circulargauge/styles/bootstrap.scss b/components/circulargauge/styles/bootstrap.scss deleted file mode 100644 index 655b2f27..00000000 --- a/components/circulargauge/styles/bootstrap.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'circular-gauge/bootstrap.scss'; diff --git a/components/circulargauge/styles/circular-gauge/bootstrap.scss b/components/circulargauge/styles/circular-gauge/bootstrap.scss deleted file mode 100644 index 46dcb71b..00000000 --- a/components/circulargauge/styles/circular-gauge/bootstrap.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'ej2-circulargauge/styles/circular-gauge/bootstrap.scss'; diff --git a/components/circulargauge/styles/circular-gauge/fabric.scss b/components/circulargauge/styles/circular-gauge/fabric.scss deleted file mode 100644 index b0ba6a24..00000000 --- a/components/circulargauge/styles/circular-gauge/fabric.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'ej2-circulargauge/styles/circular-gauge/fabric.scss'; diff --git a/components/circulargauge/styles/circular-gauge/highcontrast.scss b/components/circulargauge/styles/circular-gauge/highcontrast.scss deleted file mode 100644 index f7958b59..00000000 --- a/components/circulargauge/styles/circular-gauge/highcontrast.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'ej2-circulargauge/styles/circular-gauge/highcontrast.scss'; diff --git a/components/circulargauge/styles/circular-gauge/material.scss b/components/circulargauge/styles/circular-gauge/material.scss deleted file mode 100644 index c6911ede..00000000 --- a/components/circulargauge/styles/circular-gauge/material.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'ej2-circulargauge/styles/circular-gauge/material.scss'; diff --git a/components/circulargauge/styles/fabric.scss b/components/circulargauge/styles/fabric.scss deleted file mode 100644 index 800fe6b8..00000000 --- a/components/circulargauge/styles/fabric.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'circular-gauge/fabric.scss'; diff --git a/components/circulargauge/styles/highcontrast.scss b/components/circulargauge/styles/highcontrast.scss deleted file mode 100644 index 637f0f1f..00000000 --- a/components/circulargauge/styles/highcontrast.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'circular-gauge/highcontrast.scss'; diff --git a/components/circulargauge/styles/material.scss b/components/circulargauge/styles/material.scss deleted file mode 100644 index 0b22e153..00000000 --- a/components/circulargauge/styles/material.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'circular-gauge/material.scss'; diff --git a/components/diagrams/CHANGELOG.md b/components/diagrams/CHANGELOG.md index 5f3f557f..6133f5e1 100644 --- a/components/diagrams/CHANGELOG.md +++ b/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 diff --git a/components/diagrams/README.md b/components/diagrams/README.md index 3038b1cc..30c6e2cc 100644 --- a/components/diagrams/README.md +++ b/components/diagrams/README.md @@ -1 +1,75 @@ -Repositary for ej2-react-template \ No newline at end of file +# 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. diff --git a/components/diagrams/ReadMe.md b/components/diagrams/ReadMe.md deleted file mode 100644 index 0f4cb5c0..00000000 --- a/components/diagrams/ReadMe.md +++ /dev/null @@ -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. diff --git a/components/documenteditor/CHANGELOG.md b/components/documenteditor/CHANGELOG.md index c05460db..481c9a7c 100644 --- a/components/documenteditor/CHANGELOG.md +++ b/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 diff --git a/components/documenteditor/README.md b/components/documenteditor/README.md index 3038b1cc..b9ec65bd 100644 --- a/components/documenteditor/README.md +++ b/components/documenteditor/README.md @@ -1 +1,70 @@ -Repositary for ej2-react-template \ No newline at end of file +# 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. diff --git a/components/documenteditor/ReadMe.md b/components/documenteditor/ReadMe.md deleted file mode 100644 index fae8d650..00000000 --- a/components/documenteditor/ReadMe.md +++ /dev/null @@ -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. diff --git a/components/dropdowns/CHANGELOG.md b/components/dropdowns/CHANGELOG.md index 7da9fc19..1354ef49 100644 --- a/components/dropdowns/CHANGELOG.md +++ b/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 diff --git a/components/dropdowns/README.md b/components/dropdowns/README.md index 3038b1cc..7e9e6ff1 100644 --- a/components/dropdowns/README.md +++ b/components/dropdowns/README.md @@ -1 +1,105 @@ -Repositary for ej2-react-template \ No newline at end of file +# 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. diff --git a/components/dropdowns/ReadMe.md b/components/dropdowns/ReadMe.md deleted file mode 100644 index e7ffa591..00000000 --- a/components/dropdowns/ReadMe.md +++ /dev/null @@ -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. diff --git a/components/dropdowns/dist/ej2-react-dropdowns.umd.min.js b/components/dropdowns/dist/ej2-react-dropdowns.umd.min.js index 2b603a45..9cf077ab 100644 --- a/components/dropdowns/dist/ej2-react-dropdowns.umd.min.js +++ b/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 diff --git a/components/dropdowns/package.json b/components/dropdowns/package.json index ea5d30b5..c1b78a5a 100644 --- a/components/dropdowns/package.json +++ b/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", diff --git a/components/grids/CHANGELOG.md b/components/grids/CHANGELOG.md index bd20cd80..24245950 100644 --- a/components/grids/CHANGELOG.md +++ b/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 diff --git a/components/grids/README.md b/components/grids/README.md index 3038b1cc..f9f6280c 100644 --- a/components/grids/README.md +++ b/components/grids/README.md @@ -1 +1,75 @@ -Repositary for ej2-react-template \ No newline at end of file +# 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. diff --git a/components/grids/ReadMe.md b/components/grids/ReadMe.md deleted file mode 100644 index 0b348b25..00000000 --- a/components/grids/ReadMe.md +++ /dev/null @@ -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. diff --git a/components/heatmap/CHANGELOG.md b/components/heatmap/CHANGELOG.md index b349c359..002712a7 100644 --- a/components/heatmap/CHANGELOG.md +++ b/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 diff --git a/components/heatmap/README.md b/components/heatmap/README.md index 3038b1cc..4ab99ff5 100644 --- a/components/heatmap/README.md +++ b/components/heatmap/README.md @@ -1 +1,68 @@ -Repositary for ej2-react-template \ No newline at end of file +# 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. \ No newline at end of file diff --git a/components/heatmap/ReadMe.md b/components/heatmap/ReadMe.md deleted file mode 100644 index c8c231cd..00000000 --- a/components/heatmap/ReadMe.md +++ /dev/null @@ -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. \ No newline at end of file diff --git a/components/heatmap/dist/ej2-react-heatmap.umd.min.js b/components/heatmap/dist/ej2-react-heatmap.umd.min.js index 77df719c..7633b69a 100644 --- a/components/heatmap/dist/ej2-react-heatmap.umd.min.js +++ b/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 diff --git a/components/heatmap/dist/ej2-react-heatmap.umd.min.js.map b/components/heatmap/dist/ej2-react-heatmap.umd.min.js.map index 2568a14c..390b5fae 100644 --- a/components/heatmap/dist/ej2-react-heatmap.umd.min.js.map +++ b/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 * \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"} \ No newline at end of file +{"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 * \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"} \ No newline at end of file diff --git a/components/heatmap/dist/es6/ej2-react-heatmap.es2015.js b/components/heatmap/dist/es6/ej2-react-heatmap.es2015.js index bf891168..44333577 100644 --- a/components/heatmap/dist/es6/ej2-react-heatmap.es2015.js +++ b/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) { diff --git a/components/heatmap/dist/es6/ej2-react-heatmap.es2015.js.map b/components/heatmap/dist/es6/ej2-react-heatmap.es2015.js.map index 3736a98e..6ebd2c4b 100644 --- a/components/heatmap/dist/es6/ej2-react-heatmap.es2015.js.map +++ b/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 * \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;;;;;;"} \ No newline at end of file +{"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 * \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;;;;;;"} \ No newline at end of file diff --git a/components/heatmap/package.json b/components/heatmap/package.json index e54e1bf5..49ea42f4 100644 --- a/components/heatmap/package.json +++ b/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", diff --git a/components/heatmap/src/heatmap/heatmap.component.tsx b/components/heatmap/src/heatmap/heatmap.component.tsx index fc273448..9b23066c 100644 --- a/components/heatmap/src/heatmap/heatmap.component.tsx +++ b/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 { diff --git a/components/inputs/CHANGELOG.md b/components/inputs/CHANGELOG.md index cf6175f6..627e8d24 100644 --- a/components/inputs/CHANGELOG.md +++ b/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 diff --git a/components/inputs/README.md b/components/inputs/README.md index 3038b1cc..c0254961 100644 --- a/components/inputs/README.md +++ b/components/inputs/README.md @@ -1 +1,128 @@ -Repositary for ej2-react-template \ No newline at end of file +# 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) diff --git a/components/inputs/ReadMe.md b/components/inputs/ReadMe.md deleted file mode 100644 index 76b42421..00000000 --- a/components/inputs/ReadMe.md +++ /dev/null @@ -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) diff --git a/components/inputs/dist/ej2-react-inputs.umd.min.js b/components/inputs/dist/ej2-react-inputs.umd.min.js index f5ad7397..b7919189 100644 --- a/components/inputs/dist/ej2-react-inputs.umd.min.js +++ b/components/inputs/dist/ej2-react-inputs.umd.min.js @@ -1,6 +1,6 @@ /*! * filename: ej2-react-inputs.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(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@syncfusion/ej2-inputs"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-inputs","@syncfusion/ej2-react-base"],e):e(t.ej={},t.React,t.ej2Inputs,t.ej2ReactBase)}(this,function(t,e,n,r){"use strict";var o=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.state=e,n}return o(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.TextBox);r.applyMixins(i,[r.ComponentBase,e.PureComponent]);var c=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),s=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.state=e,n}return c(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.NumericTextBox);r.applyMixins(s,[r.ComponentBase,e.PureComponent]);var u=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),p=function(t){function n(e){var n=t.call(this,e)||this;return n.controlAttributes=["name"],n.initRenderCalled=!1,n.checkInjectedModules=!1,n.state=e,n}return u(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.MaskedTextBox);r.applyMixins(p,[r.ComponentBase,e.PureComponent]);var a=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),l=function(t){function n(e){var n=t.call(this,e)||this;return n.controlAttributes=["name"],n.initRenderCalled=!1,n.checkInjectedModules=!1,n.state=e,n}return a(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("div",this.getDefaultAttributes(),this.props.children);t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Slider);r.applyMixins(l,[r.ComponentBase,e.PureComponent]);var f=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return f(e,t),e.moduleName="uploadedFiles",e}(r.ComplexBase),h=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return f(e,t),e.propertyName="files",e.moduleName="files",e}(r.ComplexBase),y=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),_=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={files:"uploadedFiles"},n.state=e,n}return y(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Uploader);r.applyMixins(_,[r.ComponentBase,e.PureComponent]);var m=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),C=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.state=e,n}return m(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.ColorPicker);r.applyMixins(C,[r.ComponentBase,e.PureComponent]),t.TextBoxComponent=i,t.NumericTextBoxComponent=s,t.MaskedTextBoxComponent=p,t.SliderComponent=l,t.UploadedFilesDirective=d,t.FilesDirective=h,t.UploaderComponent=_,t.ColorPickerComponent=C,Object.keys(n).forEach(function(e){t[e]=n[e]}),Object.defineProperty(t,"__esModule",{value:!0})}); +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@syncfusion/ej2-inputs"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-inputs","@syncfusion/ej2-react-base"],e):e(t.ej={},t.React,t.ej2Inputs,t.ej2ReactBase)}(this,function(t,e,n,r){"use strict";var o=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n}return o(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.TextBox);r.applyMixins(i,[r.ComponentBase,e.PureComponent]);var u=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),c=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n}return u(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.NumericTextBox);r.applyMixins(c,[r.ComponentBase,e.PureComponent]);var s=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),p=function(t){function n(e){var n=t.call(this,e)||this;return n.controlAttributes=["name"],n.initRenderCalled=!1,n.checkInjectedModules=!1,n}return s(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.MaskedTextBox);r.applyMixins(p,[r.ComponentBase,e.PureComponent]);var a=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),l=function(t){function n(e){var n=t.call(this,e)||this;return n.controlAttributes=["name"],n.initRenderCalled=!1,n.checkInjectedModules=!1,n}return a(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("div",this.getDefaultAttributes(),this.props.children);t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Slider);r.applyMixins(l,[r.ComponentBase,e.PureComponent]);var f=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return f(e,t),e.moduleName="uploadedFiles",e}(r.ComplexBase),h=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return f(e,t),e.propertyName="files",e.moduleName="files",e}(r.ComplexBase),y=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),_=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={files:"uploadedFiles"},n}return y(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Uploader);r.applyMixins(_,[r.ComponentBase,e.PureComponent]);var m=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),C=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n}return m(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.ColorPicker);r.applyMixins(C,[r.ComponentBase,e.PureComponent]),t.TextBoxComponent=i,t.NumericTextBoxComponent=c,t.MaskedTextBoxComponent=p,t.SliderComponent=l,t.UploadedFilesDirective=d,t.FilesDirective=h,t.UploaderComponent=_,t.ColorPickerComponent=C,Object.keys(n).forEach(function(e){t[e]=n[e]}),Object.defineProperty(t,"__esModule",{value:!0})}); //# sourceMappingURL=ej2-react-inputs.umd.min.js.map diff --git a/components/inputs/dist/ej2-react-inputs.umd.min.js.map b/components/inputs/dist/ej2-react-inputs.umd.min.js.map index af8a9e17..14ce5100 100644 --- a/components/inputs/dist/ej2-react-inputs.umd.min.js.map +++ b/components/inputs/dist/ej2-react-inputs.umd.min.js.map @@ -1 +1 @@ -{"version":3,"file":"ej2-react-inputs.umd.min.js","sources":["../src/textbox/textbox.component.js","../src/numerictextbox/numerictextbox.component.js","../src/maskedtextbox/maskedtextbox.component.js","../src/slider/slider.component.js","../src/uploader/files-directive.js","../src/uploader/uploader.component.js","../src/color-picker/colorpicker.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 { TextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React TextBox Component\n * ```html\n * \n * ```\n */\nvar TextBoxComponent = /** @class */ (function (_super) {\n __extends(TextBoxComponent, _super);\n function TextBoxComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n _this.state = props;\n return _this;\n }\n TextBoxComponent.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('input', this.getDefaultAttributes());\n }\n };\n return TextBoxComponent;\n}(TextBox));\nexport { TextBoxComponent };\napplyMixins(TextBoxComponent, [ComponentBase, React.PureComponent]);\n","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 { NumericTextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React NumericTextBox Component\n * ```html\n * \n * ```\n */\nvar NumericTextBoxComponent = /** @class */ (function (_super) {\n __extends(NumericTextBoxComponent, _super);\n function NumericTextBoxComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n _this.state = props;\n return _this;\n }\n NumericTextBoxComponent.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('input', this.getDefaultAttributes());\n }\n };\n return NumericTextBoxComponent;\n}(NumericTextBox));\nexport { NumericTextBoxComponent };\napplyMixins(NumericTextBoxComponent, [ComponentBase, React.PureComponent]);\n","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 { MaskedTextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React MaskedTextBox Component\n * ```html\n * \n * ```\n */\nvar MaskedTextBoxComponent = /** @class */ (function (_super) {\n __extends(MaskedTextBoxComponent, _super);\n function MaskedTextBoxComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.controlAttributes = ['name'];\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n _this.state = props;\n return _this;\n }\n MaskedTextBoxComponent.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('input', this.getDefaultAttributes());\n }\n };\n return MaskedTextBoxComponent;\n}(MaskedTextBox));\nexport { MaskedTextBoxComponent };\napplyMixins(MaskedTextBoxComponent, [ComponentBase, React.PureComponent]);\n","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 { Slider } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Slider Component\n * ```html\n * \n * ```\n */\nvar SliderComponent = /** @class */ (function (_super) {\n __extends(SliderComponent, _super);\n function SliderComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.controlAttributes = ['name'];\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n _this.state = props;\n return _this;\n }\n SliderComponent.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 SliderComponent;\n}(Slider));\nexport { SliderComponent };\napplyMixins(SliderComponent, [ComponentBase, React.PureComponent]);\n","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 { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `FilesDirective` represent a file of the react uploader.\n * It must be contained in a Uploader component(`UploaderComponent`).\n * ```tsx\n * \n * \n * \n * \n * \n * \n * ```\n */\nvar UploadedFilesDirective = /** @class */ (function (_super) {\n __extends(UploadedFilesDirective, _super);\n function UploadedFilesDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n UploadedFilesDirective.moduleName = 'uploadedFiles';\n return UploadedFilesDirective;\n}(ComplexBase));\nexport { UploadedFilesDirective };\nvar FilesDirective = /** @class */ (function (_super) {\n __extends(FilesDirective, _super);\n function FilesDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n FilesDirective.propertyName = 'files';\n FilesDirective.moduleName = 'files';\n return FilesDirective;\n}(ComplexBase));\nexport { FilesDirective };\n","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 { Uploader } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Uploader Component\n * ```html\n * \n * ```\n */\nvar UploaderComponent = /** @class */ (function (_super) {\n __extends(UploaderComponent, _super);\n function UploaderComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n _this.directivekeys = { 'files': 'uploadedFiles' };\n _this.state = props;\n return _this;\n }\n UploaderComponent.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('input', this.getDefaultAttributes());\n }\n };\n return UploaderComponent;\n}(Uploader));\nexport { UploaderComponent };\napplyMixins(UploaderComponent, [ComponentBase, React.PureComponent]);\n","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 { ColorPicker } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React ColorPicker Component\n * ```html\n * \n * ```\n */\nvar ColorPickerComponent = /** @class */ (function (_super) {\n __extends(ColorPickerComponent, _super);\n function ColorPickerComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n _this.state = props;\n return _this;\n }\n ColorPickerComponent.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('input', this.getDefaultAttributes());\n }\n };\n return ColorPickerComponent;\n}(ColorPicker));\nexport { ColorPickerComponent };\napplyMixins(ColorPickerComponent, [ComponentBase, React.PureComponent]);\n"],"names":["__extends","extendStatics","Object","setPrototypeOf","__proto__","Array","d","b","p","hasOwnProperty","__","this","constructor","prototype","create","TextBoxComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","state","render","element","refreshing","React.createElement","getDefaultAttributes","TextBox","ej2ReactBase","ComponentBase","React.PureComponent","NumericTextBoxComponent","NumericTextBox","MaskedTextBoxComponent","controlAttributes","MaskedTextBox","SliderComponent","children","Slider","UploadedFilesDirective","apply","arguments","moduleName","ComplexBase","FilesDirective","propertyName","UploaderComponent","directivekeys","files","Uploader","ColorPickerComponent","ColorPicker"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"ej2-react-inputs.umd.min.js","sources":["../src/textbox/textbox.component.js","../src/numerictextbox/numerictextbox.component.js","../src/maskedtextbox/maskedtextbox.component.js","../src/slider/slider.component.js","../src/uploader/files-directive.js","../src/uploader/uploader.component.js","../src/color-picker/colorpicker.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 { TextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React TextBox Component\n * ```html\n * \n * ```\n */\nvar TextBoxComponent = /** @class */ (function (_super) {\n __extends(TextBoxComponent, _super);\n function TextBoxComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n return _this;\n }\n TextBoxComponent.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('input', this.getDefaultAttributes());\n }\n };\n return TextBoxComponent;\n}(TextBox));\nexport { TextBoxComponent };\napplyMixins(TextBoxComponent, [ComponentBase, React.PureComponent]);\n","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 { NumericTextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React NumericTextBox Component\n * ```html\n * \n * ```\n */\nvar NumericTextBoxComponent = /** @class */ (function (_super) {\n __extends(NumericTextBoxComponent, _super);\n function NumericTextBoxComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n return _this;\n }\n NumericTextBoxComponent.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('input', this.getDefaultAttributes());\n }\n };\n return NumericTextBoxComponent;\n}(NumericTextBox));\nexport { NumericTextBoxComponent };\napplyMixins(NumericTextBoxComponent, [ComponentBase, React.PureComponent]);\n","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 { MaskedTextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React MaskedTextBox Component\n * ```html\n * \n * ```\n */\nvar MaskedTextBoxComponent = /** @class */ (function (_super) {\n __extends(MaskedTextBoxComponent, _super);\n function MaskedTextBoxComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.controlAttributes = ['name'];\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n return _this;\n }\n MaskedTextBoxComponent.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('input', this.getDefaultAttributes());\n }\n };\n return MaskedTextBoxComponent;\n}(MaskedTextBox));\nexport { MaskedTextBoxComponent };\napplyMixins(MaskedTextBoxComponent, [ComponentBase, React.PureComponent]);\n","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 { Slider } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Slider Component\n * ```html\n * \n * ```\n */\nvar SliderComponent = /** @class */ (function (_super) {\n __extends(SliderComponent, _super);\n function SliderComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.controlAttributes = ['name'];\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n return _this;\n }\n SliderComponent.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 SliderComponent;\n}(Slider));\nexport { SliderComponent };\napplyMixins(SliderComponent, [ComponentBase, React.PureComponent]);\n","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 { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `FilesDirective` represent a file of the react uploader.\n * It must be contained in a Uploader component(`UploaderComponent`).\n * ```tsx\n * \n * \n * \n * \n * \n * \n * ```\n */\nvar UploadedFilesDirective = /** @class */ (function (_super) {\n __extends(UploadedFilesDirective, _super);\n function UploadedFilesDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n UploadedFilesDirective.moduleName = 'uploadedFiles';\n return UploadedFilesDirective;\n}(ComplexBase));\nexport { UploadedFilesDirective };\nvar FilesDirective = /** @class */ (function (_super) {\n __extends(FilesDirective, _super);\n function FilesDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n FilesDirective.propertyName = 'files';\n FilesDirective.moduleName = 'files';\n return FilesDirective;\n}(ComplexBase));\nexport { FilesDirective };\n","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 { Uploader } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Uploader Component\n * ```html\n * \n * ```\n */\nvar UploaderComponent = /** @class */ (function (_super) {\n __extends(UploaderComponent, _super);\n function UploaderComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n _this.directivekeys = { 'files': 'uploadedFiles' };\n return _this;\n }\n UploaderComponent.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('input', this.getDefaultAttributes());\n }\n };\n return UploaderComponent;\n}(Uploader));\nexport { UploaderComponent };\napplyMixins(UploaderComponent, [ComponentBase, React.PureComponent]);\n","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 { ColorPicker } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React ColorPicker Component\n * ```html\n * \n * ```\n */\nvar ColorPickerComponent = /** @class */ (function (_super) {\n __extends(ColorPickerComponent, _super);\n function ColorPickerComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n return _this;\n }\n ColorPickerComponent.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('input', this.getDefaultAttributes());\n }\n };\n return ColorPickerComponent;\n}(ColorPicker));\nexport { ColorPickerComponent };\napplyMixins(ColorPickerComponent, [ComponentBase, React.PureComponent]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","TextBoxComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","render","element","refreshing","React.createElement","getDefaultAttributes","TextBox","ej2ReactBase","ComponentBase","React.PureComponent","NumericTextBoxComponent","NumericTextBox","MaskedTextBoxComponent","controlAttributes","MaskedTextBox","SliderComponent","children","Slider","UploadedFilesDirective","apply","arguments","moduleName","ComplexBase","FilesDirective","propertyName","UploaderComponent","directivekeys","files","Uploader","ColorPickerComponent","ColorPicker"],"mappings":"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"} \ No newline at end of file diff --git a/components/inputs/dist/es6/ej2-react-inputs.es2015.js b/components/inputs/dist/es6/ej2-react-inputs.es2015.js index aebc8a76..a98e4654 100644 --- a/components/inputs/dist/es6/ej2-react-inputs.es2015.js +++ b/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) { diff --git a/components/inputs/dist/es6/ej2-react-inputs.es2015.js.map b/components/inputs/dist/es6/ej2-react-inputs.es2015.js.map index 28167560..d6e5857d 100644 --- a/components/inputs/dist/es6/ej2-react-inputs.es2015.js.map +++ b/components/inputs/dist/es6/ej2-react-inputs.es2015.js.map @@ -1 +1 @@ -{"version":3,"file":"ej2-react-inputs.es2015.js","sources":["../src/es6/textbox/textbox.component.js","../src/es6/numerictextbox/numerictextbox.component.js","../src/es6/maskedtextbox/maskedtextbox.component.js","../src/es6/slider/slider.component.js","../src/es6/uploader/files-directive.js","../src/es6/uploader/uploader.component.js","../src/es6/color-picker/colorpicker.component.js"],"sourcesContent":["import * as React from 'react';\nimport { TextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React TextBox Component\n * ```html\n * \n * ```\n */\nexport class TextBoxComponent extends TextBox {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\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('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(TextBoxComponent, [ComponentBase, React.PureComponent]);\n","import * as React from 'react';\nimport { NumericTextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React NumericTextBox Component\n * ```html\n * \n * ```\n */\nexport class NumericTextBoxComponent extends NumericTextBox {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\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('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(NumericTextBoxComponent, [ComponentBase, React.PureComponent]);\n","import * as React from 'react';\nimport { MaskedTextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React MaskedTextBox Component\n * ```html\n * \n * ```\n */\nexport class MaskedTextBoxComponent extends MaskedTextBox {\n constructor(props) {\n super(props);\n this.controlAttributes = ['name'];\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\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('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(MaskedTextBoxComponent, [ComponentBase, React.PureComponent]);\n","import * as React from 'react';\nimport { Slider } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Slider Component\n * ```html\n * \n * ```\n */\nexport class SliderComponent extends Slider {\n constructor(props) {\n super(props);\n this.controlAttributes = ['name'];\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\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(SliderComponent, [ComponentBase, React.PureComponent]);\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `FilesDirective` represent a file of the react uploader.\n * It must be contained in a Uploader component(`UploaderComponent`).\n * ```tsx\n * \n * \n * \n * \n * \n * \n * ```\n */\nexport class UploadedFilesDirective extends ComplexBase {\n}\nUploadedFilesDirective.moduleName = 'uploadedFiles';\nexport class FilesDirective extends ComplexBase {\n}\nFilesDirective.propertyName = 'files';\nFilesDirective.moduleName = 'files';\n","import * as React from 'react';\nimport { Uploader } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Uploader Component\n * ```html\n * \n * ```\n */\nexport class UploaderComponent extends Uploader {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\n this.directivekeys = { 'files': 'uploadedFiles' };\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('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(UploaderComponent, [ComponentBase, React.PureComponent]);\n","import * as React from 'react';\nimport { ColorPicker } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React ColorPicker Component\n * ```html\n * \n * ```\n */\nexport class ColorPickerComponent extends ColorPicker {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\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('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(ColorPickerComponent, [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,KAAK,CAAC;QAClC,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,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;SACpE;KACJ;CACJ;AACD,WAAW,CAAC,gBAAgB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;ACvBpE;;;;;;AAMA,AAAO,MAAM,uBAAuB,SAAS,cAAc,CAAC;IACxD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,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,OAAOD,aAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;SACpE;KACJ;CACJ;AACD,WAAW,CAAC,uBAAuB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;ACvB3E;;;;;;AAMA,AAAO,MAAM,sBAAsB,SAAS,aAAa,CAAC;IACtD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,iBAAiB,GAAG,CAAC,MAAM,CAAC,CAAC;QAClC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,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,OAAOD,aAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;SACpE;KACJ;CACJ;AACD,WAAW,CAAC,sBAAsB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;ACxB1E;;;;;;AAMA,AAAO,MAAM,eAAe,SAAS,MAAM,CAAC;IACxC,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,iBAAiB,GAAG,CAAC,MAAM,CAAC,CAAC;QAClC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,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,OAAOD,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SACvF;KACJ;CACJ;AACD,WAAW,CAAC,eAAe,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;AC1BnE;;;;;;;;;;;;AAYA,AAAO,MAAM,sBAAsB,SAAS,WAAW,CAAC;CACvD;AACD,sBAAsB,CAAC,UAAU,GAAG,eAAe,CAAC;AACpD,AAAO,MAAM,cAAc,SAAS,WAAW,CAAC;CAC/C;AACD,cAAc,CAAC,YAAY,GAAG,OAAO,CAAC;AACtC,cAAc,CAAC,UAAU,GAAG,OAAO,CAAC;;AChBpC;;;;;;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,KAAK,CAAC;QAClC,IAAI,CAAC,aAAa,GAAG,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC;QAClD,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,OAAOD,aAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;SACpE;KACJ;CACJ;AACD,WAAW,CAAC,iBAAiB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;ACxBrE;;;;;;AAMA,AAAO,MAAM,oBAAoB,SAAS,WAAW,CAAC;IAClD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,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,OAAOD,aAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;SACpE;KACJ;CACJ;AACD,WAAW,CAAC,oBAAoB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;;;;"} \ No newline at end of file +{"version":3,"file":"ej2-react-inputs.es2015.js","sources":["../src/es6/textbox/textbox.component.js","../src/es6/numerictextbox/numerictextbox.component.js","../src/es6/maskedtextbox/maskedtextbox.component.js","../src/es6/slider/slider.component.js","../src/es6/uploader/files-directive.js","../src/es6/uploader/uploader.component.js","../src/es6/color-picker/colorpicker.component.js"],"sourcesContent":["import * as React from 'react';\nimport { TextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React TextBox Component\n * ```html\n * \n * ```\n */\nexport class TextBoxComponent extends TextBox {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\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('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(TextBoxComponent, [ComponentBase, React.PureComponent]);\n","import * as React from 'react';\nimport { NumericTextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React NumericTextBox Component\n * ```html\n * \n * ```\n */\nexport class NumericTextBoxComponent extends NumericTextBox {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\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('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(NumericTextBoxComponent, [ComponentBase, React.PureComponent]);\n","import * as React from 'react';\nimport { MaskedTextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React MaskedTextBox Component\n * ```html\n * \n * ```\n */\nexport class MaskedTextBoxComponent extends MaskedTextBox {\n constructor(props) {\n super(props);\n this.controlAttributes = ['name'];\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\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('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(MaskedTextBoxComponent, [ComponentBase, React.PureComponent]);\n","import * as React from 'react';\nimport { Slider } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Slider Component\n * ```html\n * \n * ```\n */\nexport class SliderComponent extends Slider {\n constructor(props) {\n super(props);\n this.controlAttributes = ['name'];\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\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(SliderComponent, [ComponentBase, React.PureComponent]);\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `FilesDirective` represent a file of the react uploader.\n * It must be contained in a Uploader component(`UploaderComponent`).\n * ```tsx\n * \n * \n * \n * \n * \n * \n * ```\n */\nexport class UploadedFilesDirective extends ComplexBase {\n}\nUploadedFilesDirective.moduleName = 'uploadedFiles';\nexport class FilesDirective extends ComplexBase {\n}\nFilesDirective.propertyName = 'files';\nFilesDirective.moduleName = 'files';\n","import * as React from 'react';\nimport { Uploader } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Uploader Component\n * ```html\n * \n * ```\n */\nexport class UploaderComponent extends Uploader {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\n this.directivekeys = { 'files': 'uploadedFiles' };\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('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(UploaderComponent, [ComponentBase, React.PureComponent]);\n","import * as React from 'react';\nimport { ColorPicker } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React ColorPicker Component\n * ```html\n * \n * ```\n */\nexport class ColorPickerComponent extends ColorPicker {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\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('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(ColorPickerComponent, [ComponentBase, React.PureComponent]);\n"],"names":["React.createElement","React.PureComponent"],"mappings":"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"} \ No newline at end of file diff --git a/components/inputs/package.json b/components/inputs/package.json index 06f0bbe5..2ba25de8 100644 --- a/components/inputs/package.json +++ b/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", diff --git a/components/inputs/src/color-picker/colorpicker.component.tsx b/components/inputs/src/color-picker/colorpicker.component.tsx index c969a1e6..4df2a60f 100644 --- a/components/inputs/src/color-picker/colorpicker.component.tsx +++ b/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 { diff --git a/components/inputs/src/maskedtextbox/maskedtextbox.component.tsx b/components/inputs/src/maskedtextbox/maskedtextbox.component.tsx index d232db4c..c70cde22 100644 --- a/components/inputs/src/maskedtextbox/maskedtextbox.component.tsx +++ b/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 { diff --git a/components/inputs/src/numerictextbox/numerictextbox.component.tsx b/components/inputs/src/numerictextbox/numerictextbox.component.tsx index f50f23ff..f753d2b1 100644 --- a/components/inputs/src/numerictextbox/numerictextbox.component.tsx +++ b/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 { diff --git a/components/inputs/src/slider/slider.component.tsx b/components/inputs/src/slider/slider.component.tsx index 59bc922d..dc0063b4 100644 --- a/components/inputs/src/slider/slider.component.tsx +++ b/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 { diff --git a/components/inputs/src/textbox/textbox.component.tsx b/components/inputs/src/textbox/textbox.component.tsx index 3d0cb1cc..e09eb20c 100644 --- a/components/inputs/src/textbox/textbox.component.tsx +++ b/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 { diff --git a/components/inputs/src/uploader/uploader.component.tsx b/components/inputs/src/uploader/uploader.component.tsx index 42a7bf0e..bd52dd44 100644 --- a/components/inputs/src/uploader/uploader.component.tsx +++ b/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 { diff --git a/components/lineargauge/CHANGELOG.md b/components/lineargauge/CHANGELOG.md index e81ec5f1..974419d6 100644 --- a/components/lineargauge/CHANGELOG.md +++ b/components/lineargauge/CHANGELOG.md @@ -8,7 +8,7 @@ ## [Unreleased] -## 16.3.32 (2018-11-15) +## 16.3.32 (2018-11-13) ### LinearGauge diff --git a/components/lineargauge/README.md b/components/lineargauge/README.md index 3038b1cc..48e83162 100644 --- a/components/lineargauge/README.md +++ b/components/lineargauge/README.md @@ -1 +1,65 @@ -Repositary for ej2-react-template \ No newline at end of file +# 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. \ No newline at end of file diff --git a/components/lineargauge/ReadMe.md b/components/lineargauge/ReadMe.md deleted file mode 100644 index 67a62076..00000000 --- a/components/lineargauge/ReadMe.md +++ /dev/null @@ -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. \ No newline at end of file diff --git a/components/lineargauge/dist/ej2-react-lineargauge.umd.min.js b/components/lineargauge/dist/ej2-react-lineargauge.umd.min.js index 123587b3..a30d5b5e 100644 --- a/components/lineargauge/dist/ej2-react-lineargauge.umd.min.js +++ b/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 diff --git a/components/lineargauge/package.json b/components/lineargauge/package.json index 69ec2eff..78624ba6 100644 --- a/components/lineargauge/package.json +++ b/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", diff --git a/components/lineargauge/styles/bootstrap.scss b/components/lineargauge/styles/bootstrap.scss deleted file mode 100644 index 76fc9ffe..00000000 --- a/components/lineargauge/styles/bootstrap.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'linear-gauge/bootstrap.scss'; diff --git a/components/lineargauge/styles/fabric.scss b/components/lineargauge/styles/fabric.scss deleted file mode 100644 index fad74bde..00000000 --- a/components/lineargauge/styles/fabric.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'linear-gauge/fabric.scss'; diff --git a/components/lineargauge/styles/highcontrast.scss b/components/lineargauge/styles/highcontrast.scss deleted file mode 100644 index 2fabe666..00000000 --- a/components/lineargauge/styles/highcontrast.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'linear-gauge/highcontrast.scss'; diff --git a/components/lineargauge/styles/linear-gauge/bootstrap.scss b/components/lineargauge/styles/linear-gauge/bootstrap.scss deleted file mode 100644 index 2614888a..00000000 --- a/components/lineargauge/styles/linear-gauge/bootstrap.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'ej2-lineargauge/styles/linear-gauge/bootstrap.scss'; diff --git a/components/lineargauge/styles/linear-gauge/fabric.scss b/components/lineargauge/styles/linear-gauge/fabric.scss deleted file mode 100644 index e439b306..00000000 --- a/components/lineargauge/styles/linear-gauge/fabric.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'ej2-lineargauge/styles/linear-gauge/fabric.scss'; diff --git a/components/lineargauge/styles/linear-gauge/highcontrast.scss b/components/lineargauge/styles/linear-gauge/highcontrast.scss deleted file mode 100644 index 536c1370..00000000 --- a/components/lineargauge/styles/linear-gauge/highcontrast.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'ej2-lineargauge/styles/linear-gauge/highcontrast.scss'; diff --git a/components/lineargauge/styles/linear-gauge/material.scss b/components/lineargauge/styles/linear-gauge/material.scss deleted file mode 100644 index c45bb040..00000000 --- a/components/lineargauge/styles/linear-gauge/material.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'ej2-lineargauge/styles/linear-gauge/material.scss'; diff --git a/components/lineargauge/styles/material.scss b/components/lineargauge/styles/material.scss deleted file mode 100644 index bef1daa4..00000000 --- a/components/lineargauge/styles/material.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'linear-gauge/material.scss'; diff --git a/components/lists/CHANGELOG.md b/components/lists/CHANGELOG.md index 0a8fb2f6..33d76b6a 100644 --- a/components/lists/CHANGELOG.md +++ b/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 diff --git a/components/lists/README.md b/components/lists/README.md index 3038b1cc..4eaaf898 100644 --- a/components/lists/README.md +++ b/components/lists/README.md @@ -1 +1,71 @@ -Repositary for ej2-react-template \ No newline at end of file +# 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. diff --git a/components/lists/ReadMe.md b/components/lists/ReadMe.md deleted file mode 100644 index 4eaaf898..00000000 --- a/components/lists/ReadMe.md +++ /dev/null @@ -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. diff --git a/components/lists/dist/ej2-react-lists.umd.min.js b/components/lists/dist/ej2-react-lists.umd.min.js index 037c0017..b0dee3d7 100644 --- a/components/lists/dist/ej2-react-lists.umd.min.js +++ b/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 diff --git a/components/lists/dist/ej2-react-lists.umd.min.js.map b/components/lists/dist/ej2-react-lists.umd.min.js.map index 1d13dc1b..2bc87167 100644 --- a/components/lists/dist/ej2-react-lists.umd.min.js.map +++ b/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 * \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"} \ No newline at end of file +{"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 * \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"} \ No newline at end of file diff --git a/components/lists/dist/es6/ej2-react-lists.es2015.js b/components/lists/dist/es6/ej2-react-lists.es2015.js index 76d06b02..80c70907 100644 --- a/components/lists/dist/es6/ej2-react-lists.es2015.js +++ b/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) { diff --git a/components/lists/dist/es6/ej2-react-lists.es2015.js.map b/components/lists/dist/es6/ej2-react-lists.es2015.js.map index 61e67470..dbb27be6 100644 --- a/components/lists/dist/es6/ej2-react-lists.es2015.js.map +++ b/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 * \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;;;;;;"} \ No newline at end of file +{"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 * \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;;;;;;"} \ No newline at end of file diff --git a/components/lists/package.json b/components/lists/package.json index c698092b..9a534d5e 100644 --- a/components/lists/package.json +++ b/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", diff --git a/components/lists/src/list-view/listview.component.tsx b/components/lists/src/list-view/listview.component.tsx index 17a8054f..cdde640a 100644 --- a/components/lists/src/list-view/listview.component.tsx +++ b/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 { diff --git a/components/maps/CHANGELOG.md b/components/maps/CHANGELOG.md index 8225df62..0d2cf9de 100644 --- a/components/maps/CHANGELOG.md +++ b/components/maps/CHANGELOG.md @@ -8,7 +8,7 @@ ## [Unreleased] -## 16.3.32 (2018-11-15) +## 16.3.33 (2018-11-15) ### Maps diff --git a/components/maps/README.md b/components/maps/README.md index 3038b1cc..2d4dadba 100644 --- a/components/maps/README.md +++ b/components/maps/README.md @@ -1 +1,73 @@ -Repositary for ej2-react-template \ No newline at end of file +# 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. \ No newline at end of file diff --git a/components/maps/ReadMe.md b/components/maps/ReadMe.md deleted file mode 100644 index 2c8349f9..00000000 --- a/components/maps/ReadMe.md +++ /dev/null @@ -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. \ No newline at end of file diff --git a/components/maps/styles/bootstrap.scss b/components/maps/styles/bootstrap.scss deleted file mode 100644 index e657b139..00000000 --- a/components/maps/styles/bootstrap.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'maps/bootstrap.scss'; diff --git a/components/maps/styles/fabric.scss b/components/maps/styles/fabric.scss deleted file mode 100644 index 7f371de6..00000000 --- a/components/maps/styles/fabric.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'maps/fabric.scss'; diff --git a/components/maps/styles/highcontrast.scss b/components/maps/styles/highcontrast.scss deleted file mode 100644 index 3f4a4686..00000000 --- a/components/maps/styles/highcontrast.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'maps/highcontrast.scss'; diff --git a/components/maps/styles/maps/bootstrap.scss b/components/maps/styles/maps/bootstrap.scss deleted file mode 100644 index 18c9c1ea..00000000 --- a/components/maps/styles/maps/bootstrap.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'ej2-maps/styles/maps/bootstrap.scss'; diff --git a/components/maps/styles/maps/fabric.scss b/components/maps/styles/maps/fabric.scss deleted file mode 100644 index 2fdcb1bf..00000000 --- a/components/maps/styles/maps/fabric.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'ej2-maps/styles/maps/fabric.scss'; diff --git a/components/maps/styles/maps/highcontrast.scss b/components/maps/styles/maps/highcontrast.scss deleted file mode 100644 index 200e8cb8..00000000 --- a/components/maps/styles/maps/highcontrast.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'ej2-maps/styles/maps/highcontrast.scss'; diff --git a/components/maps/styles/maps/material.scss b/components/maps/styles/maps/material.scss deleted file mode 100644 index 7935af79..00000000 --- a/components/maps/styles/maps/material.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'ej2-maps/styles/maps/material.scss'; diff --git a/components/maps/styles/material.scss b/components/maps/styles/material.scss deleted file mode 100644 index 0e82304c..00000000 --- a/components/maps/styles/material.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'maps/material.scss'; diff --git a/components/navigations/CHANGELOG.md b/components/navigations/CHANGELOG.md index 51c1313e..0e856271 100644 --- a/components/navigations/CHANGELOG.md +++ b/components/navigations/CHANGELOG.md @@ -2,7 +2,46 @@ ## [Unreleased] -## 16.3.32 (2018-11-15) +## 16.3.33 (2018-11-15) + +### Sidebar + +#### Bug Fixes + +- Added the `event` and `isInteracted` event arguments in open and close events of Sidebar. + +### TreeView + +#### Bug Fixes + +- In TreeView, scrolling is not working smoothly for iPad device issue is resolved + +## 16.3.29 (2018-10-31) + +### TreeView + +#### New Features + +- Provided an option to prevent the tree node from auto checking when checked state of the parent or child tree node is modified. +- Provided support to use hierarchical data as remote data source of the TreeView component by using offline mode of data manager plugin. + +## 16.3.27 (2018-10-23) + +### Menu + +#### Bug Fixes + +- Destroy method issue while using multiple menu is fixed. + +## 16.3.25 (2018-10-15) + +### Menu + +#### Bug Fixes + +- Issue with sub menu positioning fixed. + +## 16.3.23 (2018-10-03) ### Sidebar @@ -16,6 +55,14 @@ - The issue with tab selection after remove other tabs has been fixed. +## 16.3.21 (2018-09-22) + +### TreeView + +#### Bug Fixes + +- The `nodeData` argument in `nodeSelected` event showing wrong value issue has been fixed. + ## 16.3.17 (2018-09-12) ### Menu @@ -32,6 +79,17 @@ Menu is a graphical user interface that serves as navigation header for your app - **Accessibility** - Provided with built-in accessibility support that helps to access all the Menu component features through the keyboard, screen readers, or other assistive technology devices. +### TreeView + +#### New Features + +- Provided an option to get updated data source of tree view after drag and drop, editing, deleting, and adding nodes in tree view. +- Support to get custom data from tree view. +- Support to maintain expanded nodes of tree view on page reloads. +- Provided an option to get all the checked nodes if the tree node is expanded or collapsed. +- Provided 'none' option in 'expandOn' property to prevent expand or collapse of tree node +- Provided an option to prevent the parent node from expanding, while adding a node to the tree view control. + ## 16.2.49 (2018-08-21) ### Tab diff --git a/components/navigations/README.md b/components/navigations/README.md index 3038b1cc..414b43ab 100644 --- a/components/navigations/README.md +++ b/components/navigations/README.md @@ -1 +1,158 @@ -Repositary for ej2-react-template \ No newline at end of file + +# ej2-react-navigations + +![ej2-react-navigations](https://ej2.syncfusion.com/products/images/navigations/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 `Navigations` and its dependent packages, use the following command. + +```sh +npm install @syncfusion/ej2-react-navigations +``` + +## Components included + +Following list of components are available in the package + +* Accordion - Vertically collapsible content panel that displays one or more panels at a time within the available space. + + * [Getting Started](https://ej2.syncfusion.com/react/documentation/accordion/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=accordion) + * [API References](https://ej2.syncfusion.com/react/documentation/api/accordion?utm_source=npm&utm_campaign=accordion) + * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=accordion#/material/accordion/default.html) + * [Product Page](https://www.syncfusion.com/react-ui-components/accordion) + +* ContextMenu - Graphical user interface that appears on the user right click/touch hold action. It has the support to provide nested level menu items. + + * [Getting Started](https://ej2.syncfusion.com/react/documentation/context-menu/getting-started?lang=typescript&utm_source=npm&utm_campaign=context-menu) + * [API References](https://ej2.syncfusion.com/react/documentation/api/context-menu?utm_source=npm&utm_campaign=context-menu) + * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=context-menu#/material/context-menu/default) + * [Product Page](https://www.syncfusion.com/react-ui-components/context-menu) + +* Sidebar - Expandable and collapsible component that typically acts as a side container to place primary or secondary content alongside the main content. + + * [Getting started](https://ej2.syncfusion.com/react/documentation/sidebar/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=sidebar) + * [API references](https://ej2.syncfusion.com/react/documentation/api/sidebar?utm_source=npm&utm_campaign=sidebar) + * [View online demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=sidebar#/material/sidebar/default) + * [Product page](https://www.syncfusion.com/react-ui-components/sidebar?utm_source=npm&utm_campaign=ej2-react-navigations) + +* Tab - Content panel to show multiple contents in a specific space, one at a time. + + * [Getting Started](https://ej2.syncfusion.com/react/documentation/tab/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=tab) + * [API References](https://ej2.syncfusion.com/react/documentation/api/tab?utm_source=npm&utm_campaign=tab) + * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=tab#/material/tab/default.html) + * [Product Page](https://www.syncfusion.com/react-ui-components/tabs) + +* Toolbar - Displays a group of command buttons arranged horizontally. + + * [Getting Started](https://ej2.syncfusion.com/react/documentation/toolbar/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=toolbar) + * [API References](https://ej2.syncfusion.com/react/documentation/api/toolbar?utm_source=npm&utm_campaign=toolbar) + * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=toolbar#/material/toolbar/default.html) + * [Product Page](https://www.syncfusion.com/react-ui-components/toolbar) + +* TreeView - Represent hierarchical data in a tree like structure with advanced functions to edit, drag and drop, select with CheckBox and more. + + * [Getting Started](https://ej2.syncfusion.com/react/documentation/treeview/getting-started.html?utm_source=npm&utm_campaign=treeview) + * [API References](https://ej2.syncfusion.com/react/documentation/api/treeview?utm_source=npm&utm_campaign=treeview) + * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=treeview#/material/treeview/default) + * [Product Page](https://www.syncfusion.com/react-ui-components/treeview) + +* Menu - Graphical user interface that serves as navigation header for your application or site. It has the support to provide nested level menu items that can be populated from a data source such as an array of JavaScript objects. + + * [Getting Started](https://ej2.syncfusion.com/react/documentation/menu/getting-started?lang=typescript&utm_source=npm&utm_campaign=menu) + * [API References](https://ej2.syncfusion.com/react/documentation/api/menu?utm_source=npm&utm_campaign=menu) + * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=menu#/material/menu/default) + * [Product Page](https://www.syncfusion.com/react-ui-components/menu) + +## Supported Frameworks + +`Navigation` component is also offered in following list of frameworks. + +1. [JavaScript](https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/navigations?utm_source=npm&utm_campaign=navigation) +2. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/navigations?utm_source=npm&utm_campaign=navigation) +3. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/navigations?utm_source=npm&utm_campaign=navigation) +4. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/accordion) +5. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/accordion) +6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/accordion) + +## Key Features + +### Accordion + +1. **Rendering** - Can be rendered based on the items collection and HTML elements. +2. **Expand Mode** - Supports to define single or multiple expand mode for Accordion panels. +3. **RTL Support** - Supports right-to-left alignment. +4. **Accessibility** - Provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes. By default, it allows to interact with Accordion by using keyboard shortcuts. + +### ContextMenu + +1. **Separator** - Supports menu items grouping by using the Separator. +2. **Icons and Navigations** - Supports items to have Icons and Navigation URL's. +3. **Template and Multilevel Nesting** - Supports template and multilevel nesting in ContextMenu. +4. **Accessibility** - Provided with built-in accessibility support that helps to access all the ContextMenu component features through the keyboard, screen readers, or other assistive technology devices. + +### Toolbar + +1. **Scrollable** - Scrollable display mode displays Toolbar commands in a single line with horizontal scrolling enabled when the commands overflow available space. +2. **Popup** - Popup display mode displays commands in the popup when the commands overflow available space. +3. **Template Support** - The Toolbar component can also be rendered based on the given HTML element aside from item based collection rendering. +4. **Keyboard Support** - By default, the Toolbar allows interaction with commands by using keyboard shortcuts. +5. **RTL Support** - The Toolbar supports right-to-left alignment. +6. **Accessibility** - The Toolbar provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes. + +### Tab + +1. **Rendering** - Can be rendered based on the items collection and HTML elements. +2. **Adaptive** - Supports responsive rendering with scrollable Tabs and popup menu. +3. **Customization** - Provides customization support for header with icons and orientation. +4. **Animation** - Supports animation effects for moving previous/next contents of Tab. +5. **Accessibility** - Provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes. By default, it allows to interact with Tab headers by using keyboard shortcuts. + +### Sidebar + +1. **Target** - The sidebar can be initialized in any HTML element other than the body element. +2. **Types** - Provides complete control over the appearance of the sidebar component. The different types of the sidebar control give flexibility to view or hide the content (primary/secondary) over/above the main content by pushing, sliding, or overlaying it. +3. **Left or right positions** - The sidebar control can be positioned to the left or right side of the main content area. This option allows placement of two sidebars in a page, at the left and right, to show primary content and secondary content, simultaneously. +4. **Docking** - Docking lets the sidebar occupy a small vertical area in a page always and typically contains shortened view of navigation options. +5. **Auto close** - Auto closing the sidebar control’s content allows the main content area to be more readable based on screen resolution. + +### TreeView + +1. **Data Binding** - Binds the TreeView component with an array of JavaScript objects or DataManager. +2. **CheckBox** - Allows you to select more than one node in TreeView without affecting the UI appearance. +3. **Drag and Drop** - Allows you to drag and drop any node in TreeView. +4. **Multi Selection** - Allows you to select more than one node in TreeView. +5. **Node Editing** - Allows you to change the text of a node in TreeView. +6. **Sorting** - Allows display of the TreeView nodes in an ascending or a descending order. +7. **Template** - Allows you to customize the nodes in TreeView. +8. **Accessibility** - Provides built-in accessibility support that helps to access all the TreeView component features through the keyboard, on-screen readers, or other assistive technology devices. + +### Menu + +1. **Rendering** - Supports to render based on the items collection (array of JavaScript objects) and HTML elements. +2. **Separator** - Supports menu items grouping by using the Separator. +3. **Icons and Navigations** - Supports items to have Icons and Navigation URL's. +4. **Template and Multilevel Nesting** - Supports template and multilevel nesting in Menu. +5. **Accessibility** - Provided with built-in accessibility support that helps to access all the Menu component features through the keyboard, 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=navigation) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=navigation). +* 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=navigation) 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=navigation). + +## Changelog + +Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/navigations/CHANGELOG.md?utm_source=npm&utm_campaign=navigation) + +© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution. \ No newline at end of file diff --git a/components/navigations/ReadMe.md b/components/navigations/ReadMe.md deleted file mode 100644 index 2ba87062..00000000 --- a/components/navigations/ReadMe.md +++ /dev/null @@ -1,165 +0,0 @@ - -# ej2-react-navigations - -![ej2-react-navigations](https://ej2.syncfusion.com/products/images/navigations/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 `Navigations` and its dependent packages, use the following command. - -```sh -npm install @syncfusion/ej2-react-navigations -``` - -## Components included - -Following list of components are available in the package - -* Accordion - Vertically collapsible content panel that displays one or more panels at a time within the available space. - - * [Getting Started](https://ej2.syncfusion.com/react/documentation/accordion/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=accordion) - * [API References](https://ej2.syncfusion.com/react/documentation/accordion/api-accordion.html?utm_source=npm&utm_campaign=accordion) - * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=accordion#/material/accordion/default.html) - * [Product Page](https://www.syncfusion.com/products/react/accordion) - -* ContextMenu - Graphical user interface that appears on the user right click/touch hold action. It has the support to provide nested level menu items. - - * [Getting Started](https://ej2.syncfusion.com/react/documentation/context-menu/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=context-menu) - * [API References](https://ej2.syncfusion.com/react/documentation/context-menu/api-contextMenuComponent.html?utm_source=npm&utm_campaign=context-menu) - * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=contextmenu#/material/contextmenu/default) - * [Product Page](https://www.syncfusion.com/products/react/context-menu) - -* Sidebar - Expandable and collapsible component that typically acts as a side container to place primary or secondary content alongside the main content. - - * [Getting started](https://ej2.syncfusion.com/react/documentation/sidebar/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=sidebar) - * [API references](https://ej2.syncfusion.com/react/documentation/sidebar/api-sidebar.html?utm_source=npm&utm_campaign=sidebar) - * [View online demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=tab#/material/sidebar/default.html) - * [Product page](https://www.syncfusion.com/products/react/sidebar) - -* Tab - Content panel to show multiple contents in a specific space, one at a time. - - * [Getting Started](https://ej2.syncfusion.com/react/documentation/tab/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=tab) - * [API References](https://ej2.syncfusion.com/react/documentation/tab/api-tab.html?utm_source=npm&utm_campaign=tab) - * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=tab#/material/tab/default.html) - * [Product Page](https://www.syncfusion.com/products/react/tab) - -* Toolbar - Displays a group of command buttons arranged horizontally. - - * [Getting Started](https://ej2.syncfusion.com/react/documentation/toolbar/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=toolbar) - * [API References](https://ej2.syncfusion.com/react/documentation/toolbar/api-toolbar.html?utm_source=npm&utm_campaign=toolbar) - * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=toolbar#/material/toolbar/default.html) - * [Product Page](https://www.syncfusion.com/products/react/toolbar) - -* TreeView - Represent hierarchical data in a tree like structure with advanced functions to edit, drag and drop, select with CheckBox and more. - - * [Getting Started](https://ej2.syncfusion.com/react/documentation/treeview/getting-started.html?utm_source=npm&utm_campaign=treeview) - * [API References](https://ej2.syncfusion.com/react/documentation/treeview/api.html?utm_source=npm&utm_campaign=treeview) - * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=treeview#/material/treeview/default) - * [Product Page](https://www.syncfusion.com/products/react/treeview) - -* Menu - Graphical user interface that serves as navigation header for your application or site. It has the support to provide nested level menu items that can be populated from a data source such as an array of JavaScript objects. - - * [Getting Started](https://ej2.syncfusion.com/react/documentation/menu/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=menu) - * [API References](https://ej2.syncfusion.com/react/documentation/menu/api-menuComponent.html?utm_source=npm&utm_campaign=menu) - * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=menu#/material/menu/default) - * [Product Page](https://www.syncfusion.com/products/react/menu) - -## Supported Frameworks - -`Navigation` component is also offered in following list of frameworks. - -1. [JavaScript](https://github.com/syncfusion/ej2-javascript-ui-controls) -2. [Angular](https://github.com/syncfusion/ej2-angular-ui-components) -3. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components) -4. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls) -5. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls) -6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls) - -## Use-case samples / Showcase samples - -Sidebar component is used in the following samples. - -* Expanse tracker ([Source](https://github.com/syncfusion/ej2-sample-ts-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/expensetracker/?utm_source=npm&utm_campaign=sidebar#/dashboard)) -* Web mail ([Source](https://github.com/syncfusion/ej2-sample-ts-webmail), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/webmail/?utm_source=npm&utm_campaign=sidebar)) - -## Key Features - -### Accordion - -1. **Rendering** - Can be rendered based on the items collection and HTML elements. -2. **Expand Mode** - Supports to define single or multiple expand mode for Accordion panels. -3. **RTL Support** - Supports right-to-left alignment. -4. **Accessibility** - Provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes. By default, it allows to interact with Accordion by using keyboard shortcuts. - -### ContextMenu - -1. **Separator** - Supports menu items grouping by using the Separator. -2. **Icons and Navigations** - Supports items to have Icons and Navigation URL's. -3. **Template and Multilevel Nesting** - Supports template and multilevel nesting in ContextMenu. -4. **Accessibility** - Provided with built-in accessibility support that helps to access all the ContextMenu component features through the keyboard, screen readers, or other assistive technology devices. - -### Toolbar - -1. **Scrollable** - Scrollable display mode displays Toolbar commands in a single line with horizontal scrolling enabled when the commands overflow available space. -2. **Popup** - Popup display mode displays commands in the popup when the commands overflow available space. -3. **Template Support** - The Toolbar component can also be rendered based on the given HTML element aside from item based collection rendering. -4. **Keyboard Support** - By default, the Toolbar allows interaction with commands by using keyboard shortcuts. -5. **RTL Support** - The Toolbar supports right-to-left alignment. -6. **Accessibility** - The Toolbar provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes. - -### Tab - -1. **Rendering** - Can be rendered based on the items collection and HTML elements. -2. **Adaptive** - Supports responsive rendering with scrollable Tabs and popup menu. -3. **Customization** - Provides customization support for header with icons and orientation. -4. **Animation** - Supports animation effects for moving previous/next contents of Tab. -5. **Accessibility** - Provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes. By default, it allows to interact with Tab headers by using keyboard shortcuts. - -### Sidebar - -1. **Target** - The sidebar can be initialized in any HTML element other than the body element. -2. **Types** - Provides complete control over the appearance of the sidebar component. The different types of the sidebar control give flexibility to view or hide the content (primary/secondary) over/above the main content by pushing, sliding, or overlaying it. -3. **Left or right positions** - The sidebar control can be positioned to the left or right side of the main content area. This option allows placement of two sidebars in a page, at the left and right, to show primary content and secondary content, simultaneously. -4. **Docking** - Docking lets the sidebar occupy a small vertical area in a page always and typically contains shortened view of navigation options. -5. **Auto close** - Auto closing the sidebar control’s content allows the main content area to be more readable based on screen resolution. - -### TreeView - -1. **Data Binding** - Binds the TreeView component with an array of JavaScript objects or DataManager. -2. **CheckBox** - Allows you to select more than one node in TreeView without affecting the UI appearance. -3. **Drag and Drop** - Allows you to drag and drop any node in TreeView. -4. **Multi Selection** - Allows you to select more than one node in TreeView. -5. **Node Editing** - Allows you to change the text of a node in TreeView. -6. **Sorting** - Allows display of the TreeView nodes in an ascending or a descending order. -7. **Template** - Allows you to customize the nodes in TreeView. -8. **Accessibility** - Provides built-in accessibility support that helps to access all the TreeView component features through the keyboard, on-screen readers, or other assistive technology devices. - -### Menu - -1. **Rendering** - Supports to render based on the items collection (array of JavaScript objects) and HTML elements. -2. **Separator** - Supports menu items grouping by using the Separator. -3. **Icons and Navigations** - Supports items to have Icons and Navigation URL's. -4. **Template and Multilevel Nesting** - Supports template and multilevel nesting in Menu. -5. **Accessibility** - Provided with built-in accessibility support that helps to access all the Menu component features through the keyboard, 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=navigation) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=navigation). -* New [GitHub issue](https://github.com/syncfusion/ej2-react-navigations/issues/new). -* Ask your query in [Stack Overflow](https://stackoverflow.com/?utm_source=npm&utm_campaign=navigation) with tag `syncfusion` and `ej2`. - -## License - -Check the license detail [here](https://github.com/syncfusion/ej2-react-navigations/blob/master/license?utm_source=npm&utm_campaign=navigation). - -## Changelog - -Check the changelog [here](https://github.com/syncfusion/ej2-react-navigations/blob/master/CHANGELOG.md?utm_source=npm&utm_campaign=navigation) - -© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution. \ No newline at end of file diff --git a/components/navigations/dist/ej2-react-navigations.umd.min.js b/components/navigations/dist/ej2-react-navigations.umd.min.js index 223b8422..56451372 100644 --- a/components/navigations/dist/ej2-react-navigations.umd.min.js +++ b/components/navigations/dist/ej2-react-navigations.umd.min.js @@ -1,6 +1,6 @@ /*! * filename: ej2-react-navigations.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 diff --git a/components/navigations/package.json b/components/navigations/package.json index c8683a10..b03b2480 100644 --- a/components/navigations/package.json +++ b/components/navigations/package.json @@ -1,110 +1,35 @@ { "name": "@syncfusion/ej2-react-navigations", - "version": "16.2.41", - "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another for React", + "version": "16.3.30", + "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, Menu and Accordion which is used to navigate from one page to another for React", "author": "Syncfusion Inc.", "license": "SEE LICENSE IN license", "keywords": [ - "ej2", - "syncfusion", - "web-components", - "javascript", - "typescript", - "model", - "toolbar", - "horizontal-scroll", - "ribbon", - "navbar", - "navigation-bar", - "toolbar-customization", - "scrollable-toolbar", - "toolbar-popup", - "multirow-toolbar", - "extended-toolbar", - "overflow", - "command-buttons", - "accordion", - "panelbar", - "ejTab", + "navigation", "tab", - "tabStrip", - "scrollable-tab", - "popup-tab", - "multirow-tab", - "header-orientation", - "close-tab", - "tab-wizard", - "tab-with-menu", - "ejAccordion", + "tab-view", + "tabstrip", + "scrollable-tabs", "accordion", - "accordion-wizard", - "multiple-open-panel-bar", - "multiple-open-accordion", - "panel-bar", - "collapsible-panel-bar", - "context-menu", + "collapsible-panel", + "toolbar", + "navbar", + "command-bar", + "navigation-bar", + "treeview", + "checkbox-tree", + "tree-navigation", + "sidebar", + "drawer", + "sidepanel", "context menu", "contextmenu", - "ej2 contextmenu", - "tab-directive", - "toolbar-directive", - "accordion-directive", - "sidebar", - "dock size", - "showbackdrop", - "target", - "position", - "dock", - "gestures", - "sticky-sidebar", - "fixed", - "hamburger", - "sidenav", - "nav", - "hamburger-menu", - "side-menu", - "navigation-bar", - "sticky", - "drawer", - "slidebar", - "slide", - "slide-panel", - "multiple-sidebar", - "slide-navigation", - "navigation-drawer", "menu", - "menu bar", - "ej2 menu", - "menu items", "menu item", - "menu-item", - "ej menu", - "treeview", - "tree", - "ej2-treeview", - "tree structure", - "hierarchical structure", - "tree navigation", - "treeview-checkbox", - "drag and drop", - "tree editing", - "load-on-demand", - "accordion tree", - "tree node template", - "tree multi selection", + "web-components", "react", - "ej2-react-navigations", - " react-navigations", - "react-toolbar", - " react-tab", - " react-react", - "react-routing", - " react-contextmenu", - "react tree", - "react treeview", - "react tree component", - "react menu", - "react menu component" + "react-component", + "react-navigation-component" ], "repository": { "type": "git", diff --git a/components/navigations/styles/bootstrap.scss b/components/navigations/styles/bootstrap.scss index f6d04473..f6cede0e 100644 --- a/components/navigations/styles/bootstrap.scss +++ b/components/navigations/styles/bootstrap.scss @@ -1,9 +1,8 @@ @import 'h-scroll/bootstrap.scss'; -@import 'v-scroll/bootstrap.scss'; @import 'toolbar/bootstrap.scss'; @import 'accordion/bootstrap.scss'; @import 'context-menu/bootstrap.scss'; -@import 'menu/bootstrap.scss'; @import 'tab/bootstrap.scss'; @import 'treeview/bootstrap.scss'; @import 'sidebar/bootstrap.scss'; +@import 'menu/bootstrap.scss'; diff --git a/components/navigations/styles/fabric.scss b/components/navigations/styles/fabric.scss index 228f3bed..c2aa9453 100644 --- a/components/navigations/styles/fabric.scss +++ b/components/navigations/styles/fabric.scss @@ -1,9 +1,8 @@ @import 'h-scroll/fabric.scss'; -@import 'v-scroll/fabric.scss'; @import 'toolbar/fabric.scss'; @import 'accordion/fabric.scss'; @import 'context-menu/fabric.scss'; -@import 'menu/fabric.scss'; @import 'tab/fabric.scss'; @import 'treeview/fabric.scss'; @import 'sidebar/fabric.scss'; +@import 'menu/fabric.scss'; diff --git a/components/navigations/styles/highcontrast.scss b/components/navigations/styles/highcontrast.scss index 79465e29..2937b28c 100644 --- a/components/navigations/styles/highcontrast.scss +++ b/components/navigations/styles/highcontrast.scss @@ -1,9 +1,8 @@ @import 'h-scroll/highcontrast.scss'; -@import 'v-scroll/highcontrast.scss'; @import 'toolbar/highcontrast.scss'; @import 'accordion/highcontrast.scss'; @import 'context-menu/highcontrast.scss'; -@import 'menu/highcontrast.scss'; @import 'tab/highcontrast.scss'; @import 'treeview/highcontrast.scss'; @import 'sidebar/highcontrast.scss'; +@import 'menu/highcontrast.scss'; diff --git a/components/navigations/styles/material.scss b/components/navigations/styles/material.scss index 3b7f603f..5f08d4cc 100644 --- a/components/navigations/styles/material.scss +++ b/components/navigations/styles/material.scss @@ -1,9 +1,8 @@ @import 'h-scroll/material.scss'; -@import 'v-scroll/material.scss'; @import 'toolbar/material.scss'; @import 'accordion/material.scss'; @import 'context-menu/material.scss'; -@import 'menu/material.scss'; @import 'tab/material.scss'; @import 'treeview/material.scss'; @import 'sidebar/material.scss'; +@import 'menu/material.scss'; diff --git a/components/navigations/styles/v-scroll/bootstrap.scss b/components/navigations/styles/v-scroll/bootstrap.scss deleted file mode 100644 index 3028b01f..00000000 --- a/components/navigations/styles/v-scroll/bootstrap.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'ej2-navigations/styles/v-scroll/bootstrap.scss'; diff --git a/components/navigations/styles/v-scroll/fabric.scss b/components/navigations/styles/v-scroll/fabric.scss deleted file mode 100644 index 243a5a6e..00000000 --- a/components/navigations/styles/v-scroll/fabric.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'ej2-navigations/styles/v-scroll/fabric.scss'; diff --git a/components/navigations/styles/v-scroll/highcontrast.scss b/components/navigations/styles/v-scroll/highcontrast.scss deleted file mode 100644 index 5441c39e..00000000 --- a/components/navigations/styles/v-scroll/highcontrast.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'ej2-navigations/styles/v-scroll/highcontrast.scss'; diff --git a/components/navigations/styles/v-scroll/material.scss b/components/navigations/styles/v-scroll/material.scss deleted file mode 100644 index ad0ad5b5..00000000 --- a/components/navigations/styles/v-scroll/material.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'ej2-navigations/styles/v-scroll/material.scss'; diff --git a/components/pivotview/CHANGELOG.md b/components/pivotview/CHANGELOG.md index 6dd0439a..c3713145 100644 --- a/components/pivotview/CHANGELOG.md +++ b/components/pivotview/CHANGELOG.md @@ -2,7 +2,7 @@ ## [Unreleased] -## 16.3.32 (2018-11-15) +## 16.3.33 (2018-11-15) ### Pivot Grid diff --git a/components/popups/CHANGELOG.md b/components/popups/CHANGELOG.md index a5abe56d..9093e38b 100644 --- a/components/popups/CHANGELOG.md +++ b/components/popups/CHANGELOG.md @@ -2,7 +2,7 @@ ## [Unreleased] -## 16.3.32 (2018-11-15) +## 16.3.32 (2018-11-13) ### Dialog diff --git a/components/popups/README.md b/components/popups/README.md index 3038b1cc..d1a959af 100644 --- a/components/popups/README.md +++ b/components/popups/README.md @@ -1 +1,91 @@ -Repositary for ej2-react-template \ No newline at end of file +# ej2-react-popups + +The popup components such as dialog and tooltip are used to display information in a popup to users. The dialog component provides modal/non-modal (modeless), built-in buttons, positioning, animation, draggable, and template features and helps to create alert, prompt, and confirmation dialogs easily. The tooltip component is used to display a popup that contains some information or message when you hover, click, focus, or touch an element. The information displayed in the tooltip can include simple text, images, hyperlinks, or custom templates. + +![Popup](https://ej2.syncfusion.com/products/images/popup/readme.png) + +> 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 popup components and its dependent packages, use the following command + +```sh +npm install @syncfusion/ej2-react-popups +``` + +## Components Included + +Following list of components are available in the package + +## Dialog + +* [Getting Started](https://ej2.syncfusion.com/react/documentation/dialog/getting-started?utm_source=npm&utm_campaign=dialog) +* [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/default) +* [Product Page](https://www.syncfusion.com/react-ui-components/modal-dialog/?utm_source=npm&utm_campaign=dialog) + +## Tooltip + +* [Getting Started](https://ej2.syncfusion.com/react/documentation/tooltip/getting-started?utm_source=npm&utm_campaign=tooltip) +* [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=tooltip#/material/tooltip/default) +* [Product Page](https://www.syncfusion.com/react-ui-components/tooltip/?utm_source=npm&utm_campaign=tooltip) + +## Supported Frameworks + +These components are available in following list of: + +1. [Angular](https://github.com/syncfusion/ej2-ng-popups?utm_source=npm&utm_campaign=popup) +2. [React](https://github.com/syncfusion/ej2-react-popups?utm_source=npm&utm_campaign=popup) +3. [Vue](https://github.com/syncfusion/ej2-vue-popups?utm_source=npm&utm_campaign=popup) +4. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/) +5. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/) +6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/) + +## Use-case samples / Showcase samples + +* Expanse Tracker ([Source](https://github.com/syncfusion/ej2-showcase-ts-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/expensetracker/#/dashboard)) +* Story Estimator ([Source](https://github.com/syncfusion/ej2-showcase-aspnetcore-story-estimator), [Live Demo](https://aspdotnetcore.syncfusion.com/showcase/aspnetcore/story-estimator/#/dashboard)) +* Diagram Builder ([Source](https://github.com/syncfusion/ej2-showcase-ng-diagrambuilder), [Live Demo](https://ej2.syncfusion.com/showcase/angular/diagrambuilder/)) +* IT Asset Management ([Live Demo](https://ej2.syncfusion.com/showcase/vue/assetmanagement/#/)) +* Webmail ([Source](https://github.com/syncfusion/ej2-showcase-ts-webmail), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/webmail/#/home)) +* Loan Calculator ([Source](https://github.com/syncfusion/ej2-showcase-ts-loancalculator), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/loancalculator/#/default)) + +## Key Features + +## Dialog +* [Modal](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/modal) - Displays the important information to users. +* [Positioning](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/positioning) - Supports to customize its display position. +* [Animation](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/animation) - Offers to set animation effects on open and close the dialog. +* [Template](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/template) - Provides an option to customize its header and footer. +* [Built-in buttons](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/basic) - Provides a built-in support to add buttons to its properties. + +## Tooltip + +* [Positions](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=tooltip#/material/tooltip/default) - Allows you to display the tooltip in 12 different positions. +* [Animation](https://ej2.syncfusion.com/products/typescript/tooltip/animation/?utm_source=npm&utm_campaign=tooltip) - Supports animation effects while showing/hiding the tooltip. +* [Content](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=tooltip#/material/tooltip/ajaxcontent) - Assigns with static text, template, or loaded dynamically via AJAX. +* [Opening modes](https://ej2.syncfusion.com/products/typescript/tooltip/show-hide/?utm_source=npm&utm_campaign=tooltip) - Supports four opening modes such as hover, click, focus, and custom. +* [Smart positioning](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=tooltip#/material/tooltip/smartposition) - Supports auto tip positioning. +* [Mouse trail](https://ej2.syncfusion.com/products/typescript/tooltip/customization/?utm_source=npm&utm_campaign=tooltip) - Moves along with mouse pointer using the mouse trailing option. +* [Sticky mode](https://ej2.syncfusion.com/products/typescript/tooltip/show-hide/?utm_source=npm&utm_campaign=tooltip) - Opens in sticky mode, and allows you to close/hide the Tooltip manually. + +## 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=popup) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=popup). +* New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new). +* Ask your query in Stack Overflow with tag `syncfusion` and `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/popups/CHANGELOG.md?utm_source=npm&utm_campaign=dialog). + + +© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution. \ No newline at end of file diff --git a/components/popups/ReadMe.md b/components/popups/ReadMe.md deleted file mode 100644 index d1a959af..00000000 --- a/components/popups/ReadMe.md +++ /dev/null @@ -1,91 +0,0 @@ -# ej2-react-popups - -The popup components such as dialog and tooltip are used to display information in a popup to users. The dialog component provides modal/non-modal (modeless), built-in buttons, positioning, animation, draggable, and template features and helps to create alert, prompt, and confirmation dialogs easily. The tooltip component is used to display a popup that contains some information or message when you hover, click, focus, or touch an element. The information displayed in the tooltip can include simple text, images, hyperlinks, or custom templates. - -![Popup](https://ej2.syncfusion.com/products/images/popup/readme.png) - -> 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 popup components and its dependent packages, use the following command - -```sh -npm install @syncfusion/ej2-react-popups -``` - -## Components Included - -Following list of components are available in the package - -## Dialog - -* [Getting Started](https://ej2.syncfusion.com/react/documentation/dialog/getting-started?utm_source=npm&utm_campaign=dialog) -* [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/default) -* [Product Page](https://www.syncfusion.com/react-ui-components/modal-dialog/?utm_source=npm&utm_campaign=dialog) - -## Tooltip - -* [Getting Started](https://ej2.syncfusion.com/react/documentation/tooltip/getting-started?utm_source=npm&utm_campaign=tooltip) -* [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=tooltip#/material/tooltip/default) -* [Product Page](https://www.syncfusion.com/react-ui-components/tooltip/?utm_source=npm&utm_campaign=tooltip) - -## Supported Frameworks - -These components are available in following list of: - -1. [Angular](https://github.com/syncfusion/ej2-ng-popups?utm_source=npm&utm_campaign=popup) -2. [React](https://github.com/syncfusion/ej2-react-popups?utm_source=npm&utm_campaign=popup) -3. [Vue](https://github.com/syncfusion/ej2-vue-popups?utm_source=npm&utm_campaign=popup) -4. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/) -5. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/) -6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/) - -## Use-case samples / Showcase samples - -* Expanse Tracker ([Source](https://github.com/syncfusion/ej2-showcase-ts-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/expensetracker/#/dashboard)) -* Story Estimator ([Source](https://github.com/syncfusion/ej2-showcase-aspnetcore-story-estimator), [Live Demo](https://aspdotnetcore.syncfusion.com/showcase/aspnetcore/story-estimator/#/dashboard)) -* Diagram Builder ([Source](https://github.com/syncfusion/ej2-showcase-ng-diagrambuilder), [Live Demo](https://ej2.syncfusion.com/showcase/angular/diagrambuilder/)) -* IT Asset Management ([Live Demo](https://ej2.syncfusion.com/showcase/vue/assetmanagement/#/)) -* Webmail ([Source](https://github.com/syncfusion/ej2-showcase-ts-webmail), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/webmail/#/home)) -* Loan Calculator ([Source](https://github.com/syncfusion/ej2-showcase-ts-loancalculator), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/loancalculator/#/default)) - -## Key Features - -## Dialog -* [Modal](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/modal) - Displays the important information to users. -* [Positioning](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/positioning) - Supports to customize its display position. -* [Animation](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/animation) - Offers to set animation effects on open and close the dialog. -* [Template](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/template) - Provides an option to customize its header and footer. -* [Built-in buttons](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/basic) - Provides a built-in support to add buttons to its properties. - -## Tooltip - -* [Positions](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=tooltip#/material/tooltip/default) - Allows you to display the tooltip in 12 different positions. -* [Animation](https://ej2.syncfusion.com/products/typescript/tooltip/animation/?utm_source=npm&utm_campaign=tooltip) - Supports animation effects while showing/hiding the tooltip. -* [Content](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=tooltip#/material/tooltip/ajaxcontent) - Assigns with static text, template, or loaded dynamically via AJAX. -* [Opening modes](https://ej2.syncfusion.com/products/typescript/tooltip/show-hide/?utm_source=npm&utm_campaign=tooltip) - Supports four opening modes such as hover, click, focus, and custom. -* [Smart positioning](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=tooltip#/material/tooltip/smartposition) - Supports auto tip positioning. -* [Mouse trail](https://ej2.syncfusion.com/products/typescript/tooltip/customization/?utm_source=npm&utm_campaign=tooltip) - Moves along with mouse pointer using the mouse trailing option. -* [Sticky mode](https://ej2.syncfusion.com/products/typescript/tooltip/show-hide/?utm_source=npm&utm_campaign=tooltip) - Opens in sticky mode, and allows you to close/hide the Tooltip manually. - -## 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=popup) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=popup). -* New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new). -* Ask your query in Stack Overflow with tag `syncfusion` and `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/popups/CHANGELOG.md?utm_source=npm&utm_campaign=dialog). - - -© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution. \ No newline at end of file diff --git a/components/popups/dist/ej2-react-popups.umd.min.js b/components/popups/dist/ej2-react-popups.umd.min.js index de886475..08666db3 100644 --- a/components/popups/dist/ej2-react-popups.umd.min.js +++ b/components/popups/dist/ej2-react-popups.umd.min.js @@ -1,6 +1,6 @@ /*! * filename: ej2-react-popups.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 diff --git a/components/popups/package.json b/components/popups/package.json index 2495f207..f601c3b5 100644 --- a/components/popups/package.json +++ b/components/popups/package.json @@ -1,6 +1,6 @@ { "name": "@syncfusion/ej2-react-popups", - "version": "16.3.30", + "version": "16.3.32", "description": "A package of Essential JS 2 popup components such as Dialog and Tooltip that is used to display information or messages in separate pop-ups. for React", "author": "Syncfusion Inc.", "license": "SEE LICENSE IN license", diff --git a/components/schedule/CHANGELOG.md b/components/schedule/CHANGELOG.md index dae5a63f..7d03f8d9 100644 --- a/components/schedule/CHANGELOG.md +++ b/components/schedule/CHANGELOG.md @@ -2,7 +2,7 @@ ## [Unreleased] -## 16.3.32 (2018-11-15) +## 16.3.32 (2018-11-13) ### Schedule diff --git a/components/schedule/README.md b/components/schedule/README.md index 3038b1cc..bc72af8c 100644 --- a/components/schedule/README.md +++ b/components/schedule/README.md @@ -1 +1,73 @@ -Repositary for ej2-react-template \ No newline at end of file +# ej2-react-schedule + +The [schedule](https://github.com/syncfusion/ej2-react-ui-components) component is an event calendar that facilitates almost all the basic Outlook and Google Calendar features, allowing the user to plan and manage appointments and time efficiently. It receives data from a variety of data sources, such as an array of JSON objects, OData web services, RESTful or WCF services, and [`DataManager`](https://ej2.syncfusion.com/react/documentation/data/) with built-in load on demand support to reduce the data transfer and load time. Also, it is availed with the multiple resources support that allots an unique individual space for more than one resources on the same calendar. + +![Schedule](https://ej2.syncfusion.com/products/images/schedule/readme.png) + +> 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 [here](https://www.syncfusion.com/sales/products) or start a free 30-day trial from [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 Schedule and its dependent packages, use the following command. + +```sh +npm install @syncfusion/ej2-react-schedule +``` + +## Resources + +* [Getting Started](https://ej2.syncfusion.com/react/documentation/schedule/getting-started.html) +* [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/schedule/default) +* [Product Page](https://www.syncfusion.com/react-ui-components/scheduler) + +## Supported Frameworks + +Schedule component is also available in following list of frameworks. + +1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components) +2. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components) +3. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/scheduler) +4. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/scheduler) +5. [JavaScript](https://www.syncfusion.com/javascript-ui-controls/scheduler) + +## Showcase samples + +* Fare Calendar ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/schedule/resources)) + +## Key Features + +* [**Views**](https://ej2.syncfusion.com/react/demos/#/material/schedule/views) - Schedule is now availed with 10 different view modes – day, week, work week, month, timeline day, timeline week, timeline work-week, timeline month, agenda and month agenda. It is possible to configure view-based settings on each view mode. The `Week` view is set as active view by default. +* [**Data binding**](https://ej2.syncfusion.com/react/demos/#/material/schedule/remote-data) - Seamless data binding with various client-side and remote data sources thus allowing the data to load on demand by default to reduce the data transfer and loading time. +* **Drag and drop** - Appointments can be easily rescheduled to another time by dragging and dropping them onto the required time slots. +* **Appointment resize** - An appointment’s time can be easily extended by resizing its start or end handlers. +* [**Multiple resources**](https://ej2.syncfusion.com/react/demos/#/material/schedule/resource-grouping) - Supports planning and management of events for multiple resources and allows to group them under appropriate resources. Also, supports date-wise grouping, linked appointments and other group related customizations. +* [**Recurrence**](https://ej2.syncfusion.com/react/demos/#/material/schedule/recurrence-events) - Allows the user to repeat a set of events on a daily, weekly, monthly, or yearly basis. +* [**Template**](https://ej2.syncfusion.com/react/demos/#/material/schedule/event-template) - The key elements like events, date header, work cells and event tooltip comes with the default template support which allows the flexible end-user customization to embed any kind of text, images, or styles to it. +* [**Timezone**](https://ej2.syncfusion.com/react/demos/#/material/schedule/timezone) - Regardless of whatever time zone your system follows, Schedule supports setting your own required time zone value to it as well as to each event – thus allowing the events to display on its exact local time. +* [**Timescale**](https://ej2.syncfusion.com/react/demos/#/material/schedule/time-scale) - Allows to display customized time duration, with clear and accurate depiction of appointments across the appropriate time slots. +* [**Customizable working days and hours**](https://ej2.syncfusion.com/react/demos/#/material/schedule/work-days) - Users can set specific [work hour](https://ej2.syncfusion.com/react/demos/#/material/schedule/work-hours) range which is visually differentiated with active colour. Also, the working days collection can be customized with specific days, so that the remaining days will be considered as [weekend](https://ej2.syncfusion.com/react/demos/#/material/schedule/hide-weekend). +* [**Custom editor template**](https://ej2.syncfusion.com/react/demos/#/material/schedule/editor-template) - Template option is availed for event editor, thus allowing the users to add their own custom editor design and also provides option to add additional fields onto the default event editor. +* [**Adaptive rendering**](https://ej2.syncfusion.com/react/demos/#/material/schedule/month-agenda) - Adapts with optimal user interfaces for mobile and desktop form-factors, thus helping the user’s application to scale elegantly across all the form-factors without any additional effort. +* [**Keyboard interaction**](https://ej2.syncfusion.com/react/demos/#/material/schedule/keyboard-interaction) - All the common actions such as traversing through the appointments, multiple cell selection, add/edit/delete the appointments, navigate to other views, dates and much more can be performed through keyboard inputs. +* [**Localization**](https://ej2.syncfusion.com/react/documentation/schedule/localization.html#localization) - All the static text and date content can be localized to any desired language. Also, it can be displayed with appropriate time mode and date-format as per the localized language. +* [**RTL**](https://ej2.syncfusion.com/react/documentation/schedule/localization.html#rtl) - Supports displaying the component to display in the direction from right to left. + +## Support + +Product support is available through following mediums. + +* Creating incident through Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2). +* 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://ej2.syncfusion.com/react/documentation/release-notes). + +© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution. \ No newline at end of file diff --git a/components/schedule/ReadMe.md b/components/schedule/ReadMe.md deleted file mode 100644 index 03759f2d..00000000 --- a/components/schedule/ReadMe.md +++ /dev/null @@ -1,73 +0,0 @@ -# ej2-react-schedule - -The [schedule](https://github.com/syncfusion/ej2-react-schedule) component is an event calendar that facilitates almost all the basic Outlook and Google Calendar features, allowing the user to plan and manage appointments and time efficiently. It receives data from a variety of data sources, such as an array of JSON objects, OData web services, RESTful or WCF services, and [`DataManager`](https://ej2.syncfusion.com/react/documentation/data/) with built-in load on demand support to reduce the data transfer and load time. Also, it is availed with the multiple resources support that allots an unique individual space for more than one resources on the same calendar. - -![Schedule](https://ej2.syncfusion.com/products/images/schedule/readme.png) - -> 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 [here](https://www.syncfusion.com/sales/products) or start a free 30-day trial from [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 Schedule and its dependent packages, use the following command. - -```sh -npm install @syncfusion/ej2-react-schedule -``` - -## Resources - -* [Getting Started](https://ej2.syncfusion.com/react/documentation/schedule/getting-started.html) -* [View Online Demos](https://ej2.syncfusion.com/16.2.41/react/demos/#/material/schedule/default) -* [Product Page](https://www.syncfusion.com/react-ui-components/scheduler) - -## Supported Frameworks - -Schedule component is also available in following list of frameworks. - -1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components) -2. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components) -3. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/scheduler) -4. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/scheduler) -5. [JavaScript](https://www.syncfusion.com/javascript-ui-controls/scheduler) - -## Showcase samples - -* Fare Calendar ([Live Demo](https://ej2.syncfusion.com/16.2.41/react/demos/#/material/schedule/resources)) - -## Key Features - -* [**Views**](https://ej2.syncfusion.com/16.2.41/react/demos/#/material/schedule/views) - Schedule is now availed with 10 different view modes – day, week, work week, month, timeline day, timeline week, timeline work-week, timeline month, agenda and month agenda. It is possible to configure view-based settings on each view mode. The `Week` view is set as active view by default. -* [**Data binding**](https://ej2.syncfusion.com/16.2.41/react/demos/#/material/schedule/remote-data) - Seamless data binding with various client-side and remote data sources thus allowing the data to load on demand by default to reduce the data transfer and loading time. -* **Drag and drop** - Appointments can be easily rescheduled to another time by dragging and dropping them onto the required time slots. -* **Appointment resize** - An appointment’s time can be easily extended by resizing its start or end handlers. -* [**Multiple resources**](https://ej2.syncfusion.com/16.2.41/react/demos/#/material/schedule/group) - Supports planning and management of events for multiple resources and allows to group them under appropriate resources. Also, supports date-wise grouping, linked appointments and other group related customizations. -* [**Recurrence**](https://ej2.syncfusion.com/16.2.41/react/demos/#/material/schedule/recurrence-events) - Allows the user to repeat a set of events on a daily, weekly, monthly, or yearly basis. -* [**Template**](https://ej2.syncfusion.com/16.2.41/react/demos/#/material/schedule/event-template) - The key elements like events, date header, work cells and event tooltip comes with the default template support which allows the flexible end-user customization to embed any kind of text, images, or styles to it. -* [**Timezone**](https://ej2.syncfusion.com/16.2.41/react/demos/#/material/schedule/timezone) - Regardless of whatever time zone your system follows, Schedule supports setting your own required time zone value to it as well as to each event – thus allowing the events to display on its exact local time. -* [**Timescale**](https://ej2.syncfusion.com/16.2.41/react/demos/#/material/schedule/time-scale) - Allows to display customized time duration, with clear and accurate depiction of appointments across the appropriate time slots. -* [**Customizable working days and hours**](https://ej2.syncfusion.com/16.2.41/react/demos/#/material/schedule/work-days) - Users can set specific [work hour](https://ej2.syncfusion.com/16.2.41/react/demos/#/material/schedule/work-hours) range which is visually differentiated with active colour. Also, the working days collection can be customized with specific days, so that the remaining days will be considered as [weekend](https://ej2.syncfusion.com/16.2.41/react/demos/#/material/schedule/hide-weekend). -* [**Custom editor template**](https://ej2.syncfusion.com/16.2.41/react/demos/#/material/schedule/editor-template) - Template option is availed for event editor, thus allowing the users to add their own custom editor design and also provides option to add additional fields onto the default event editor. -* [**Adaptive rendering**](https://ej2.syncfusion.com/16.2.41/react/demos/#/material/schedule/month-agenda) - Adapts with optimal user interfaces for mobile and desktop form-factors, thus helping the user’s application to scale elegantly across all the form-factors without any additional effort. -* [**Keyboard interaction**](https://ej2.syncfusion.com/16.2.41/react/demos/#/material/schedule/keyboard) - All the common actions such as traversing through the appointments, multiple cell selection, add/edit/delete the appointments, navigate to other views, dates and much more can be performed through keyboard inputs. -* [**Localization**](https://ej2.syncfusion.com/react/documentation/schedule/localization.html#localization) - All the static text and date content can be localized to any desired language. Also, it can be displayed with appropriate time mode and date-format as per the localized language. -* [**RTL**](https://ej2.syncfusion.com/react/documentation/schedule/localization.html#rtl) - Supports displaying the component to display in the direction from right to left. - -## Support - -Product support is available through following mediums. - -* Creating incident through Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2). -* 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://ej2.syncfusion.com/react/documentation/release-notes). - -© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution. \ No newline at end of file diff --git a/components/schedule/dist/ej2-react-schedule.umd.min.js b/components/schedule/dist/ej2-react-schedule.umd.min.js index 69344171..57a7356e 100644 --- a/components/schedule/dist/ej2-react-schedule.umd.min.js +++ b/components/schedule/dist/ej2-react-schedule.umd.min.js @@ -1,6 +1,6 @@ /*! * filename: ej2-react-schedule.umd.min.js -* version : 16.3.31 +* 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 diff --git a/components/schedule/package.json b/components/schedule/package.json index 166ea65c..09205901 100644 --- a/components/schedule/package.json +++ b/components/schedule/package.json @@ -1,6 +1,6 @@ { "name": "@syncfusion/ej2-react-schedule", - "version": "16.3.31", + "version": "16.3.32", "description": "Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support. for React", "author": "Syncfusion Inc.", "license": "SEE LICENSE IN license", diff --git a/components/splitbuttons/README.md b/components/splitbuttons/README.md index 3038b1cc..c8f44b6d 100644 --- a/components/splitbuttons/README.md +++ b/components/splitbuttons/README.md @@ -1 +1,111 @@ -Repositary for ej2-react-template \ No newline at end of file +# ej2-react-splitbuttons + +A package of Syncfusion React UI Components (Essential JS 2) DropDownButton, SplitButton, ProgressButton and ButtonGroup. + +![SplitButton](https://ej2.syncfusion.com/products/images/splitbutton/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 `SplitButtons` and its dependent packages, use the following command + +```sh +npm install @syncfusion/ej2-react-splitbuttons +``` + +## Components included + +Following list of components are available in the package. + +* DropDownButton - `DropDownButton` is used to toggle contextual overlays for displaying list of action items. + * [Getting Started](https://ej2.syncfusion.com/react/documentation/drop-down-button/getting-started?utm_source=npm&utm_campaign=drop-down-button) + * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=drop-down-button#/material/button/drop-down-button) + * [Product Page](https://www.syncfusion.com/react-ui-components/dropdown-menu) + +* SplitButton - `SplitButton` has primary and secondary button. Primary button is used to select default action and secondary button is used to toggle contextual overlays for displaying list of action items. + * [Getting Started](https://ej2.syncfusion.com/react/documentation/split-button/getting-started?utm_source=npm&utm_campaign=split-button) + * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=split-button#/material/button/split-button) + * [Product Page](https://www.syncfusion.com/react-ui-components/split-button) + +* ProgressButton - `ProgressButton` visualizes the progression of an operation to indicate the user that a process is happening in the background with visual representation. + * [Getting Started](https://ej2.syncfusion.com/react/documentation/progress-button/getting-started?utm_source=npm&utm_campaign=progress-button) + * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=progress-button#/material/button/progress-button) + * [Product Page](https://www.syncfusion.com/react-ui-components/progress-button) + +* ButtonGroup - `ButtonGroup` is a graphical user interface that groups series of buttons horizontally or vertically. + * [Getting Started](https://ej2.syncfusion.com/react/documentation/button-group/getting-started?utm_source=npm&utm_campaign=button-group) + * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=button-group#/material/button/button-group) + * [Product Page](https://www.syncfusion.com/react-ui-components/button-group) + +## Supported Frameworks + +These components are available in following list of frameworks. + +1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/splitbuttons?utm_source=npm&utm_campaign=split-button) +2. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/splitbuttons?utm_source=npm&utm_campaign=split-button) +3. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls) +4. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls) +5. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls) + +## Key Features + +### DropDownButton + +* [**Icons and Navigations**](https://ej2.syncfusion.com/react/documentation/drop-down-button/popup-items#icons) - Supports text and icon on the DropDownButton and Popup items. URL can be given to Popup items that creates the anchor link to navigate to the URL provided. + +* [**Separator**](https://ej2.syncfusion.com/react/documentation/drop-down-button/popup-items#separator) - Supports Popup items grouping by using the Separator. + +* [**Accessibility**](https://ej2.syncfusion.com/react/documentation/drop-down-button/accessibility#accessibility) - Provided with built-in accessibility support that helps to access all the DropDownButton component features through the keyboard, screen readers, or other assistive technology devices. + +### SplitButton + +* [**Icons and Navigations**](https://ej2.syncfusion.com/react/documentation/split-button/icons-and-separator#splitbutton-icons) - Supports text and icon on the SplitButton and Popup items. URL can be given to Popup items that creates the anchor link to navigate to the URL provided. + +* [**Separator**](https://ej2.syncfusion.com/react/documentation/split-button/icons-and-separator#separator) - Supports Popup items grouping by using the Separator. + +* [**Accessibility**](https://ej2.syncfusion.com/react/documentation/split-button/accessibility#accessibility) - Provided with built-in accessibility support that helps to access all the SplitButton component features through the keyboard, screen readers, or other assistive technology devices. + +### ProgressButton + +* **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of progress button. + +* [**Icons and Spinner**](https://ej2.syncfusion.com/react/documentation/progress-button/spinner-and-progress#spinner) - Supports icon, spinner and its positioning. + +* [**Animation**](https://ej2.syncfusion.com/react/documentation/progress-button/spinner-and-progress#content-animation) - Provided with predefined animation and progress indicator. + +* [**Events**](https://ej2.syncfusion.com/react/documentation/progress-button/spinner-and-progress#change-step-of-the-progressbutton) - Supports event triggering at specified interval. + +* [**Accessibility**](https://ej2.syncfusion.com/react/documentation/progress-button/accessibility#accessibility) - Provided with built-in accessibility support that helps to access all the ProgressButton component features through the keyboard, screen readers, or other assistive technology devices. + +### ButtonGroup + +* [**Types, Sizes, and Styles**](https://ej2.syncfusion.com/react/documentation/button-group/types-and-styles#buttongroup-types) - Provided with different types, sizes and predefined styles of button. + +* [**Selection**](https://ej2.syncfusion.com/react/documentation/button-group/selection-and-nesting#selection) - Supports single and multiple selection behaviors. + +* [**Orientation**](https://ej2.syncfusion.com/react/documentation/button-group/getting-started#orientation) - Supports horizontal and vertical orientations. + +* [**Nesting**](https://ej2.syncfusion.com/react/documentation/button-group/selection-and-nesting#nesting) - Supports nesting with drop-down and split button components. + +* [**Accessibility**](https://ej2.syncfusion.com/react/documentation/button-group/accessibility#accessibility) - Built-in accessibility features to access all the button group using the keyboard, 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=split-button) support system or [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_campaign=split-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=split-button) 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=split-button). + +## Changelog + +Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/splitbuttons/CHANGELOG.md?utm_source=npm&utm_campaign=split-button) + +© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution. \ No newline at end of file diff --git a/components/splitbuttons/ReadMe.md b/components/splitbuttons/ReadMe.md deleted file mode 100644 index 61addc6c..00000000 --- a/components/splitbuttons/ReadMe.md +++ /dev/null @@ -1,111 +0,0 @@ -# ej2-react-splitbuttons - -A package of Syncfusion React UI Components (Essential JS 2) DropDownButton, SplitButton, ProgressButton and ButtonGroup. - -![SplitButton](https://ej2.syncfusion.com/products/images/splitbutton/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 `SplitButtons` and its dependent packages, use the following command - -```sh -npm install @syncfusion/ej2-react-splitbuttons -``` - -## Components included - -Following list of components are available in the package. - -* DropDownButton - `DropDownButton` is used to toggle contextual overlays for displaying list of action items. - * [Getting Started](https://ej2.syncfusion.com/react/documentation/drop-down-button/getting-started?utm_source=npm&utm_campaign=drop-down-button) - * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=drop-down-button#/material/button/drop-down-button) - * [Product Page](https://www.syncfusion.com/react-ui-components/dropdown-menu) - -* SplitButton - `SplitButton` has primary and secondary button. Primary button is used to select default action and secondary button is used to toggle contextual overlays for displaying list of action items. - * [Getting Started](https://ej2.syncfusion.com/react/documentation/split-button/getting-started?utm_source=npm&utm_campaign=split-button) - * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=split-button#/material/button/split-button) - * [Product Page](https://www.syncfusion.com/react-ui-components/split-button) - -* ProgressButton - `ProgressButton` visualizes the progression of an operation to indicate the user that a process is happening in the background with visual representation. - * [Getting Started](https://ej2.syncfusion.com/react/documentation/progress-button/getting-started?utm_source=npm&utm_campaign=progress-button) - * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=progress-button#/material/button/progress-button) - * [Product Page](https://www.syncfusion.com/react-ui-components/progress-button) - -* ButtonGroup - `ButtonGroup` is a graphical user interface that groups series of buttons horizontally or vertically. - * [Getting Started](https://ej2.syncfusion.com/react/documentation/button-group/getting-started?utm_source=npm&utm_campaign=button-group) - * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=button-group#/material/button/button-group) - * [Product Page](https://www.syncfusion.com/react-ui-components/button-group) - -## Supported Frameworks - -These components are available in following list of frameworks. - -1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/splitbuttons?utm_source=npm&utm_campaign=split-button) -2. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/splitbuttons?utm_source=npm&utm_campaign=split-button) -3. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls) -4. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls) -5. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls) - -## Key Features - -### DropDownButton - -* [**Icons and Navigations**](https://ej2.syncfusion.com/react/documentation/drop-down-button/popup-items#icons) - Supports text and icon on the DropDownButton and Popup items. URL can be given to Popup items that creates the anchor link to navigate to the URL provided. - -* [**Separator**](https://ej2.syncfusion.com/react/documentation/drop-down-button/popup-items#separator) - Supports Popup items grouping by using the Separator. - -* [**Accessibility**](https://ej2.syncfusion.com/react/documentation/drop-down-button/accessibility#accessibility) - Provided with built-in accessibility support that helps to access all the DropDownButton component features through the keyboard, screen readers, or other assistive technology devices. - -### SplitButton - -* [**Icons and Navigations**](https://ej2.syncfusion.com/react/documentation/split-button/icons-and-separator#splitbutton-icons) - Supports text and icon on the SplitButton and Popup items. URL can be given to Popup items that creates the anchor link to navigate to the URL provided. - -* [**Separator**](https://ej2.syncfusion.com/react/documentation/split-button/icons-and-separator#separator) - Supports Popup items grouping by using the Separator. - -* [**Accessibility**](https://ej2.syncfusion.com/react/documentation/split-button/accessibility#accessibility) - Provided with built-in accessibility support that helps to access all the SplitButton component features through the keyboard, screen readers, or other assistive technology devices. - -### ProgressButton - -* **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of progress button. - -* [**Icons and Spinner**](https://ej2.syncfusion.com/react/documentation/progress-button/spinner-and-progress#spinner) - Supports icon, spinner and its positioning. - -* [**Animation**](https://ej2.syncfusion.com/react/documentation/progress-button/spinner-and-progress#content-animation) - Provided with predefined animation and progress indicator. - -* [**Events**](https://ej2.syncfusion.com/react/documentation/progress-button/spinner-and-progress#change-step-of-the-progressbutton) - Supports event triggering at specified interval. - -* [**Accessibility**](https://ej2.syncfusion.com/react/documentation/progress-button/accessibility#accessibility) - Provided with built-in accessibility support that helps to access all the ProgressButton component features through the keyboard, screen readers, or other assistive technology devices. - -### ButtonGroup - -* [**Types, Sizes, and Styles**](https://ej2.syncfusion.com/react/documentation/button-group/types-and-styles#buttongroup-types) - Provided with different types, sizes and predefined styles of button. - -* [**Selection**](https://ej2.syncfusion.com/react/documentation/button-group/selection-and-nesting#selection) - Supports single and multiple selection behaviors. - -* [**Orientation**](https://ej2.syncfusion.com/react/documentation/button-group/getting-started#orientation) - Supports horizontal and vertical orientations. - -* [**Nesting**](https://ej2.syncfusion.com/react/documentation/button-group/selection-and-nesting#nesting) - Supports nesting with drop-down and split button components. - -* [**Accessibility**](https://ej2.syncfusion.com/react/documentation/button-group/accessibility#accessibility) - Built-in accessibility features to access all the button group using the keyboard, 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=split-button) support system or [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_campaign=split-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=split-button) with tag `syncfusion`, `ej2`. - -## License - -Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=split-button). - -## Changelog - -Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/splitbuttons/CHANGELOG.md?utm_source=npm&utm_campaign=split-button) - -© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution. \ No newline at end of file diff --git a/components/treemap/README.md b/components/treemap/README.md index 3038b1cc..ae5bd12e 100644 --- a/components/treemap/README.md +++ b/components/treemap/README.md @@ -1 +1,69 @@ -Repositary for ej2-react-template \ No newline at end of file +# ej2-react-treemap + +The tree map control provides a simple and effective way to visualize flat or hierarchical data as clustered rectangles with a specific, weighted attribute determining the size of each rectangle. + +![TreeMap] (https://ej2.syncfusion.com/products/images/treemap/readme.gif) + +> TreeMap 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=treemap) + +## Setup + +To install TreeMap and its dependent packages, use the following command + +```sh +npm install @syncfusion/ej2-treemap +``` + +## Resources + +* [Getting Started](https://ej2.syncfusion.com/react/documentation/treemap/getting-started.html) +* [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/treemap/default) +* [Product Page](https://www.syncfusion.com/react-ui-components/treemap) + +## Supported Frameworks + +TreeMap component is also offered in following list of frameworks. + +1. [Angular](https://www.npmjs.com/package/@syncfusion/ej2-ng-treemap?utm_source=npm&utm_campaign=treemap) +2. [React](https://www.npmjs.com/package/@syncfusion/ej2-react-treemap?utm_source=npm&utm_campaign=treemap) +3. [Vue.js](https://www.npmjs.com/package/@syncfusion/ej2-vue-treemap?utm_source=npm&utm_campaign=treemap) +4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/TreeMap/Default#/material) +5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/TreeMap/Default#/material) +6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/treemap) + +## Use case samples + +* Olympic medal categories details ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/treemap/customization)) +* Countries population details ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/treemap/drilldown)) + +## Key Features + +* [**Data sources**](https://ej2.syncfusion.com/react/demos/#/material/treemap/pie) - Binds the tree map component with an array of JSON objects or DataManager. Both the heirarcical and flat collection data sources are supported. +* [**Levels**](https://ej2.syncfusion.com/react/demos/#/material/treemap/default) - Renders with any number of levels and items. +* [**Layout**](https://ej2.syncfusion.com/react/demos/#/material/treemap/layout) - Supports four types of layouts: square, horizontal, vertical, and auto. +* [**Drill-down**](https://ej2.syncfusion.com/react/demos/#/material/treemap/drilldown) - Provides drill-down option to have a closer look at the lower level of a hierarchy. +* [**Data label**](https://ej2.syncfusion.com/react/demos/#/material/treemap/label) - Provides additional information about the nodes. +* [**Label template**](https://ej2.syncfusion.com/react/demos/#/material/treemap/customization) - Uses any custom HTML element as data label for each node. +* [**Color mapping**](https://ej2.syncfusion.com/react/demos/#/material/treemap/label) - Applies colors to the nodes based on various conditions. Tree map supports three types of color mapping: range, equal, and desaturation. +* [**Legend**](https://ej2.syncfusion.com/react/demos/#/material/treemap/election) - Denotes the color mapping categories. +* [**Selection and Highlight**](https://ej2.syncfusion.com/react/demos/#/material/treemap/selection) - Supports selecting or highlighting the nodes to bring center of attraction. +* [**Tooltip**](https://ej2.syncfusion.com/react/demos/#/material/treemap/tooltip) - Provides additonal information about the nodes on mouse hover. +* [**Print and Export**](https://ej2.syncfusion.com/react/demos/#/material/treemap/print) - Provides options to print and export the rendered tree map 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=treemap) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=treemap). +* 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=treemap). + +## Changelog + +Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_campaign=treemap) + +© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution. \ No newline at end of file diff --git a/components/treemap/ReadMe.md b/components/treemap/ReadMe.md deleted file mode 100644 index 16e66db5..00000000 --- a/components/treemap/ReadMe.md +++ /dev/null @@ -1,69 +0,0 @@ -# ej2-react-treemap - -The tree map control provides a simple and effective way to visualize flat or hierarchical data as clustered rectangles with a specific, weighted attribute determining the size of each rectangle. - -![TreeMap] (https://ej2.syncfusion.com/products/images/treemap/readme.gif) - -> TreeMap 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=treemap) - -## Setup - -To install TreeMap and its dependent packages, use the following command - -```sh -npm install @syncfusion/ej2-treemap -``` - -## Resources - -* [Getting Started](https://ej2.syncfusion.com/react/documentation/treemap/getting-started.html) -* [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/treemap/default) -* [Product Page](https://www.syncfusion.com/react-ui-components/treemap) - -## Supported Frameworks - -TreeMap component is also offered in following list of frameworks. - -1. [Angular](https://www.npmjs.com/package/@syncfusion/ej2-ng-treemap?utm_source=npm&utm_campaign=treemap) -2. [React](https://www.npmjs.com/package/@syncfusion/ej2-react-treemap?utm_source=npm&utm_campaign=treemap) -3. [Vue.js](https://www.npmjs.com/package/@syncfusion/ej2-vue-treemap?utm_source=npm&utm_campaign=treemap) -4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/TreeMap/Default#/material) -5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/TreeMap/Default#/material) -6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/treemap) - -## Use case samples - -* Olympic medal categories details ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/treemap/customization)) -* Countries population details ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/treemap/drilldown)) - -## Key Features - -* [**Data sources**](https://ej2.syncfusion.com/react/demos/#/material/treemap/pie) - Binds the tree map component with an array of JSON objects or DataManager. Both the heirarcical and flat collection data sources are supported. -* [**Levels**](https://ej2.syncfusion.com/react/demos/#/material/treemap/default) - Renders with any number of levels and items. -* [**Layout**](https://ej2.syncfusion.com/react/demos/#/material/treemap/layout) - Supports four types of layouts: square, horizontal, vertical, and auto. -* [**Drill-down**](https://ej2.syncfusion.com/react/demos/#/material/treemap/drilldown) - Provides drill-down option to have a closer look at the lower level of a hierarchy. -* [**Data label**](https://ej2.syncfusion.com/react/demos/#/material/treemap/label) - Provides additional information about the nodes. -* [**Label template**](https://ej2.syncfusion.com/react/demos/#/material/treemap/customization) - Uses any custom HTML element as data label for each node. -* [**Color mapping**](https://ej2.syncfusion.com/react/demos/#/material/treemap/label) - Applies colors to the nodes based on various conditions. Tree map supports three types of color mapping: range, equal, and desaturation. -* [**Legend**](https://ej2.syncfusion.com/react/demos/#/material/treemap/election) - Denotes the color mapping categories. -* [**Selection and Highlight**](https://ej2.syncfusion.com/react/demos/#/material/treemap/selection) - Supports selecting or highlighting the nodes to bring center of attraction. -* [**Tooltip**](https://ej2.syncfusion.com/react/demos/#/material/treemap/tooltip) - Provides additonal information about the nodes on mouse hover. -* [**Print and Export**](https://ej2.syncfusion.com/react/demos/#/material/treemap/print) - Provides options to print and export the rendered tree map 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=treemap) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=treemap). -* New [GitHub issues](https://github.com/syncfusion/ej2-treemap/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=treemap). - -## Changelog - -Check the changelog [here](https://github.com/syncfusion/ej2-treemap/blob/master/CHANGELOG.md?utm_source=npm&utm_campaign=treemap) - -© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution. \ No newline at end of file