@s-ui/react-atom-input - npm Package Compare versions

Comparing version 1.16.0 to 2.0.0

CHANGELOG.md

@@ -5,2 +5,18 @@ # Change Log
 
+<a name="2.0.0"></a>
+# 2.0.0 (2018-11-22)
+
+
+### Features
+
+* change of parameters distribution in event handlers ([622e36d](https://github.com/SUI-Components/sui-components/commit/622e36d))
+* read only prop ([ec6cfdd](https://github.com/SUI-Components/sui-components/commit/ec6cfdd))
+
+
+### BREAKING CHANGES
+
+* change of parameters distribution in event handlers (onChange and so)
+
+
+
 <a name="1.16.0"></a>
@@ -7,0 +23,0 @@ # 1.16.0 (2018-11-06)

lib/Input/Component/index.js

@@ -76,3 +76,3 @@ 'use strict';
 
-      onChange && onChange({ value: value, ev: ev });
+      onChange && onChange(ev, { value: value });
     }, _this.handleKeyDown = function (ev) {
@@ -82,5 +82,6 @@ var _this$props = _this.props,
           onEnterKey = _this$props.onEnterKey;
+      var value = ev.target.value;
       var key = ev.key;
 
-      if (key === onEnterKey && onEnter) onEnter(ev);
+      if (key === onEnterKey && onEnter) onEnter(ev, { value: value });
     }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
@@ -103,5 +104,6 @@ }
           noBorder = _ref2.noBorder,
+          readOnly = _ref2.readOnly,
           errorState = _ref2.errorState;
 
-      return (0, _classnames2.default)(BASE_CLASS, BASE_CLASS + '-' + size, charsSize && BASE_CLASS + '--size', hideInput && BASE_CLASS + '--hidden', noBorder && BASE_CLASS + '--noBorder', this.getErrorStateClass(errorState));
+      return (0, _classnames2.default)(BASE_CLASS, BASE_CLASS + '-' + size, charsSize && BASE_CLASS + '--size', hideInput && BASE_CLASS + '--hidden', noBorder && BASE_CLASS + '--noBorder', readOnly && BASE_CLASS + '--readOnly', this.getErrorStateClass(errorState));
     }
@@ -114,2 +116,3 @@ }, {
           disabled = _props.disabled,
+          readOnly = _props.readOnly,
           hideInput = _props.hideInput,
@@ -136,6 +139,7 @@ noBorder = _props.noBorder,
           noBorder: noBorder,
+          readOnly: readOnly,
           errorState: errorState
         }),
         checked: checked,
-        disabled: disabled,
+        disabled: disabled || readOnly,
         id: id,
@@ -161,2 +165,4 @@ name: name,
   disabled: _propTypes2.default.bool,
+  /* This Boolean attribute prevents the user from interacting with the input but without disabled styles */
+  readOnly: _propTypes2.default.bool,
   /* Mark the input as selected */
@@ -163,0 +169,0 @@ checked: _propTypes2.default.bool,

lib/Mask/index.js

@@ -63,8 +63,7 @@ 'use strict';
 
-    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = MaskInput.__proto__ || (0, _getPrototypeOf2.default)(MaskInput)).call.apply(_ref, [this].concat(args))), _this), _this.onChange = function (_ref2) {
-      var ev = _ref2.ev,
-          value = _ref2.value;
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = MaskInput.__proto__ || (0, _getPrototypeOf2.default)(MaskInput)).call.apply(_ref, [this].concat(args))), _this), _this.onChange = function (ev, _ref2) {
+      var value = _ref2.value;
       var onChange = _this.props.onChange;
 
-      onChange && onChange({ value: ev.target.value, target: ev.target });
+      onChange && onChange(ev, { value: value });
     }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
@@ -71,0 +70,0 @@ }

lib/Password/index.js

@@ -77,5 +77,4 @@ 'use strict';
       _this.setState({ type: inputType });
-    }, _this.onChange = function (_ref2) {
-      var ev = _ref2.ev,
-          value = _ref2.value;
+    }, _this.onChange = function (ev, _ref2) {
+      var value = _ref2.value;
 
@@ -85,3 +84,3 @@ _this.setState({ value: value }, function () {
 
-        onChange && onChange({ value: value, ev: ev });
+        onChange && onChange(ev, { value: value });
       });
@@ -88,0 +87,0 @@ }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);

package.json

 {
   "name": "@s-ui/react-atom-input",
-  "version": "1.16.0",
+  "version": "2.0.0",
   "description": "",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

No alert changes

Improved metrics

Total package byte prevSize

41266

increased by1.92%

Lines of code

612

increased by0.66%

Worsened metrics

Number of package files

17

decreased by-5.56%

No dependency changes