From 0e333cfb2eb8e62391f4ff7ce61774ef71fdada9 Mon Sep 17 00:00:00 2001 From: jim Date: Thu, 25 Feb 2016 17:00:46 -0800 Subject: [PATCH] Moved LinkedInput from addons to packages. --- .../react-linked-input}/LinkedInput.js | 9 +++---- packages/react-linked-input/README.md | 10 ++++++++ .../__test__}/LinkedInput-test.js | 0 packages/react-linked-input/package.json | 25 +++++++++++++++++++ 4 files changed, 39 insertions(+), 5 deletions(-) rename {src/addons/link => packages/react-linked-input}/LinkedInput.js (81%) create mode 100644 packages/react-linked-input/README.md rename {src/addons/link/__tests__ => packages/react-linked-input/__test__}/LinkedInput-test.js (100%) create mode 100644 packages/react-linked-input/package.json diff --git a/src/addons/link/LinkedInput.js b/packages/react-linked-input/LinkedInput.js similarity index 81% rename from src/addons/link/LinkedInput.js rename to packages/react-linked-input/LinkedInput.js index cfd8f92edef08..d40df684a80b8 100644 --- a/src/addons/link/LinkedInput.js +++ b/packages/react-linked-input/LinkedInput.js @@ -5,14 +5,12 @@ * 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. - * - * @providesModule LinkedInput */ 'use strict'; -var React = require('React'); -var LinkedValueUtils = require('LinkedValueUtils'); +var React = require('react'); +var LinkedValueUtils = require('react/lib/LinkedValueUtils'); class LinkedInput extends React.Component { render() { @@ -21,8 +19,9 @@ class LinkedInput extends React.Component { newProps.checked = LinkedValueUtils.getChecked(this.props); delete newProps.valueLink; delete newProps.checkedLink; - return ; + return React.createElement('input', newProps); } } module.exports = LinkedInput; + diff --git a/packages/react-linked-input/README.md b/packages/react-linked-input/README.md new file mode 100644 index 0000000000000..fb8ed946f880a --- /dev/null +++ b/packages/react-linked-input/README.md @@ -0,0 +1,10 @@ +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'); + +React.render(, container); +``` diff --git a/src/addons/link/__tests__/LinkedInput-test.js b/packages/react-linked-input/__test__/LinkedInput-test.js similarity index 100% rename from src/addons/link/__tests__/LinkedInput-test.js rename to packages/react-linked-input/__test__/LinkedInput-test.js diff --git a/packages/react-linked-input/package.json b/packages/react-linked-input/package.json new file mode 100644 index 0000000000000..fb8f514f20896 --- /dev/null +++ b/packages/react-linked-input/package.json @@ -0,0 +1,25 @@ +{ + "name": "react-linked-input", + "version": "1.0.0", + "description": "LinkedInput supports the ReactLink semantics", + "main": "LinkedInput.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" + ], + "author": "", + "license": "BSD-3-Clause", + "peerDependencies": { + "react": "^0.14.7" + } +}