Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch '15.5-dev' of https://github.com/facebook/react into 15.…
…5-dev
- Loading branch information
Showing
9 changed files
with
923 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
{ | ||
"plugins": ["transform-react-jsx-source"] | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,31 @@ | ||
BSD License | ||
|
||
For React software | ||
|
||
Copyright (c) 2013-present, Facebook, Inc. | ||
All rights reserved. | ||
|
||
Redistribution and use in source and binary forms, with or without modification, | ||
are permitted provided that the following conditions are met: | ||
|
||
* Redistributions of source code must retain the above copyright notice, this | ||
list of conditions and the following disclaimer. | ||
|
||
* Redistributions in binary form must reproduce the above copyright notice, | ||
this list of conditions and the following disclaimer in the documentation | ||
and/or other materials provided with the distribution. | ||
|
||
* Neither the name Facebook nor the names of its contributors may be used to | ||
endorse or promote products derived from this software without specific | ||
prior written permission. | ||
|
||
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND | ||
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED | ||
WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE | ||
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR | ||
ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES | ||
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; | ||
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON | ||
ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | ||
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS | ||
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,33 @@ | ||
Additional Grant of Patent Rights Version 2 | ||
|
||
"Software" means the React software distributed by Facebook, Inc. | ||
|
||
Facebook, Inc. ("Facebook") hereby grants to each recipient of the Software | ||
("you") a perpetual, worldwide, royalty-free, non-exclusive, irrevocable | ||
(subject to the termination provision below) license under any Necessary | ||
Claims, to make, have made, use, sell, offer to sell, import, and otherwise | ||
transfer the Software. For avoidance of doubt, no license is granted under | ||
Facebook's rights in any patent claims that are infringed by (i) modifications | ||
to the Software made by you or any third party or (ii) the Software in | ||
combination with any software or other technology. | ||
|
||
The license granted hereunder will terminate, automatically and without notice, | ||
if you (or any of your subsidiaries, corporate affiliates or agents) initiate | ||
directly or indirectly, or take a direct financial interest in, any Patent | ||
Assertion: (i) against Facebook or any of its subsidiaries or corporate | ||
affiliates, (ii) against any party if such Patent Assertion arises in whole or | ||
in part from any software, technology, product or service of Facebook or any of | ||
its subsidiaries or corporate affiliates, or (iii) against any party relating | ||
to the Software. Notwithstanding the foregoing, if Facebook or any of its | ||
subsidiaries or corporate affiliates files a lawsuit alleging patent | ||
infringement against you in the first instance, and you respond by filing a | ||
patent infringement counterclaim in that lawsuit against that party that is | ||
unrelated to the Software, the license granted hereunder will not terminate | ||
under section (i) of this paragraph due to such counterclaim. | ||
|
||
A "Necessary Claim" is a claim of a patent owned by Facebook that is | ||
necessarily infringed by the Software standing alone. | ||
|
||
A "Patent Assertion" is any lawsuit or other action alleging direct, indirect, | ||
or contributory infringement or inducement to infringe any patent, including a | ||
cross-claim or counterclaim. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
This component supports the ReactLink API (valueLink, etc) for input components. Support for ReactLink on DOM elements will be removed from React. This component may be used as a migration plan (so your code doesn't break in the next version of React) or may be used if you just like the ReactLink data binding semantics. However, this component is not maintained, so use at your own risk. | ||
|
||
|
||
``` | ||
var React = require('react'); | ||
var ReactDOM = require('react-dom'); | ||
var LinkedInput = require('react-linked-input'); | ||
var link = {value: 'boo', requestChange: function() {}}; | ||
React.render(<LinkedInput valueLink={link} />, container); | ||
``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,270 @@ | ||
/** | ||
* Copyright 2013-present, Facebook, Inc. | ||
* All rights reserved. | ||
* | ||
* This source code is licensed under the BSD-style license found in the | ||
* LICENSE file in the root directory of this source tree. An additional grant | ||
* of patent rights can be found in the PATENTS file in the same directory. | ||
*/ | ||
|
||
'use strict'; | ||
|
||
var React = require('React'); | ||
|
||
const ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED'; | ||
|
||
function makeEmptyFunction(arg) { | ||
return function () { | ||
return arg; | ||
}; | ||
} | ||
var emptyFunction = function emptyFunction() {}; | ||
emptyFunction.thatReturns = makeEmptyFunction; | ||
emptyFunction.thatReturnsFalse = makeEmptyFunction(false); | ||
emptyFunction.thatReturnsTrue = makeEmptyFunction(true); | ||
emptyFunction.thatReturnsNull = makeEmptyFunction(null); | ||
emptyFunction.thatReturnsThis = function () { | ||
return this; | ||
}; | ||
emptyFunction.thatReturnsArgument = function (arg) { | ||
return arg; | ||
}; | ||
|
||
var validateFormat = function validateFormat(format) {}; | ||
|
||
if (process.env.NODE_ENV !== 'production') { | ||
validateFormat = function validateFormat(format) { | ||
if (format === undefined) { | ||
throw new Error('invariant requires an error message argument'); | ||
} | ||
}; | ||
} | ||
|
||
function invariant(condition, format, a, b, c, d, e, f) { | ||
validateFormat(format); | ||
|
||
if (!condition) { | ||
var error; | ||
if (format === undefined) { | ||
error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.'); | ||
} else { | ||
var args = [a, b, c, d, e, f]; | ||
var argIndex = 0; | ||
error = new Error(format.replace(/%s/g, function () { | ||
return args[argIndex++]; | ||
})); | ||
error.name = 'Invariant Violation'; | ||
} | ||
|
||
error.framesToPop = 1; // we don't care about invariant's own frame | ||
throw error; | ||
} | ||
} | ||
|
||
var warning = emptyFunction; | ||
|
||
if (process.env.NODE_ENV !== 'production') { | ||
(function () { | ||
var printWarning = function printWarning(format) { | ||
for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { | ||
args[_key - 1] = arguments[_key]; | ||
} | ||
|
||
var argIndex = 0; | ||
var message = 'Warning: ' + format.replace(/%s/g, function () { | ||
return args[argIndex++]; | ||
}); | ||
if (typeof console !== 'undefined') { | ||
console.error(message); | ||
} | ||
try { | ||
// --- Welcome to debugging React --- | ||
// This error was thrown as a convenience so that you can use this stack | ||
// to find the callsite that caused this warning to fire. | ||
throw new Error(message); | ||
} catch (x) {} | ||
}; | ||
|
||
warning = function warning(condition, format) { | ||
if (format === undefined) { | ||
throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument'); | ||
} | ||
|
||
if (format.indexOf('Failed Composite propType: ') === 0) { | ||
return; // Ignore CompositeComponent proptype check. | ||
} | ||
|
||
if (!condition) { | ||
for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) { | ||
args[_key2 - 2] = arguments[_key2]; | ||
} | ||
|
||
printWarning.apply(undefined, [format].concat(args)); | ||
} | ||
}; | ||
})(); | ||
} | ||
|
||
var hasReadOnlyValue = { | ||
'button': true, | ||
'checkbox': true, | ||
'image': true, | ||
'hidden': true, | ||
'radio': true, | ||
'reset': true, | ||
'submit': true, | ||
}; | ||
|
||
function _assertSingleLink(inputProps) { | ||
invariant( | ||
inputProps.checkedLink == null || inputProps.valueLink == null, | ||
'Cannot provide a checkedLink and a valueLink. If you want to use ' + | ||
'checkedLink, you probably don\'t want to use valueLink and vice versa.' | ||
); | ||
} | ||
function _assertValueLink(inputProps) { | ||
_assertSingleLink(inputProps); | ||
invariant( | ||
inputProps.value == null && inputProps.onChange == null, | ||
'Cannot provide a valueLink and a value or onChange event. If you want ' + | ||
'to use value or onChange, you probably don\'t want to use valueLink.' | ||
); | ||
} | ||
|
||
function _assertCheckedLink(inputProps) { | ||
_assertSingleLink(inputProps); | ||
invariant( | ||
inputProps.checked == null && inputProps.onChange == null, | ||
'Cannot provide a checkedLink and a checked property or onChange event. ' + | ||
'If you want to use checked or onChange, you probably don\'t want to ' + | ||
'use checkedLink' | ||
); | ||
} | ||
|
||
var propTypes = { | ||
value: function(props, propName, componentName) { | ||
if (!props[propName] || | ||
hasReadOnlyValue[props.type] || | ||
props.onChange || | ||
props.readOnly || | ||
props.disabled) { | ||
return null; | ||
} | ||
return new Error( | ||
'You provided a `value` prop to a form field without an ' + | ||
'`onChange` handler. This will render a read-only field. If ' + | ||
'the field should be mutable use `defaultValue`. Otherwise, ' + | ||
'set either `onChange` or `readOnly`.' | ||
); | ||
}, | ||
checked: function(props, propName, componentName) { | ||
if (!props[propName] || | ||
props.onChange || | ||
props.readOnly || | ||
props.disabled) { | ||
return null; | ||
} | ||
return new Error( | ||
'You provided a `checked` prop to a form field without an ' + | ||
'`onChange` handler. This will render a read-only field. If ' + | ||
'the field should be mutable use `defaultChecked`. Otherwise, ' + | ||
'set either `onChange` or `readOnly`.' | ||
); | ||
}, | ||
onChange: React.PropTypes.func, | ||
}; | ||
|
||
var loggedTypeFailures = {}; | ||
function getDeclarationErrorAddendum(owner) { | ||
if (owner) { | ||
var name = owner.getName(); | ||
if (name) { | ||
return ' Check the render method of `' + name + '`.'; | ||
} | ||
} | ||
return ''; | ||
} | ||
|
||
/** | ||
* Provide a linked `value` attribute for controlled forms. You should not use | ||
* this outside of the ReactDOM controlled form components. | ||
*/ | ||
var LinkedValueUtils = { | ||
checkPropTypes: function(tagName, props, owner) { | ||
for (var propName in propTypes) { | ||
if (propTypes.hasOwnProperty(propName)) { | ||
var error = propTypes[propName]( | ||
props, | ||
propName, | ||
tagName, | ||
'prop', | ||
null, | ||
ReactPropTypesSecret | ||
); | ||
} | ||
if (error instanceof Error && !(error.message in loggedTypeFailures)) { | ||
// Only monitor this failure once because there tends to be a lot of the | ||
// same error. | ||
loggedTypeFailures[error.message] = true; | ||
|
||
var addendum = getDeclarationErrorAddendum(owner); | ||
warning(false, 'Failed form propType: %s%s', error.message, addendum); | ||
} | ||
} | ||
}, | ||
|
||
/** | ||
* @param {object} inputProps Props for form component | ||
* @return {*} current value of the input either from value prop or link. | ||
*/ | ||
getValue: function(inputProps) { | ||
if (inputProps.valueLink) { | ||
_assertValueLink(inputProps); | ||
return inputProps.valueLink.value; | ||
} | ||
return inputProps.value; | ||
}, | ||
|
||
/** | ||
* @param {object} inputProps Props for form component | ||
* @return {*} current checked status of the input either from checked prop | ||
* or link. | ||
*/ | ||
getChecked: function(inputProps) { | ||
if (inputProps.checkedLink) { | ||
_assertCheckedLink(inputProps); | ||
return inputProps.checkedLink.value; | ||
} | ||
return inputProps.checked; | ||
}, | ||
|
||
/** | ||
* @param {object} inputProps Props for form component | ||
* @param {SyntheticEvent} event change event to handle | ||
*/ | ||
executeOnChange: function(inputProps, event) { | ||
if (inputProps.valueLink) { | ||
_assertValueLink(inputProps); | ||
return inputProps.valueLink.requestChange(event.target.value); | ||
} else if (inputProps.checkedLink) { | ||
_assertCheckedLink(inputProps); | ||
return inputProps.checkedLink.requestChange(event.target.checked); | ||
} else if (inputProps.onChange) { | ||
return inputProps.onChange.call(undefined, event); | ||
} | ||
}, | ||
}; | ||
|
||
class LinkedInput extends React.Component { | ||
render() { | ||
var newProps = Object.assign({}, this.props); | ||
newProps.value = LinkedValueUtils.getValue(this.props); | ||
newProps.checked = LinkedValueUtils.getChecked(this.props); | ||
delete newProps.valueLink; | ||
delete newProps.checkedLink; | ||
return React.createElement('input', newProps); | ||
} | ||
} | ||
|
||
module.exports = LinkedInput; | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,24 @@ | ||
{ | ||
"name": "react-linked-input", | ||
"version": "1.0.2", | ||
"description": "LinkedInput supports the ReactLink semantics", | ||
"main": "index.js", | ||
"scripts": { | ||
"test": "echo \"Error: no test specified\" && exit 1" | ||
}, | ||
"repository": { | ||
"type": "git", | ||
"url": "git+https://github.com/facebook/react.git" | ||
}, | ||
"keywords": [ | ||
"react", | ||
"linkedinput", | ||
"input", | ||
"linked", | ||
"reactlink" | ||
], | ||
"license": "BSD-3-Clause", | ||
"peerDependencies": { | ||
"react": "^15.0.1" | ||
} | ||
} |
Oops, something went wrong.