@n3/react-autocomplete - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

dist/n3-react-autocomplete.css

@@ -43,2 +43,7 @@ .n3__autocomplete {
 
+.n3__input_has-warning {
+    border-color: #eea505;
+    background-color: #fdf6e6;
+  }
+
 .n3__input_has-error {
@@ -45,0 +50,0 @@ border-color: #d64c4c;

lib/index.js

@@ -41,2 +41,6 @@ 'use strict';
 
+/* eslint-disable react/require-default-props */
+
+/* eslint-enable react/require-default-props */
+
 var CustomizedAutocomplete = function (_Component) {
@@ -54,3 +58,3 @@ _inherits(CustomizedAutocomplete, _Component);
       var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(event) {
-        var value;
+        var value, onChangeValue;
         return regeneratorRuntime.wrap(function _callee$(_context) {
@@ -72,10 +76,12 @@ while (1) {
                 _this.value = value;
-                _context.next = 6;
-                return _this.props.onChangeValue(value);
 
-              case 6:
-                _context.next = 8;
+                onChangeValue = _this.props.onChangeValue;
+                _context.next = 7;
+                return onChangeValue(value);
+
+              case 7:
+                _context.next = 9;
                 return _this.loadOptions(value);
 
-              case 8:
+              case 9:
               case 'end':
@@ -111,5 +117,8 @@ return _context.stop();
 
+      var menuClassName = _this.props.menuClassName;
+
+
       return _react2.default.createElement(
         'div',
-        { className: _this.props.menuClassName },
+        { className: menuClassName },
         items
@@ -182,3 +191,3 @@ );
       var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(value) {
-        var _ref3, _options;
+        var loadOptions, _ref3, _options;
 
@@ -189,7 +198,8 @@ return regeneratorRuntime.wrap(function _callee2$(_context2) {
               case 0:
-                _context2.prev = 0;
-                _context2.next = 3;
-                return this.props.loadOptions(value);
+                loadOptions = this.props.loadOptions;
+                _context2.prev = 1;
+                _context2.next = 4;
+                return loadOptions(value);
 
-              case 3:
+              case 4:
                 _ref3 = _context2.sent;
@@ -199,3 +209,3 @@ _options = _ref3.options;
                 if (!(value !== this.value)) {
-                  _context2.next = 7;
+                  _context2.next = 8;
                   break;
@@ -206,4 +216,4 @@ }
 
-              case 7:
-                _context2.next = 9;
+              case 8:
+                _context2.next = 10;
                 return this.setState({
@@ -213,11 +223,11 @@ options: _options
 
-              case 9:
-                _context2.next = 13;
+              case 10:
+                _context2.next = 14;
                 break;
 
-              case 11:
-                _context2.prev = 11;
-                _context2.t0 = _context2['catch'](0);
+              case 12:
+                _context2.prev = 12;
+                _context2.t0 = _context2['catch'](1);
 
-              case 13:
+              case 14:
               case 'end':
@@ -227,3 +237,3 @@ return _context2.stop();
           }
-        }, _callee2, this, [[0, 11]]);
+        }, _callee2, this, [[1, 12]]);
       }));
@@ -250,2 +260,3 @@
           hasError = _props.hasError,
+          hasWarning = _props.hasWarning,
           inputProps = _props.inputProps,
@@ -256,7 +267,8 @@ wrapperClassName = _props.wrapperClassName,
           errorInputClassName = _props.errorInputClassName,
+          warningInputClassName = _props.warningInputClassName,
           getItemValue = _props.getItemValue,
           valueRenderer = _props.valueRenderer,
-          props = _objectWithoutProperties(_props, ['className', 'value', 'onSelect', 'disabled', 'hasError', 'inputProps', 'wrapperClassName', 'inputClassName', 'disabledInputClassName', 'errorInputClassName', 'getItemValue', 'valueRenderer']);
+          props = _objectWithoutProperties(_props, ['className', 'value', 'onSelect', 'disabled', 'hasError', 'hasWarning', 'inputProps', 'wrapperClassName', 'inputClassName', 'disabledInputClassName', 'errorInputClassName', 'warningInputClassName', 'getItemValue', 'valueRenderer']);
 
-      var inputFullClassName = (0, _classnames2.default)(className, inputClassName, (_cx2 = {}, _defineProperty(_cx2, disabledInputClassName, disabled), _defineProperty(_cx2, errorInputClassName, hasError), _cx2));
+      var inputFullClassName = (0, _classnames2.default)(className, inputClassName, (_cx2 = {}, _defineProperty(_cx2, disabledInputClassName, disabled), _defineProperty(_cx2, errorInputClassName, hasError), _defineProperty(_cx2, warningInputClassName, hasWarning), _cx2));
 
@@ -290,7 +302,8 @@ return _react2.default.createElement(_reactAutocomplete2.default, _extends({
   value: _propTypes2.default.string.isRequired,
-  onChangeValue: _propTypes2.default.func.isRequired,
-  onSelect: _propTypes2.default.func.isRequired,
+  onChangeValue: _propTypes2.default.func,
+  onSelect: _propTypes2.default.func,
   className: _propTypes2.default.string,
   disabled: _propTypes2.default.bool,
   hasError: _propTypes2.default.bool,
+  hasWarning: _propTypes2.default.bool,
 
@@ -310,2 +323,3 @@ // eslint-disable-next-line react/forbid-prop-types
   errorInputClassName: _propTypes2.default.string,
+  warningInputClassName: _propTypes2.default.string,
   menuClassName: _propTypes2.default.string,
@@ -316,5 +330,8 @@ menuItemClassName: _propTypes2.default.string,
 CustomizedAutocomplete.defaultProps = {
+  onChangeValue: function onChangeValue() {},
+  onSelect: function onSelect() {},
   className: '',
   disabled: false,
   hasError: false,
+  hasWarning: false,
 
@@ -333,2 +350,3 @@ inputProps: {},
   errorInputClassName: 'n3__input_has-error',
+  warningInputClassName: 'n3__input_has-warning',
   menuClassName: 'n3__autocomplete__menu',
@@ -335,0 +353,0 @@ menuItemClassName: 'n3__autocomplete__menu-item',

package.json

 {
   "name": "@n3/react-autocomplete",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Autocomplete component for react applications",
@@ -35,7 +35,7 @@ "main": "lib/index.js",
   "devDependencies": {
-    "@n3/eslint-config": "^0.1.0",
+    "@n3/eslint-config": "^0.3.0",
     "autoprefixer": "^8.1.0",
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
-    "babel-jest": "^23.0.0-alpha.0",
+    "babel-jest": "^23.6.0",
     "babel-preset-env": "^1.6.1",
@@ -49,3 +49,3 @@ "babel-preset-flow": "^6.23.0",
     "flow-bin": "^0.68.0",
-    "jest-cli": "^23.0.0-alpha.0",
+    "jest-cli": "^23.6.0",
     "postcss-cli": "^5.0.0",
@@ -52,0 +52,0 @@ "precss": "^3.1.2",

README.md

@@ -44,2 +44,3 @@ # @n3/react-autocomplete
 - `hasError` - булево, есть ли у поля ошибка.
+- `hasWarning` - булево, есть ли у поля предупреждение.
 - `inputProps` - дополнительные `props`, которые будут переданы инпуту.
@@ -59,3 +60,3 @@
 - `menuItemHighlightedClassName` - строка, css-класс подсвеченной опции меню, по-умолчанию `"n3__autocomplete__menu-item__highlighted"`.
- 
+
 ## Стили
@@ -62,0 +63,0 @@

No alert changes

Improved metrics

Total package byte prevSize

19321

4.59%

Lines of code

308

6.21%

Number of lines in readme file

69

1.47%

No dependency changes