react-radio-group
Advanced tools
Comparing version 3.0.0 to 3.0.1
166
lib/index.js
@@ -1,109 +0,97 @@ | ||
(function (global, factory) { | ||
if (typeof define === 'function' && define.amd) { | ||
define('RadioGroup', ['exports', 'react'], factory); | ||
} else if (typeof exports !== 'undefined') { | ||
factory(exports, require('react')); | ||
} else { | ||
var mod = { | ||
exports: {} | ||
}; | ||
factory(mod.exports, global.React); | ||
global.RadioGroup = mod.exports; | ||
} | ||
})(this, function (exports, _react) { | ||
'use strict'; | ||
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } | ||
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } | ||
var _React = _interopRequireDefault(_react); | ||
var _react = require('react'); | ||
var Radio = _React['default'].createClass({ | ||
displayName: 'Radio', | ||
var _react2 = _interopRequireDefault(_react); | ||
contextTypes: { | ||
radioGroup: _React['default'].PropTypes.object | ||
}, | ||
var Radio = _react2['default'].createClass({ | ||
displayName: 'Radio', | ||
render: function render() { | ||
var _context$radioGroup = this.context.radioGroup; | ||
var name = _context$radioGroup.name; | ||
var selectedValue = _context$radioGroup.selectedValue; | ||
var onChange = _context$radioGroup.onChange; | ||
contextTypes: { | ||
radioGroup: _react2['default'].PropTypes.object | ||
}, | ||
var optional = {}; | ||
if (selectedValue !== undefined) { | ||
optional.checked = this.props.value === selectedValue; | ||
} | ||
if (typeof onChange === 'function') { | ||
optional.onChange = onChange.bind(null, this.props.value); | ||
} | ||
render: function render() { | ||
var _context$radioGroup = this.context.radioGroup; | ||
var name = _context$radioGroup.name; | ||
var selectedValue = _context$radioGroup.selectedValue; | ||
var onChange = _context$radioGroup.onChange; | ||
return _React['default'].createElement('input', _extends({}, this.props, { | ||
type: 'radio', | ||
name: name | ||
}, optional)); | ||
var optional = {}; | ||
if (selectedValue !== undefined) { | ||
optional.checked = this.props.value === selectedValue; | ||
} | ||
}); | ||
if (typeof onChange === 'function') { | ||
optional.onChange = onChange.bind(null, this.props.value); | ||
} | ||
exports.Radio = Radio; | ||
var RadioGroup = _React['default'].createClass({ | ||
displayName: 'RadioGroup', | ||
return _react2['default'].createElement('input', _extends({}, this.props, { | ||
type: 'radio', | ||
name: name | ||
}, optional)); | ||
} | ||
}); | ||
propTypes: { | ||
name: _react.PropTypes.string, | ||
selectedValue: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.number, _react.PropTypes.bool]), | ||
onChange: _react.PropTypes.func, | ||
children: _react.PropTypes.node.isRequired, | ||
Component: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.func, _react.PropTypes.object]) | ||
}, | ||
exports.Radio = Radio; | ||
var RadioGroup = _react2['default'].createClass({ | ||
displayName: 'RadioGroup', | ||
getDefaultProps: function getDefaultProps() { | ||
return { | ||
Component: "div" | ||
}; | ||
}, | ||
propTypes: { | ||
name: _react.PropTypes.string, | ||
selectedValue: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.number, _react.PropTypes.bool]), | ||
onChange: _react.PropTypes.func, | ||
children: _react.PropTypes.node.isRequired, | ||
Component: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.func, _react.PropTypes.object]) | ||
}, | ||
childContextTypes: { | ||
radioGroup: _React['default'].PropTypes.object | ||
}, | ||
getDefaultProps: function getDefaultProps() { | ||
return { | ||
Component: "div" | ||
}; | ||
}, | ||
getChildContext: function getChildContext() { | ||
var _props = this.props; | ||
var name = _props.name; | ||
var selectedValue = _props.selectedValue; | ||
var onChange = _props.onChange; | ||
childContextTypes: { | ||
radioGroup: _react2['default'].PropTypes.object | ||
}, | ||
return { | ||
radioGroup: { | ||
name: name, selectedValue: selectedValue, onChange: onChange | ||
} | ||
}; | ||
}, | ||
getChildContext: function getChildContext() { | ||
var _props = this.props; | ||
var name = _props.name; | ||
var selectedValue = _props.selectedValue; | ||
var onChange = _props.onChange; | ||
render: function render() { | ||
var _props2 = this.props; | ||
var Component = _props2.Component; | ||
var name = _props2.name; | ||
var selectedValue = _props2.selectedValue; | ||
var onChange = _props2.onChange; | ||
var children = _props2.children; | ||
return { | ||
radioGroup: { | ||
name: name, selectedValue: selectedValue, onChange: onChange | ||
} | ||
}; | ||
}, | ||
var rest = _objectWithoutProperties(_props2, ['Component', 'name', 'selectedValue', 'onChange', 'children']); | ||
render: function render() { | ||
var _props2 = this.props; | ||
var Component = _props2.Component; | ||
var name = _props2.name; | ||
var selectedValue = _props2.selectedValue; | ||
var onChange = _props2.onChange; | ||
var children = _props2.children; | ||
return _React['default'].createElement( | ||
Component, | ||
rest, | ||
children | ||
); | ||
} | ||
}); | ||
exports.RadioGroup = RadioGroup; | ||
}); | ||
var rest = _objectWithoutProperties(_props2, ['Component', 'name', 'selectedValue', 'onChange', 'children']); | ||
return _react2['default'].createElement( | ||
Component, | ||
rest, | ||
children | ||
); | ||
} | ||
}); | ||
exports.RadioGroup = RadioGroup; |
{ | ||
"name": "react-radio-group", | ||
"version": "3.0.0", | ||
"version": "3.0.1", | ||
"description": "Better radio buttons.", | ||
"main": "index.js", | ||
"main": "lib/index.js", | ||
"scripts": { | ||
"example": "webpack -w -d", | ||
"build": "babel index.jsx --out-dir=lib --modules umd --module-id RadioGroup", | ||
"prerelease": "npm run build" | ||
"example": "webpack -w -d --config example/webpack.config.js example/example.jsx example/all.js", | ||
"build-umd": "webpack index.jsx umd/index.js", | ||
"build-cjs": "babel index.jsx -d lib", | ||
"prerelease": "npm run build-umd && npm run build-cjs" | ||
}, | ||
@@ -11,0 +12,0 @@ "repository": { |
@@ -7,3 +7,3 @@ # [React](http://facebook.github.io/react/)-radio-group | ||
Then either `require('react-radio-group')` or add `node_modules/react-radio-group/lib/index.js` into your HTML file (exports the `RadioGroup` and `Radio` global). | ||
Then either `import {RadioGroup, Radio} from 'react-radio-group'` or add `node_modules/react-radio-group/umd/index.js` into your HTML file (exports the `RadioGroup` global which contains both, the RadioGroup and Radio component.). | ||
@@ -10,0 +10,0 @@ ## What This Solves |
module.exports = { | ||
entry: { | ||
example: './example/example.jsx', | ||
}, | ||
output: { | ||
path: './example', | ||
filename: 'all.js', | ||
library: 'RadioGroup', | ||
libraryTarget: 'umd' | ||
}, | ||
externals: [ | ||
{ | ||
react: { | ||
root: 'React', | ||
commonjs2: 'react', | ||
commonjs: 'react', | ||
amd: 'react' | ||
} | ||
} | ||
], | ||
module: { | ||
@@ -10,0 +17,0 @@ loaders: [ |
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
14054
228
0