Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-02 03:25:56 +01:00
Code Issues Packages Projects Releases Activity

set repository name suggestion in import form just at leaving the input field

Browse Source
This commit is contained in:
Eduard Heimbuch
2020-12-03 09:38:23 +01:00
parent dd0bcc4a3f
commit 715c76e2f4
2 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
scm-ui/ui-components/src/forms/InputField.tsx
View File

@@ -21,7 +21,7 @@
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/
import React, { ChangeEvent, KeyboardEvent } from "react";
import React, { ChangeEvent, KeyboardEvent, FocusEvent } from "react";
import classNames from "classnames";
import LabelWithHelpIcon from "./LabelWithHelpIcon";
import { createAttributesForTesting } from "../devBuild";
@@ -41,6 +41,7 @@ type Props = {
helpText?: string;
className?: string;
testId?: string;
onBlur?: (value: string, name?: string) => void;
};
class InputField extends React.Component<Props> {
@@ -61,6 +62,12 @@ class InputField extends React.Component<Props> {
this.props.onChange(event.target.value, this.props.name);
};
handleBlur = (event: FocusEvent<HTMLInputElement>) => {
if (this.props.onBlur) {
this.props.onBlur(event.target.value, this.props.name);
}
};
handleKeyPress = (event: KeyboardEvent<HTMLInputElement>) => {
const onReturnPressed = this.props.onReturnPressed;
if (!onReturnPressed) {
@@ -102,6 +109,7 @@ class InputField extends React.Component<Props> {
onChange={this.handleInput}
onKeyPress={this.handleKeyPress}
disabled={disabled}
onBlur={this.handleBlur}
{...createAttributesForTesting(testId)}
/>
</div>