react-native-input-select 0.23.0 → 0.25.0

package/src/components/Dropdown/DropdownList.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react-native/no-inline-styles */
 import React from 'react';
 import { View, FlatList, StyleSheet, Text } from 'react-native';
 import DropdownListItem from './DropdownListItem';
@@ -8,6 +9,7 @@ const DropdownList = ({
   optionLabel,
   optionValue,
   isMultiple,
+  isSearchable,
   selectedItems,
   selectedItem,
   handleMultipleSelections,
@@ -16,6 +18,7 @@ const DropdownList = ({
   checkboxSize,
   checkboxStyle,
   checkboxLabelStyle,
+  ...rest
 }: any) => {
   return (
     <FlatList
@@ -27,6 +30,9 @@ const DropdownList = ({
           <Text>No options available</Text>
         </View>
       }
+      contentContainerStyle={[
+        isSearchable ? { paddingTop: 0 } : styles.contentContainerStyle,
+      ]}
       ItemSeparatorComponent={() => <View style={styles.itemSeparatorStyle} />}
       renderItem={(item) =>
         _renderItem(item, {
@@ -44,6 +50,7 @@ const DropdownList = ({
         })
       }
       keyExtractor={(_item, index) => `Options${index}`}
+      {...rest}
     />
   );
 };
@@ -66,23 +73,13 @@ const _renderItem = ({ item }: any, props: any) => {
 };
 
 const styles = StyleSheet.create({
-  modalContainer: {
-    flex: 1,
-    justifyContent: 'flex-end',
-  },
-  modalBackgroundStyle: { backgroundColor: 'rgba(0, 0, 0, 0.5)' },
-  modalOptionsContainer: {
-    maxHeight: '50%',
-    backgroundColor: colors.white,
-    borderTopLeftRadius: 16,
-    borderTopRightRadius: 16,
-  },
   itemSeparatorStyle: {
     backgroundColor: colors.gray,
     height: 1,
     opacity: 0.15,
   },
   emptyListStyle: { alignItems: 'center', width: '100%', marginVertical: 20 },
+  contentContainerStyle: { paddingTop: 20 },
 });
 
 export default DropdownList;

package/src/components/Dropdown/DropdownListItem.tsx

@@ -1,7 +1,6 @@
 import React, { memo } from 'react';
 import { TouchableOpacity, StyleSheet } from 'react-native';
 import CheckBox from '../CheckBox';
-import { colors } from '../../styles/colors';
 
 const DropdownListItem = ({
   item,
@@ -18,8 +17,10 @@ const DropdownListItem = ({
   const selectedOptionValue = optionValue ?? 'value';
   return (
     <TouchableOpacity
-      style={styles.modalOptions}
-      onPress={() => onChange(item[selectedOptionValue])}
+      style={styles.dropdownModalOptions}
+      onPress={
+        item.disabled ? () => {} : () => onChange(item[selectedOptionValue]) // intentionally didn't use the disable property
+      }
     >
       <CheckBox
         value={
@@ -29,17 +30,18 @@ const DropdownListItem = ({
         }
         label={item[optionLabel ?? '']}
         onChange={() => onChange(item[selectedOptionValue])}
-        primaryColor={primaryColor || colors.primary}
+        primaryColor={primaryColor}
         checkboxSize={checkboxSize}
         checkboxStyle={checkboxStyle}
         checkboxLabelStyle={checkboxLabelStyle}
+        disabled={item.disabled}
       />
     </TouchableOpacity>
   );
 };
 
 const styles = StyleSheet.create({
-  modalOptions: {
+  dropdownModalOptions: {
     paddingHorizontal: 20,
     paddingVertical: 10,
     flexDirection: 'row',

package/src/components/Dropdown/{SelectedItemsView.tsx → DropdownSelectedItemsView.tsx}

@@ -11,7 +11,7 @@ import {
 import { colors } from '../../styles/colors';
 import { inputStyles } from '../../styles/input';
 
-const SelectedItemsView = ({
+const DropdownSelectedItemsView = ({
   placeholder,
   error,
   getSelectedItemsLabel,
@@ -107,8 +107,9 @@ const styles = StyleSheet.create({
     borderRadius: 10,
     backgroundColor: colors.primary,
     marginRight: 10,
+    overflow: 'hidden',
   },
   blackText: { color: colors.black },
 });
 
-export default SelectedItemsView;
+export default DropdownSelectedItemsView;

package/src/index.tsx

@@ -1,11 +1,13 @@
 import React, { useState } from 'react';
+import { TouchableOpacity, StyleSheet, View } from 'react-native';
 import Dropdown from './components/Dropdown/Dropdown';
 import DropdownList from './components/Dropdown/DropdownList';
 import CustomModal from './components/CustomModal';
-import { DEFAULT_OPTION_LABEL, DEFAULT_OPTION_VALUE } from './constants';
-import type { DropdownProps } from './types/index.types';
 import { Input } from './components/Input';
+import CheckBox from './components/CheckBox';
 import { colors } from './styles/colors';
+import { DEFAULT_OPTION_LABEL, DEFAULT_OPTION_VALUE } from './constants';
+import type { DropdownProps } from './types/index.types';
 
 export const DropdownSelect = ({
   placeholder,
@@ -39,6 +41,7 @@ export const DropdownSelect = ({
 }: DropdownProps) => {
   const [newOptions, setNewOptions] = useState(options ? options : []);
   const [open, setOpen] = useState(false);
+  const [selectAll, setSelectAll] = useState(false);
   const [selectedItem, setSelectedItem] = useState(selectedValue); //for single selection
   const [selectedItems, setSelectedItems] = useState(
     Array.isArray(selectedValue)
@@ -72,6 +75,28 @@ export const DropdownSelect = ({
     }
     setSelectedItems(selectedValues);
     onValueChange(selectedValues); //send value to parent
+
+    if (options.length === selectedValues.length) {
+      setSelectAll(true);
+    } else {
+      setSelectAll(false);
+    }
+  };
+
+  const handleSelectAll = () => {
+    setSelectAll((prevVal) => {
+      const selectedValues = [];
+      const filteredOptions = newOptions.filter((item) => !item.disabled); //don't select disabled items
+      if (!prevVal) {
+        for (let i = 0; i < filteredOptions.length; i++) {
+          selectedValues.push(filteredOptions[i][optionValue]);
+        }
+      }
+
+      setSelectedItems(selectedValues);
+      onValueChange(selectedValues); //send value to parent
+      return !prevVal;
+    });
   };
 
   /*===========================================
@@ -171,19 +196,39 @@ export const DropdownSelect = ({
         modalOptionsContainer={modalOptionsContainer}
         onRequestClose={() => {}}
       >
-        {isSearchable && (
-          <Input
-            value={searchValue}
-            onChangeText={(text: string) => onSearch(text)}
-            style={searchInputStyle}
-            primaryColor={primary}
-          />
-        )}
         <DropdownList
+          ListHeaderComponent={
+            <>
+              {isSearchable && (
+                <Input
+                  value={searchValue}
+                  onChangeText={(text: string) => onSearch(text)}
+                  style={searchInputStyle}
+                  primaryColor={primary}
+                />
+              )}
+              {isMultiple && newOptions.length > 1 && (
+                <View style={styles.optionsContainerStyle}>
+                  <TouchableOpacity onPress={() => {}}>
+                    <CheckBox
+                      value={selectAll}
+                      label={selectAll ? 'Clear all' : 'Select all'}
+                      onChange={() => handleSelectAll()}
+                      primaryColor={primary}
+                      checkboxSize={checkboxSize}
+                      checkboxStyle={checkboxStyle}
+                      checkboxLabelStyle={checkboxLabelStyle}
+                    />
+                  </TouchableOpacity>
+                </View>
+              )}
+            </>
+          }
           options={newOptions}
           optionLabel={optionLabel}
           optionValue={optionValue}
           isMultiple={isMultiple}
+          isSearchable={isSearchable}
           selectedItems={selectedItems}
           selectedItem={selectedItem}
           handleMultipleSelections={handleMultipleSelections}
@@ -198,4 +243,12 @@ export const DropdownSelect = ({
   );
 };
 
+const styles = StyleSheet.create({
+  optionsContainerStyle: {
+    paddingHorizontal: 20,
+    paddingVertical: 10,
+    flexDirection: 'row',
+  },
+});
+
 export default DropdownSelect;

package/src/styles/colors.ts

@@ -1,9 +1,10 @@
 export const colors: any = {
-  primary: '#EF8031',
+  primary: 'green',
   red: '#FA4169',
   black: '#000000',
   white: '#FFFFFF',
   dark: '#11142D',
   gray: '#808191',
   lightGray: '#F7F7F7',
+  disabled: '#d3d3d3',
 };

package/src/types/index.types.ts

@@ -7,7 +7,7 @@ export type DropdownProps = {
   helperText?: string;
   options: any[];
   optionLabel: string;
-  optionValue?: string;
+  optionValue: string;
   onValueChange: Function;
   selectedValue?: string | any[] | null;
   isMultiple?: boolean;

package/lib/commonjs/components/Dropdown/SelectedItemsView.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","_input","obj","__esModule","default","SelectedItemsView","_ref","placeholder","error","getSelectedItemsLabel","handleToggleModal","isMultiple","selectedItem","selectedItems","dropdownStyle","selectedItemStyle","multipleSelectedItemStyle","dropdownErrorStyle","primaryColor","disabled","createElement","Pressable","onPress","style","_ref2","pressed","inputStyles","inputFocusState","borderColor","input","inputFocusErrorState","ScrollView","horizontal","alwaysBounceHorizontal","showsHorizontalScrollIndicator","View","styles","selectedItemsContainer","onStartShouldSetResponder","map","item","i","TouchableOpacity","key","Math","random","Text","backgroundColor","blackText","length","iconStyle","Image","source","StyleSheet","create","position","right","top","flexDirection","flexWrap","color","colors","white","paddingHorizontal","paddingVertical","borderRadius","primary","marginRight","black","_default","exports"],"sources":["SelectedItemsView.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  View,\n  Text,\n  Pressable,\n  ScrollView,\n  StyleSheet,\n  Image,\n  TouchableOpacity,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\nimport { inputStyles } from '../../styles/input';\n\nconst SelectedItemsView = ({\n  placeholder,\n  error,\n  getSelectedItemsLabel,\n  handleToggleModal,\n  isMultiple,\n  selectedItem,\n  selectedItems,\n  dropdownStyle,\n  selectedItemStyle,\n  multipleSelectedItemStyle,\n  dropdownErrorStyle,\n  primaryColor,\n  disabled,\n}: any) => {\n  return (\n    <Pressable\n      onPress={() => handleToggleModal()}\n      style={({ pressed }) => [\n        pressed && {\n          ...inputStyles.inputFocusState,\n          borderColor: primaryColor,\n        },\n        inputStyles.input,\n        dropdownStyle,\n        error && //this must be last\n          error !== '' &&\n          !pressed && {\n            ...inputStyles.inputFocusErrorState,\n            ...dropdownErrorStyle,\n          },\n      ]}\n      disabled={disabled}\n    >\n      <ScrollView\n        horizontal\n        alwaysBounceHorizontal\n        showsHorizontalScrollIndicator={false}\n      >\n        <View\n          style={styles.selectedItemsContainer}\n          onStartShouldSetResponder={() => true}\n        >\n          {isMultiple ? (\n            getSelectedItemsLabel().map((item: any, i: Number) => (\n              <TouchableOpacity\n                onPress={() => handleToggleModal()}\n                key={`react-native-input-select-${Math.random()}-${i}`}\n                disabled={disabled}\n              >\n                <Text\n                  style={[\n                    styles.selectedItems,\n                    { backgroundColor: primaryColor },\n                    multipleSelectedItemStyle,\n                  ]}\n                >\n                  {item}\n                </Text>\n              </TouchableOpacity>\n            ))\n          ) : (\n            <TouchableOpacity\n              onPress={() => handleToggleModal()}\n              disabled={disabled}\n            >\n              <Text style={[styles.blackText, selectedItemStyle]}>\n                {getSelectedItemsLabel()}\n              </Text>\n            </TouchableOpacity>\n          )}\n        </View>\n\n        {!selectedItem && selectedItems?.length === 0 && (\n          <Text style={styles.blackText}>\n            {placeholder ?? 'Select an option'}\n          </Text>\n        )}\n      </ScrollView>\n      <View style={styles.iconStyle}>\n        <Image source={require('../../asset/arrow-down.png')} />\n      </View>\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  iconStyle: { position: 'absolute', right: 25, top: 25 },\n  selectedItemsContainer: { flexDirection: 'row', flexWrap: 'nowrap' },\n  selectedItems: {\n    color: colors.white,\n    paddingHorizontal: 10,\n    paddingVertical: 5,\n    borderRadius: 10,\n    backgroundColor: colors.primary,\n    marginRight: 10,\n  },\n  blackText: { color: colors.black },\n});\n\nexport default SelectedItemsView;\n"],"mappings":"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"}

package/lib/module/components/Dropdown/SelectedItemsView.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","Text","Pressable","ScrollView","StyleSheet","Image","TouchableOpacity","colors","inputStyles","SelectedItemsView","_ref","placeholder","error","getSelectedItemsLabel","handleToggleModal","isMultiple","selectedItem","selectedItems","dropdownStyle","selectedItemStyle","multipleSelectedItemStyle","dropdownErrorStyle","primaryColor","disabled","createElement","onPress","style","_ref2","pressed","inputFocusState","borderColor","input","inputFocusErrorState","horizontal","alwaysBounceHorizontal","showsHorizontalScrollIndicator","styles","selectedItemsContainer","onStartShouldSetResponder","map","item","i","key","Math","random","backgroundColor","blackText","length","iconStyle","source","require","create","position","right","top","flexDirection","flexWrap","color","white","paddingHorizontal","paddingVertical","borderRadius","primary","marginRight","black"],"sources":["SelectedItemsView.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  View,\n  Text,\n  Pressable,\n  ScrollView,\n  StyleSheet,\n  Image,\n  TouchableOpacity,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\nimport { inputStyles } from '../../styles/input';\n\nconst SelectedItemsView = ({\n  placeholder,\n  error,\n  getSelectedItemsLabel,\n  handleToggleModal,\n  isMultiple,\n  selectedItem,\n  selectedItems,\n  dropdownStyle,\n  selectedItemStyle,\n  multipleSelectedItemStyle,\n  dropdownErrorStyle,\n  primaryColor,\n  disabled,\n}: any) => {\n  return (\n    <Pressable\n      onPress={() => handleToggleModal()}\n      style={({ pressed }) => [\n        pressed && {\n          ...inputStyles.inputFocusState,\n          borderColor: primaryColor,\n        },\n        inputStyles.input,\n        dropdownStyle,\n        error && //this must be last\n          error !== '' &&\n          !pressed && {\n            ...inputStyles.inputFocusErrorState,\n            ...dropdownErrorStyle,\n          },\n      ]}\n      disabled={disabled}\n    >\n      <ScrollView\n        horizontal\n        alwaysBounceHorizontal\n        showsHorizontalScrollIndicator={false}\n      >\n        <View\n          style={styles.selectedItemsContainer}\n          onStartShouldSetResponder={() => true}\n        >\n          {isMultiple ? (\n            getSelectedItemsLabel().map((item: any, i: Number) => (\n              <TouchableOpacity\n                onPress={() => handleToggleModal()}\n                key={`react-native-input-select-${Math.random()}-${i}`}\n                disabled={disabled}\n              >\n                <Text\n                  style={[\n                    styles.selectedItems,\n                    { backgroundColor: primaryColor },\n                    multipleSelectedItemStyle,\n                  ]}\n                >\n                  {item}\n                </Text>\n              </TouchableOpacity>\n            ))\n          ) : (\n            <TouchableOpacity\n              onPress={() => handleToggleModal()}\n              disabled={disabled}\n            >\n              <Text style={[styles.blackText, selectedItemStyle]}>\n                {getSelectedItemsLabel()}\n              </Text>\n            </TouchableOpacity>\n          )}\n        </View>\n\n        {!selectedItem && selectedItems?.length === 0 && (\n          <Text style={styles.blackText}>\n            {placeholder ?? 'Select an option'}\n          </Text>\n        )}\n      </ScrollView>\n      <View style={styles.iconStyle}>\n        <Image source={require('../../asset/arrow-down.png')} />\n      </View>\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  iconStyle: { position: 'absolute', right: 25, top: 25 },\n  selectedItemsContainer: { flexDirection: 'row', flexWrap: 'nowrap' },\n  selectedItems: {\n    color: colors.white,\n    paddingHorizontal: 10,\n    paddingVertical: 5,\n    borderRadius: 10,\n    backgroundColor: colors.primary,\n    marginRight: 10,\n  },\n  blackText: { color: colors.black },\n});\n\nexport default SelectedItemsView;\n"],"mappings":"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"}

package/lib/typescript/components/Dropdown/SelectedItemsView.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const SelectedItemsView: ({ placeholder, error, getSelectedItemsLabel, handleToggleModal, isMultiple, selectedItem, selectedItems, dropdownStyle, selectedItemStyle, multipleSelectedItemStyle, dropdownErrorStyle, primaryColor, disabled, }: any) => JSX.Element;
-export default SelectedItemsView;