@syncfusion/ej2-react-dropdowns - npm Package Compare versions

Comparing version 16.2.45 to 16.2.46

auto-complete.js

@@ -0,1 +1,4 @@
+/**
+ * auto-complete
+ */
 export * from './src/auto-complete/index';

CHANGELOG.md

@@ -9,2 +9,26 @@ # Changelog
 
+- We have provided public methods spinner show and hides.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Pre-selected item disappears from popup list when removed selected items in clear button issue has been resolved.
+- We have provided public methods spinner show and hides.
+
+### AutoComplete
+
+- We have provided public methods spinner show and hides.
+
+### ComboBox
+
+- ComboBox filtering update data method field argument issue has been resolved.
+- We have provided public methods spinner show and hides.
+
+## 16.2.45 (2018-07-17)
+
+### DropDownList
+
+#### Bug Fixes
+
 - DropDownList same value selection, value not cleared issue has been resolved.
@@ -11,0 +35,0 @@ - DropDownList `scss` variable override issue has been resolved.

combo-box.js

@@ -0,1 +1,4 @@
+/**
+ * combo-box
+ */
 export * from './src/combo-box/index';

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

 /*!
 *  filename: ej2-react-dropdowns.umd.min.js
-*  version : 16.2.44
+*  version : 16.2.46
 *  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
@@ -10,4 +10,13 @@ *  Use of this code is subject to the terms of our license.
 */
+/*!
+*  filename: ej2-react-dropdowns.umd.min.js
+*  version : 16.2.45
+*  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
+*  [e-mail]. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
 
 !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@syncfusion/ej2-dropdowns"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-dropdowns","@syncfusion/ej2-react-base"],e):e(t.ej={},t.React,t.ej2Dropdowns,t.ej2ReactBase)}(this,function(t,e,n,o){"use strict";var r=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 o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),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 r(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.DropDownList);o.applyMixins(i,[o.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 o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),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.ComboBox);o.applyMixins(s,[o.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 o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),p=function(t){function n(e){var n=t.call(this,e)||this;return 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.AutoComplete);o.applyMixins(p,[o.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 o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),l=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.state=e,n}return a(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.MultiSelect);o.applyMixins(l,[o.ComponentBase,e.PureComponent]),t.Inject=o.Inject,t.DropDownListComponent=i,t.ComboBoxComponent=s,t.AutoCompleteComponent=p,t.MultiSelectComponent=l,Object.keys(n).forEach(function(e){t[e]=n[e]}),Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-dropdowns.umd.min.js.map

drop-down-list.js

@@ -0,1 +1,4 @@
+/**
+ * drop-down-list
+ */
 export * from './src/drop-down-list/index';

index.js

@@ -0,1 +1,4 @@
+/**
+ * index
+ */
 export * from './src/index';

multi-select.js

@@ -0,1 +1,4 @@
+/**
+ * multi-select
+ */
 export * from './src/multi-select/index';

package.json

 {
   "name": "@syncfusion/ej2-react-dropdowns",
-  "version": "16.2.45",
+  "version": "16.2.46",
   "description": "Essential JS 2 DropDown Components for React",
@@ -17,9 +17,9 @@ "author": "Syncfusion Inc.",
   "main": "./dist/ej2-react-dropdowns.umd.min.js",
-  "module": "./src/index.js",
+  "module": "./index.js",
   "es2015": "dist/es6/ej2-react-dropdowns.es2015.js",
   "readme": "ReadMe.md",
   "dependencies": {
-    "@syncfusion/ej2-base": "~16.2.45",
-    "@syncfusion/ej2-react-base": "~16.2.45",
-    "@syncfusion/ej2-dropdowns": "16.2.45"
+    "@syncfusion/ej2-base": "~16.2.46",
+    "@syncfusion/ej2-react-base": "~16.2.46",
+    "@syncfusion/ej2-dropdowns": "16.2.46"
   },
@@ -26,0 +26,0 @@ "devDependencies": {

ReadMe.md

@@ -1,77 +0,104 @@
-# DropDownList
+# ej2-react-dropdowns
 
-The DropDownList component contains a list of predefined values, from which the user can choose a single value. The functionality of DropDownList resembles the SELECT form element of HTML. When an arrow icon accompanied with this component is pressed, the dropdown displays a list of values, from which the user can select one.
+## Superset of HTML select box contains specific features such as data binding, grouping, sorting, filtering, and templates.
 
-Also, it comes with full documentation and support which is available for commercial and community licensed users. To know more, please visit www.syncfusion.com.
+![](../../ReadMe_Images/gif.gif)
 
-## Key features
+>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).
 
-* Local and Remote Data Binding
-* Grouping & Sorting support
-* Template support
-* Incremental search & filter search support
-* Accessibility and Keyboard interaction
+>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..
 
-## Resources
-[ReactDemo](http://ej2.syncfusion.com/react/demos/#/material/dropdownlist/default)  
-[ReactDocumentation](http://ej2.syncfusion.com/react/documentation/drop-down-list/)
+## 1. Setup To install this package and its dependent packages, use the following command
 
-# ComboBox
+Use the following command to install drop-down components and its dependent packages
 
-The ComboBox component allows the user to type a value or choose an option from the list of predefined
-options. When an arrow icon accompanied with this component is pressed, the dropdown displays a list of
-values, from which the user can select one.
+```
+npm install @syncfusion/ej2-react-dropdowns
+```
 
-Also, it comes with full documentation and support which is available for commercial and community licensed users. To know more, please visit www.syncfusion.com.
+## 2. Components included
 
-## Key features
+* 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/dropdownlist)
+    * [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/combobox/default.html)
+    * [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/autocomplete)
+    * [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/multiselect)
+    * [Product Page](https://www.syncfusion.com/products/react/multiselect)
 
-* Local and Remote Data Binding
-* Custom value support
-* Autofill support
-* Grouping & Sorting support
-* Template support
-* Filter search support
-* Accessibility and Keyboard interaction
+## 3. Supported frameworks
 
-## Resources
-[ReactDemo](http://ej2.syncfusion.com/react/demos/#/material/combobox/default)  
-[ReactDocumentation](http://ej2.syncfusion.com/react/documentation/combo-box/)
+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)
 
-# AutoComplete
+## 4. Use-case samples / Showcase samples
 
-The AutoComplete component provides the matched suggestion list when type into the input, from which the user can select one.
+* Expanse Tracker ([Live Demo](https://ej2.syncfusion.com/showcase/react/expensetracker/?utm_source=npm&utm_campaign=dropdown#/dashboard))
+* Loan Calculator ([Live Demo](https://ej2.syncfusion.com/showcase/react/loancalculator/?utm_source=npm&utm_campaign=dropdwonlist#/default))
+* Web Mail ([Live Demo](https://ej2.syncfusion.com/showcase/react/webmail/#/home))
 
-Also, it comes with full documentation and support which is available for commercial and community licensed users. To know more, please visit www.syncfusion.com.
+* DropDownList
+    * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/dropdownlist/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/dropdownlist/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/dropdownlist/filtering.html): Filters the list items based on a character typed in the search box.
+    * [Templates](https://ej2.syncfusion.com/react/demos/#/material/dropdownlist/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.
 
-## Key features
 
-* Local and Remote Data Binding
-* Custom value support
-* Autofill support
-* Grouping & Sorting support
-* Template support
-* Accessibility and Keyboard interaction
+* ComboBox
+    * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/combobox/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/combobox/custom-value.html): Sets user-defined values that is not in the pop-up list.
+    * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/combobox/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/combobox/filtering.html): Filters the list items based on a character typed in the component.
+    * [Templates](https://ej2.syncfusion.com/react/demos/#/material/combobox/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.
 
-## Resources
-[ReactDemo](http://ej2.syncfusion.com/react/demos/#/material/autocomplete/default)  
-[ReactDocumentation](http://ej2.syncfusion.com/react/documentation/auto-complete/)
 
-# MultiSelect
+* AutoComplete
+    * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/autocomplete/databinding.html): Binds and accesses the list of items from local or server-side data source.
+    * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/autocomplete/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/autocomplete/highlight.html): Highlights the typed text in the suggestion list.
+    * [Templates](https://ej2.syncfusion.com/react/demos/#/material/autocomplete/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.
 
-The MultiSelect component contains a list of predefined values from which a multiple value can be chosen. The functionality of MultiSelect resembles the SELECT form element of HTML.
 
-Also, it comes with full documentation and support which is available for commercial and community licensed users. To know more, please visit www.syncfusion.com.
+* MultiSelect
+    * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/multiselect/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/multiselect/grouping.html): Groups the logically related items under a single or specific category.
+    * [Templates](https://ej2.syncfusion.com/react/demos/#/material/multiselect/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/multiselect/filtering.html): Filters the list items based on a character typed in the search box.
+    * [Custom value](https://ej2.syncfusion.com/16.2.41/react/demos/#/material/multiselect/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.
 
-## Key features
+## 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’.
 
-* Local and Remote Data Binding
-* Custom value support
-* Filter search support.
-* Grouping & Sorting support
-* Template support
-* Accessibility and Keyboard interaction
+ 
+## 7. License 
+Check the license details [here.](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=dropdown)
 
-## Resources
-[ReactDemo](http://ej2.syncfusion.com/react/demos/#/material/multiselect/default)  
-[ReactDocumentation](http://ej2.syncfusion.com/react/documentation/multi-select/)
+## 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.

src/auto-complete/autocomplete.component.js

@@ -14,3 +14,9 @@ var __extends = (this && this.__extends) || (function () {
 import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
-var AutoCompleteComponent = (function (_super) {
+/**
+ *The AutoComplete component provides the matched suggestion list when type into the input, from which the user can select one.
+ * ```
+ * <AutoCompleteComponent dataSource={data}/>
+ * ```
+ */
+var AutoCompleteComponent = /** @class */ (function (_super) {
     __extends(AutoCompleteComponent, _super);
@@ -17,0 +23,0 @@ function AutoCompleteComponent(props) {

src/combo-box/combobox.component.js

@@ -14,3 +14,9 @@ var __extends = (this && this.__extends) || (function () {
 import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
-var ComboBoxComponent = (function (_super) {
+/**
+ *The ComboBox component allows the user to type a value or choose an option from the list of predefined options.
+ * ```
+ * <ComboBoxComponent dataSource={data}/>
+ * ```
+ */
+var ComboBoxComponent = /** @class */ (function (_super) {
     __extends(ComboBoxComponent, _super);
@@ -17,0 +23,0 @@ function ComboBoxComponent(props) {

src/drop-down-list/dropdownlist.component.js

@@ -14,3 +14,9 @@ var __extends = (this && this.__extends) || (function () {
 import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
-var DropDownListComponent = (function (_super) {
+/**
+ * The DropDownList component contains a list of predefined values, from which the user can choose a single value.
+ * ```
+ * <DropDownListComponent dataSource={data}/>
+ * ```
+ */
+var DropDownListComponent = /** @class */ (function (_super) {
     __extends(DropDownListComponent, _super);
@@ -17,0 +23,0 @@ function DropDownListComponent(props) {

src/multi-select/multiselect.component.js

@@ -14,3 +14,9 @@ var __extends = (this && this.__extends) || (function () {
 import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
-var MultiSelectComponent = (function (_super) {
+/**
+* The MultiSelect allows the user to pick a values from the predefined list of values.
+ * ```
+ * <MultiSelectComponent dataSource={data}/>
+ * ```
+ */
+var MultiSelectComponent = /** @class */ (function (_super) {
     __extends(MultiSelectComponent, _super);
@@ -17,0 +23,0 @@ function MultiSelectComponent(props) {

No alert changes

Improved metrics

Total package byte prevSize

13296463

increased by0.25%

Number of package files

89

increased by1.14%

Lines of code

204009

increased by0.53%

Dependency changes

• + Added@syncfusion/ej2-dropdowns@16.2.46(transitive)

• - Removed@syncfusion/ej2-dropdowns@16.2.45(transitive)

• Updated@syncfusion/ej2-base@~16.2.46

• Updated@syncfusion/ej2-dropdowns@16.2.46

• Updated@syncfusion/ej2-react-base@~16.2.46