From ec3c2eed15a5384a88f4e177c64cd44c94ff7e5a Mon Sep 17 00:00:00 2001
From: ft-worker <worker@fluxtechs.com>
Date: Fri, 19 Feb 2021 19:08:20 +0400
Subject: [PATCH 1/2] Added "No item" component style props

---
 lib/react-native-multi-select.js | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/lib/react-native-multi-select.js b/lib/react-native-multi-select.js
index de80a20..08774d8 100644
--- a/lib/react-native-multi-select.js
+++ b/lib/react-native-multi-select.js
@@ -65,6 +65,8 @@ export default class MultiSelect extends Component {
     styleTextDropdown: Text.propTypes.style,
     styleTextDropdownSelected: Text.propTypes.style,
     styleTextTag: Text.propTypes.style,
+    styleNoItemContainer: View.propTypes.style,
+    styleNoItemText: Text.propTypes.style,
     altFontFamily: PropTypes.string,
     hideSubmitButton: PropTypes.bool,
     hideDropdown: PropTypes.bool,
@@ -482,7 +484,9 @@ export default class MultiSelect extends Component {
       selectedItems,
       flatListProps,
       styleListContainer,
-      removeSelected
+      removeSelected,
+      styleNoItemContainer = {},
+      styleNoItemText = {}
     } = this.props;
     const { searchTerm } = this.state;
     let component = null;
@@ -514,7 +518,12 @@ export default class MultiSelect extends Component {
         .length;
     } else if (!canAddItems) {
       itemList = (
-        <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+        <View
+          style={[
+            { flexDirection: 'row', alignItems: 'center' },
+            styleNoItemContainer
+          ]}
+        >
           <Text
             style={[
               {
@@ -523,7 +532,8 @@ export default class MultiSelect extends Component {
                 textAlign: 'center',
                 color: colorPack.danger
               },
-              fontFamily ? { fontFamily } : {}
+              fontFamily ? { fontFamily } : {},
+              styleNoItemText
             ]}
           >
             No item to display.

From d8bb931220825d6814f450c5aef696dcf1a1e402 Mon Sep 17 00:00:00 2001
From: ft-worker <46671048+ft-worker@users.noreply.github.com>
Date: Fri, 19 Feb 2021 19:29:51 +0400
Subject: [PATCH 2/2] Fixed prop type

---
 lib/react-native-multi-select.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/react-native-multi-select.js b/lib/react-native-multi-select.js
index 08774d8..56fa87f 100644
--- a/lib/react-native-multi-select.js
+++ b/lib/react-native-multi-select.js
@@ -65,7 +65,7 @@ export default class MultiSelect extends Component {
     styleTextDropdown: Text.propTypes.style,
     styleTextDropdownSelected: Text.propTypes.style,
     styleTextTag: Text.propTypes.style,
-    styleNoItemContainer: View.propTypes.style,
+    styleNoItemContainer: ViewPropTypes.style,
     styleNoItemText: Text.propTypes.style,
     altFontFamily: PropTypes.string,
     hideSubmitButton: PropTypes.bool,