react-form
Advanced tools
react-form - npm Package Compare versions
Comparing version 1.1.0 to 1.1.1
@@ -21,2 +21,4 @@ 'use strict'; | ||
| var noop = function noop() {}; | ||
| exports.default = _react2.default.createClass({ | ||
@@ -32,4 +34,5 @@ displayName: 'radio', | ||
| onClick = _props.onClick, | ||
| onChange = _props.onChange, | ||
| onBlur = _props.onBlur, | ||
| rest = _objectWithoutProperties(_props, ['value', 'onClick', 'onBlur']); | ||
| rest = _objectWithoutProperties(_props, ['value', 'onClick', 'onChange', 'onBlur']); | ||
@@ -45,2 +48,3 @@ var _context$formRadioGro = this.context.formRadioGroup, | ||
| checked: getValue(false) === value, | ||
| onChange: (0, _util.buildHandler)(onChange, noop), | ||
| onClick: (0, _util.buildHandler)(onClick, function (e) { | ||
@@ -55,2 +59,2 @@ return setValue(value, noTouch); | ||
| }); | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3JtSW5wdXRzL3JhZGlvLmpzIl0sIm5hbWVzIjpbImNyZWF0ZUNsYXNzIiwiY29udGV4dFR5cGVzIiwiZm9ybVJhZGlvR3JvdXAiLCJQcm9wVHlwZXMiLCJvYmplY3QiLCJyZW5kZXIiLCJwcm9wcyIsInZhbHVlIiwib25DbGljayIsIm9uQmx1ciIsInJlc3QiLCJjb250ZXh0Iiwic2V0VmFsdWUiLCJnZXRWYWx1ZSIsInNldFRvdWNoZWQiLCJub1RvdWNoIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUFBOzs7O0FBRUE7Ozs7O0FBREE7OztrQkFHZSxnQkFBTUEsV0FBTixDQUFrQjtBQUFBOztBQUMvQkMsZ0JBQWM7QUFDWkMsb0JBQWdCLGdCQUFNQyxTQUFOLENBQWdCQztBQURwQixHQURpQjtBQUkvQkMsUUFKK0Isb0JBSXJCO0FBQUEsaUJBQ29DLEtBQUtDLEtBRHpDO0FBQUEsUUFDQUMsS0FEQSxVQUNBQSxLQURBO0FBQUEsUUFDT0MsT0FEUCxVQUNPQSxPQURQO0FBQUEsUUFDZ0JDLE1BRGhCLFVBQ2dCQSxNQURoQjtBQUFBLFFBQzJCQyxJQUQzQjs7QUFBQSxnQ0FFcUQsS0FBS0MsT0FBTCxDQUFhVCxjQUZsRTtBQUFBLFFBRURVLFFBRkMseUJBRURBLFFBRkM7QUFBQSxRQUVTQyxRQUZULHlCQUVTQSxRQUZUO0FBQUEsUUFFbUJDLFVBRm5CLHlCQUVtQkEsVUFGbkI7QUFBQSxRQUV3Q0MsT0FGeEMseUJBRStCVCxLQUYvQixDQUV3Q1MsT0FGeEM7O0FBR1IsV0FDRSxvREFDTUwsSUFETjtBQUVFLFlBQUssT0FGUDtBQUdFLGVBQVNHLFNBQVMsS0FBVCxNQUFvQk4sS0FIL0I7QUFJRSxlQUFTLHdCQUFhQyxPQUFiLEVBQXNCO0FBQUEsZUFBS0ksU0FBU0wsS0FBVCxFQUFnQlEsT0FBaEIsQ0FBTDtBQUFBLE9BQXRCLENBSlg7QUFLRSxjQUFRLHdCQUFhTixNQUFiLEVBQXFCO0FBQUEsZUFBTUssWUFBTjtBQUFBLE9BQXJCO0FBTFYsT0FERjtBQVNEO0FBaEI4QixDQUFsQixDIiwiZmlsZSI6InJhZGlvLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuLy9cbmltcG9ydCB7IGJ1aWxkSGFuZGxlciB9IGZyb20gJy4vdXRpbCdcblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QuY3JlYXRlQ2xhc3Moe1xuICBjb250ZXh0VHlwZXM6IHtcbiAgICBmb3JtUmFkaW9Hcm91cDogUmVhY3QuUHJvcFR5cGVzLm9iamVjdFxuICB9LFxuICByZW5kZXIgKCkge1xuICAgIGNvbnN0IHsgdmFsdWUsIG9uQ2xpY2ssIG9uQmx1ciwgLi4ucmVzdCB9ID0gdGhpcy5wcm9wc1xuICAgIGNvbnN0IHtzZXRWYWx1ZSwgZ2V0VmFsdWUsIHNldFRvdWNoZWQsIHByb3BzOiB7IG5vVG91Y2ggfX0gPSB0aGlzLmNvbnRleHQuZm9ybVJhZGlvR3JvdXBcbiAgICByZXR1cm4gKFxuICAgICAgPGlucHV0XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICB0eXBlPSdyYWRpbydcbiAgICAgICAgY2hlY2tlZD17Z2V0VmFsdWUoZmFsc2UpID09PSB2YWx1ZX1cbiAgICAgICAgb25DbGljaz17YnVpbGRIYW5kbGVyKG9uQ2xpY2ssIGUgPT4gc2V0VmFsdWUodmFsdWUsIG5vVG91Y2gpKX1cbiAgICAgICAgb25CbHVyPXtidWlsZEhhbmRsZXIob25CbHVyLCAoKSA9PiBzZXRUb3VjaGVkKCkpfVxuICAgICAgLz5cbiAgICApXG4gIH1cbn0pXG4iXX0= | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3JtSW5wdXRzL3JhZGlvLmpzIl0sIm5hbWVzIjpbIm5vb3AiLCJjcmVhdGVDbGFzcyIsImNvbnRleHRUeXBlcyIsImZvcm1SYWRpb0dyb3VwIiwiUHJvcFR5cGVzIiwib2JqZWN0IiwicmVuZGVyIiwicHJvcHMiLCJ2YWx1ZSIsIm9uQ2xpY2siLCJvbkNoYW5nZSIsIm9uQmx1ciIsInJlc3QiLCJjb250ZXh0Iiwic2V0VmFsdWUiLCJnZXRWYWx1ZSIsInNldFRvdWNoZWQiLCJub1RvdWNoIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUFBOzs7O0FBRUE7Ozs7O0FBREE7OztBQUVBLElBQU1BLE9BQU8sU0FBUEEsSUFBTyxHQUFNLENBQUUsQ0FBckI7O2tCQUVlLGdCQUFNQyxXQUFOLENBQWtCO0FBQUE7O0FBQy9CQyxnQkFBYztBQUNaQyxvQkFBZ0IsZ0JBQU1DLFNBQU4sQ0FBZ0JDO0FBRHBCLEdBRGlCO0FBSS9CQyxRQUorQixvQkFJckI7QUFBQSxpQkFDOEMsS0FBS0MsS0FEbkQ7QUFBQSxRQUNBQyxLQURBLFVBQ0FBLEtBREE7QUFBQSxRQUNPQyxPQURQLFVBQ09BLE9BRFA7QUFBQSxRQUNnQkMsUUFEaEIsVUFDZ0JBLFFBRGhCO0FBQUEsUUFDMEJDLE1BRDFCLFVBQzBCQSxNQUQxQjtBQUFBLFFBQ3FDQyxJQURyQzs7QUFBQSxnQ0FFcUQsS0FBS0MsT0FBTCxDQUFhVixjQUZsRTtBQUFBLFFBRURXLFFBRkMseUJBRURBLFFBRkM7QUFBQSxRQUVTQyxRQUZULHlCQUVTQSxRQUZUO0FBQUEsUUFFbUJDLFVBRm5CLHlCQUVtQkEsVUFGbkI7QUFBQSxRQUV3Q0MsT0FGeEMseUJBRStCVixLQUYvQixDQUV3Q1UsT0FGeEM7O0FBR1IsV0FDRSxvREFDTUwsSUFETjtBQUVFLFlBQUssT0FGUDtBQUdFLGVBQVNHLFNBQVMsS0FBVCxNQUFvQlAsS0FIL0I7QUFJRSxnQkFBVSx3QkFBYUUsUUFBYixFQUF1QlYsSUFBdkIsQ0FKWjtBQUtFLGVBQVMsd0JBQWFTLE9BQWIsRUFBc0I7QUFBQSxlQUFLSyxTQUFTTixLQUFULEVBQWdCUyxPQUFoQixDQUFMO0FBQUEsT0FBdEIsQ0FMWDtBQU1FLGNBQVEsd0JBQWFOLE1BQWIsRUFBcUI7QUFBQSxlQUFNSyxZQUFOO0FBQUEsT0FBckI7QUFOVixPQURGO0FBVUQ7QUFqQjhCLENBQWxCLEMiLCJmaWxlIjoicmFkaW8uanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG4vL1xuaW1wb3J0IHsgYnVpbGRIYW5kbGVyIH0gZnJvbSAnLi91dGlsJ1xuY29uc3Qgbm9vcCA9ICgpID0+IHt9XG5cbmV4cG9ydCBkZWZhdWx0IFJlYWN0LmNyZWF0ZUNsYXNzKHtcbiAgY29udGV4dFR5cGVzOiB7XG4gICAgZm9ybVJhZGlvR3JvdXA6IFJlYWN0LlByb3BUeXBlcy5vYmplY3RcbiAgfSxcbiAgcmVuZGVyICgpIHtcbiAgICBjb25zdCB7IHZhbHVlLCBvbkNsaWNrLCBvbkNoYW5nZSwgb25CbHVyLCAuLi5yZXN0IH0gPSB0aGlzLnByb3BzXG4gICAgY29uc3Qge3NldFZhbHVlLCBnZXRWYWx1ZSwgc2V0VG91Y2hlZCwgcHJvcHM6IHsgbm9Ub3VjaCB9fSA9IHRoaXMuY29udGV4dC5mb3JtUmFkaW9Hcm91cFxuICAgIHJldHVybiAoXG4gICAgICA8aW5wdXRcbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIHR5cGU9J3JhZGlvJ1xuICAgICAgICBjaGVja2VkPXtnZXRWYWx1ZShmYWxzZSkgPT09IHZhbHVlfVxuICAgICAgICBvbkNoYW5nZT17YnVpbGRIYW5kbGVyKG9uQ2hhbmdlLCBub29wKX1cbiAgICAgICAgb25DbGljaz17YnVpbGRIYW5kbGVyKG9uQ2xpY2ssIGUgPT4gc2V0VmFsdWUodmFsdWUsIG5vVG91Y2gpKX1cbiAgICAgICAgb25CbHVyPXtidWlsZEhhbmRsZXIob25CbHVyLCAoKSA9PiBzZXRUb3VjaGVkKCkpfVxuICAgICAgLz5cbiAgICApXG4gIH1cbn0pXG4iXX0= |
| { | ||
| "name": "react-form", | ||
| "version": "1.1.0", | ||
| "version": "1.1.1", | ||
| "description": "React Form is a lightweight framework and utility for building powerful forms in React applications.", | ||
@@ -36,8 +36,3 @@ "license": "MIT", | ||
| "dependencies": { | ||
| "classnames": "^2.2.5", | ||
| "github-markdown-css": "^2.4.1", | ||
| "html-loader": "^0.4.4", | ||
| "markdown-loader": "^0.1.7", | ||
| "react": "^15.4.1", | ||
| "react-dom": "^15.4.1" | ||
| "classnames": "^2.2.5" | ||
| }, | ||
@@ -57,5 +52,10 @@ "peerDependencies": { | ||
| "browserify": "^13.1.0", | ||
| "github-markdown-css": "^2.4.1", | ||
| "html-loader": "^0.4.4", | ||
| "markdown-loader": "^0.1.7", | ||
| "nib": "^1.1.2", | ||
| "npm-run-all": "^3.1.1", | ||
| "onchange": "^3.0.2", | ||
| "react": "^15.4.1", | ||
| "react-dom": "^15.4.1", | ||
| "standard": "^8.0.0", | ||
@@ -62,0 +62,0 @@ "stylus": "^0.54.5", |
@@ -20,3 +20,3 @@ (function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.reactForm = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){ | ||
| },{"../formInput":4,"react":"react"}],7:[function(require,module,exports){ | ||
| "use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _objectWithoutProperties(e,t){var r={};for(var o in e)t.indexOf(o)>=0||Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r}Object.defineProperty(exports,"__esModule",{value:!0});var _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_react=require("react"),_react2=_interopRequireDefault(_react),_util=require("./util");exports.default=_react2.default.createClass({displayName:"radio",contextTypes:{formRadioGroup:_react2.default.PropTypes.object},render:function(){var e=this.props,t=e.value,r=e.onClick,o=e.onBlur,u=_objectWithoutProperties(e,["value","onClick","onBlur"]),n=this.context.formRadioGroup,a=n.setValue,i=n.getValue,l=n.setTouched,c=n.props.noTouch;return _react2.default.createElement("input",_extends({},u,{type:"radio",checked:i(!1)===t,onClick:(0,_util.buildHandler)(r,function(e){return a(t,c)}),onBlur:(0,_util.buildHandler)(o,function(){return l()})}))}}); | ||
| "use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _objectWithoutProperties(e,t){var r={};for(var o in e)t.indexOf(o)>=0||Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r}Object.defineProperty(exports,"__esModule",{value:!0});var _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_react=require("react"),_react2=_interopRequireDefault(_react),_util=require("./util"),noop=function(){};exports.default=_react2.default.createClass({displayName:"radio",contextTypes:{formRadioGroup:_react2.default.PropTypes.object},render:function(){var e=this.props,t=e.value,r=e.onClick,o=e.onChange,n=e.onBlur,u=_objectWithoutProperties(e,["value","onClick","onChange","onBlur"]),a=this.context.formRadioGroup,i=a.setValue,l=a.getValue,c=a.setTouched,p=a.props.noTouch;return _react2.default.createElement("input",_extends({},u,{type:"radio",checked:l(!1)===t,onChange:(0,_util.buildHandler)(o,noop),onClick:(0,_util.buildHandler)(r,function(e){return i(t,p)}),onBlur:(0,_util.buildHandler)(n,function(){return c()})}))}}); | ||
@@ -23,0 +23,0 @@ },{"./util":12,"react":"react"}],8:[function(require,module,exports){ |
@@ -914,2 +914,3 @@ <div align="center"> | ||
| - Pass `noTouch` to avoid validation while the value is changing | ||
| - You may pass onBlur and onChange functions to augment their behaviour. Your function will be called with the event and the original function which you may choose to call. Radio does not have an onChange handler but you may augment the onClick handler in the same fashion. | ||
@@ -924,2 +925,6 @@ **Example** | ||
| <Text | ||
| onChange{(e, onChange) => { | ||
| console.log('it changed') | ||
| onChange() | ||
| }} | ||
| field='name' | ||
@@ -926,0 +931,0 @@ placeholder='Full name' |
Improved metrics
- Total package byte prevSize
- increased by0.44%
202043
- Dependency count
- decreased by-71.43%
2
- Lines of code
- increased by0.3%
994
- Number of lines in readme file
- increased by0.5%
1006
Worsened metrics
- Dev dependency count
- increased by33.33%
20
Dependency changes
- Removedgithub-markdown-css@^2.4.1
- Removedhtml-loader@^0.4.4
- Removedmarkdown-loader@^0.1.7
- Removedreact@^15.4.1
- Removedreact-dom@^15.4.1
- Removedast-types@0.9.6(transitive)
- Removedbig.js@3.2.05.2.2(transitive)
- Removedcamel-case@3.0.0(transitive)
- Removedclean-css@4.2.4(transitive)
- Removedcommander@2.17.12.19.0(transitive)
- Removedemojis-list@2.1.03.0.0(transitive)
- Removedes6-templates@0.2.3(transitive)
- Removedesprima@3.1.3(transitive)
- Removedfastparse@1.1.2(transitive)
- Removedgithub-markdown-css@2.10.0(transitive)
- Removedhe@1.2.0(transitive)
- Removedhtml-loader@0.4.5(transitive)
- Removedhtml-minifier@3.5.21(transitive)
- Removedjson5@0.5.11.0.2(transitive)
- Removedloader-utils@0.2.171.4.2(transitive)
- Removedlower-case@1.1.4(transitive)
- Removedmarkdown-loader@0.1.7(transitive)
- Removedmarked@0.3.19(transitive)
- Removedminimist@1.2.8(transitive)
- Removedno-case@2.3.2(transitive)
- Removedobject-assign@2.1.1(transitive)
- Removedparam-case@2.1.1(transitive)
- Removedprivate@0.1.8(transitive)
- Removedreact-dom@15.7.0(transitive)
- Removedrecast@0.11.23(transitive)
- Removedrelateurl@0.2.7(transitive)
- Removedsource-map@0.5.70.6.1(transitive)
- Removedthrough@2.3.8(transitive)
- Removeduglify-js@3.4.10(transitive)
- Removedupper-case@1.1.3(transitive)