🎩 You're Invited:Meet the Socket team at Black Hat in Las Vegas, August 3-6.RSVP →
Sign In

react-native-tags-input

Package Overview
Dependencies
Maintainers
1
Versions
11
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-tags-input - npm Package Compare versions

Comparing version
1.0.3
 to
1.0.4
+41
-38
index.js

@@ -121,3 +121,4 @@ import React from 'react';

keysForTag,
deleteIconStyles
deleteIconStyles,
customElement,
} = this.props;

@@ -129,40 +130,41 @@

{label ? this.renderLabel(label, StyleSheet.flatten([styles.labelStyle, labelStyle])) : null}
<View style={StyleSheet.flatten(StyleSheet.flatten([styles.inputContainer, inputContainerStyle]))}>
{leftElement ? this.renderLeftElement(leftElement, leftElementContainerStyle) : null}
<TextInput
underlineColorAndroid="transparent"
editable={!disabled}
ref={ref => {
this.input = ref;
}}
style={StyleSheet.flatten([
styles.input,
inputStyle,
disabled && styles.disabledInput,
disabled && disabledInputStyle,
])}
{...props}
value={tags.tag}
onChangeText={text => this.onChangeText(text, tags, updateState, keysForTag)}
/>
{rightElement ? this.renderRightElement(rightElement, rightElementContainerStyle) : null}
</View>
<View style={StyleSheet.flatten([styles.tagsView, tagsViewStyle])}>
{tags.tagsArray.map((item, count) => {
return (
<View
style={StyleSheet.flatten([styles.tag, tagStyle])}
key={count}
>
<Text style={StyleSheet.flatten([styles.tagText, tagTextStyle])}>{item}</Text>
<TouchableHighlight onPress={() => this.deleteTag(count, tags, updateState) }>
<Image
source={require('./assets/close.png')}
style={StyleSheet.flatten([styles.deleteIcon, deleteIconStyles])}
/>
</TouchableHighlight>
</View>
)
})}
<View style={StyleSheet.flatten(StyleSheet.flatten([styles.inputContainer, inputContainerStyle]))}>
{leftElement ? this.renderLeftElement(leftElement, leftElementContainerStyle) : null}
<TextInput
underlineColorAndroid="transparent"
editable={!disabled}
ref={ref => {
this.input = ref;
}}
style={StyleSheet.flatten([
styles.input,
inputStyle,
disabled && styles.disabledInput,
disabled && disabledInputStyle,
])}
{...props}
value={tags.tag}
onChangeText={text => this.onChangeText(text, tags, updateState, keysForTag)}
/>
{rightElement ? this.renderRightElement(rightElement, rightElementContainerStyle) : null}
</View>
{customElement ? customElement : null}
<View style={StyleSheet.flatten([styles.tagsView, tagsViewStyle])}>
{tags.tagsArray.map((item, count) => {
return (
<View
style={StyleSheet.flatten([styles.tag, tagStyle])}
key={count}
>
<Text style={StyleSheet.flatten([styles.tagText, tagTextStyle])}>{item}</Text>
<TouchableHighlight onPress={() => this.deleteTag(count, tags, updateState) }>
<Image
source={require('./assets/close.png')}
style={StyleSheet.flatten([styles.deleteIcon, deleteIconStyles])}
/>
</TouchableHighlight>
</View>
)
})}
</View>
</View>

@@ -177,2 +179,3 @@ );

rightElement: PropTypes.element,
customElement: PropTypes.element,
label: PropTypes.string,

@@ -179,0 +182,0 @@ tags: PropTypes.object,

+1
-1
package.json
{
"name": "react-native-tags-input",
"version": "1.0.3",
"version": "1.0.4",
"description": "Input component for React Native to add and remove tags.",

@@ -5,0 +5,0 @@ "main": "index.js",

+1
-0
README.md

@@ -38,2 +38,3 @@ # react-native-tags-input

|deleteIconStyles| |styles|Styles for the delete icon|
|customElement| |element|Element to be displayed between input and tags. For example suggestions. (Auto suggestions will be implemented in a future release)|

@@ -40,0 +41,0 @@ > This component also inherits