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

Comparing version 16.3.34 to 16.4.40-beta

CHANGELOG.md

@@ -5,2 +5,11 @@ # Changelog
 
+### Chips
+
+The Chip control contains a small block of essential information that triggers an event on click action. It also contains the primary text, image, or both, and is mostly used in mails, contacts, or filter tags.
+
+- `Input chip` - Basic chip with delete icon that represents a person or entity and enables  removal of chips from the chip list collection.
+- `Choice chip` - Used to select a choice from the available options.
+- `Filter chip` - Used to select multiple choices from the available options.
+- `Action chip` - Used to trigger actions for primary content.
+
 ## 16.3.33 (2018-11-20)
@@ -7,0 +16,0 @@

diConfig.json

@@ -149,4 +149,90 @@ {
             ]
+        },
+        {
+            "baseClass": "ChipList",
+            "directoryName": "chips",
+            "defaultTag": "<div id='chip'></div>",
+            "preferredTag": "div",
+            "twoWays": [
+            ],
+            "type": "simple",
+            "comment": [
+                "/**",
+                " * Represents the Essential JS 2 Angular ChipList Component.",
+                " * ```html",
+                " * <ejs-chiplist></ejs-chiplist>",
+                " * ```",
+                " */"
+            ],
+            "reactComment": [
+                "/**",
+                " * Represents the Essential JS 2 React ChipList Component.",
+                " * ```ts",
+                " * <ChipListComponent></ChipListComponent>",
+                " * ```",
+                " */"
+            ],
+            "vueComment": [
+                "/**",
+                " * Represents the Essential JS 2 VueJS ChipList Component.",
+                " * ```html",
+                " * <ejs-chiplist></ejs-chiplist>",
+                " * ```",
+                " */"
+            ],
+            "tagDirective": [
+                {
+                    "arrayDirectiveClassName": "Chips",
+                    "directiveClassName": "Chip",
+                    "parentName": "Chips",
+                    "propertyName": "chips",
+                    "baseClass": "Chip",
+                    "aspArrayClassName": "ChipCollection",
+                    "aspDirectiveSelector": "e-chip",
+                    "aspArrayDirectiveSelector": "e-chips",
+
+                    "comment": [
+                        "/**",
+                        " * `e-chip` directive represent a chip of the Angular ChipList.",
+                        " * ```html",
+                        " * <ejs-chiplist > ",
+                        " *   <e-chips>",
+                        " *    <e-chip text='chip1'></e-chip>",
+                        " *    <e-chip text='chip2'></e-chip>",
+                        " *   </e-chips>",
+                        " * </ejs-chiplist>",
+                        " * ```",
+                        " */"
+                    ],
+                    "reactComment": [
+                        "/**",
+                        " * `ChipDirective` directive represent a chip of the React ChipList.",
+                        " * ```html",
+                        " * <ChipListComponent> ",
+                        " *   <ChipsDirective>",
+                        " *    <ChipDirective text='chip1'></ChipDirective>",
+                        " *    <ChipDirective text='chip2'></ChipDirective>",
+                        " *   </ChipsDirective>",
+                        " * </ChipListComponent>",
+                        " * ```",
+                        " */"
+                    ],
+                    "vueComment": [
+                        "/**",
+                        " * `e-chip` directive represent a chip of the Vue ChipList.",
+                        " * ```html",
+                        " * <ejs-chiplist > ",
+                        " *   <e-chips>",
+                        " *    <e-chip text='chip1'></e-chip>",
+                        " *    <e-chip text='chip2'></e-chip>",
+                        " *   </e-chips>",
+                        " * </ejs-chiplist>",
+                        " * ```",
+                        " */"
+                    ],
+                    "templateProperties": []
+                }
+            ]
         }
     ]
 }

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

 /*!
 *  filename: ej2-react-buttons.umd.min.js
-*  version : 16.3.34
+*  version : 16.4.40-beta
 *  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
@@ -12,3 +12,3 @@ *  Use of this code is subject to the terms of our license.
 *  filename: ej2-react-buttons.umd.min.js
-*  version : 16.3.33
+*  version : 16.2.41
 *  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
@@ -21,3 +21,3 @@ *  Use of this code is subject to the terms of our license.
 
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@syncfusion/ej2-buttons"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-buttons","@syncfusion/ej2-react-base"],e):e(t.ej={},t.React,t.ej2Buttons,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("button",this.getDefaultAttributes(),this.props.children);t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Button);r.applyMixins(i,[r.ComponentBase,e.PureComponent]);var c=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)}}(),u=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,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.CheckBox);r.applyMixins(u,[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.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.RadioButton);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)}}(),f=function(t){function n(e){var n=t.call(this,e)||this;return 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("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Switch);r.applyMixins(f,[r.ComponentBase,e.PureComponent]),t.ButtonComponent=i,t.CheckBoxComponent=u,t.RadioButtonComponent=p,t.SwitchComponent=f,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-buttons"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-buttons","@syncfusion/ej2-react-base"],e):e(t.ej={},t.React,t.ej2Buttons,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("button",this.getDefaultAttributes(),this.props.children);t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Button);r.applyMixins(i,[r.ComponentBase,e.PureComponent]);var c=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)}}(),u=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,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.CheckBox);r.applyMixins(u,[r.ComponentBase,e.PureComponent]);var p=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)}}(),s=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n}return p(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.RadioButton);r.applyMixins(s,[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)}}(),f=function(t){function n(e){var n=t.call(this,e)||this;return 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("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Switch);r.applyMixins(f,[r.ComponentBase,e.PureComponent]);var l=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)}}(),h=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return l(e,t),e.moduleName="chip",e}(r.ComplexBase),d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return l(e,t),e.propertyName="chips",e.moduleName="chips",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={chips:"chip"},n}return y(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.ChipList);r.applyMixins(_,[r.ComponentBase,e.PureComponent]),t.ButtonComponent=i,t.CheckBoxComponent=u,t.RadioButtonComponent=s,t.SwitchComponent=f,t.ChipDirective=h,t.ChipsDirective=d,t.ChipListComponent=_,Object.keys(n).forEach(function(e){t[e]=n[e]}),Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-buttons.umd.min.js.map

dist/es6/ej2-react-buttons.es2015.js

 import { PureComponent, createElement } from 'react';
-import { Button, CheckBox, RadioButton, Switch } from '@syncfusion/ej2-buttons';
-import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
+import { Button, CheckBox, ChipList, RadioButton, Switch } from '@syncfusion/ej2-buttons';
+import { ComplexBase, ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
 
@@ -101,4 +101,48 @@ /**
 
-export { ButtonComponent, CheckBoxComponent, RadioButtonComponent, SwitchComponent };
+/**
+ * `ChipDirective` directive represent a chip of the React ChipList.
+ * ```html
+ * <ChipListComponent>
+ *   <ChipsDirective>
+ *    <ChipDirective text='chip1'></ChipDirective>
+ *    <ChipDirective text='chip2'></ChipDirective>
+ *   </ChipsDirective>
+ * </ChipListComponent>
+ * ```
+ */
+class ChipDirective extends ComplexBase {
+}
+ChipDirective.moduleName = 'chip';
+class ChipsDirective extends ComplexBase {
+}
+ChipsDirective.propertyName = 'chips';
+ChipsDirective.moduleName = 'chips';
+
+/**
+ * Represents the Essential JS 2 React ChipList Component.
+ * ```ts
+ * <ChipListComponent></ChipListComponent>
+ * ```
+ */
+class ChipListComponent extends ChipList {
+    constructor(props) {
+        super(props);
+        this.initRenderCalled = false;
+        this.checkInjectedModules = false;
+        this.directivekeys = { 'chips': 'chip' };
+    }
+    render() {
+        if ((this.element && !this.initRenderCalled) || this.refreshing) {
+            super.render();
+            this.initRenderCalled = true;
+        }
+        else {
+            return createElement('div', this.getDefaultAttributes(), this.props.children);
+        }
+    }
+}
+applyMixins(ChipListComponent, [ComponentBase, PureComponent]);
+
+export { ButtonComponent, CheckBoxComponent, RadioButtonComponent, SwitchComponent, ChipDirective, ChipsDirective, ChipListComponent };
 export * from '@syncfusion/ej2-buttons';
 //# sourceMappingURL=ej2-react-buttons.es2015.js.map

package.json

 {
   "name": "@syncfusion/ej2-react-buttons",
-  "version": "16.3.34",
+  "version": "16.4.40-beta",
   "description": "A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch. for React",
@@ -48,5 +48,5 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~16.3.34",
-    "@syncfusion/ej2-react-base": "~16.3.34",
-    "@syncfusion/ej2-buttons": "16.3.34"
+    "@syncfusion/ej2-base": "~16.4.40-beta",
+    "@syncfusion/ej2-react-base": "~16.4.40-beta",
+    "@syncfusion/ej2-buttons": "16.4.40-beta"
   },
@@ -53,0 +53,0 @@ "devDependencies": {

src/index.d.ts

@@ -5,2 +5,3 @@ export * from './button';
 export * from './switch';
+export * from './chips';
 export * from '@syncfusion/ej2-buttons';

src/index.js

@@ -5,2 +5,3 @@ export * from './button';
 export * from './switch';
+export * from './chips';
 export * from '@syncfusion/ej2-buttons';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2045791

increased by229%

Number of package files

130

increased by66.67%

Lines of code

62544

increased by203.11%

Worsened metrics

Number of low quality alerts

3

increased by50%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@syncfusion/ej2-base@16.4.52(transitive)

• + Added@syncfusion/ej2-buttons@16.4.40-beta(transitive)

• + Added@syncfusion/ej2-react-base@16.4.52(transitive)

• - Removed@syncfusion/ej2-base@16.3.34(transitive)

• - Removed@syncfusion/ej2-buttons@16.3.34(transitive)

• - Removed@syncfusion/ej2-react-base@16.3.34(transitive)

• Updated@syncfusion/ej2-base@~16.4.40-beta

• Updated@syncfusion/ej2-buttons@16.4.40-beta

• Updated@syncfusion/ej2-react-base@~16.4.40-beta