react-native-input-select 2.1.5 → 2.1.7

package/src/components/Dropdown/DropdownSelectedItemsContainer.tsx

@@ -0,0 +1,164 @@
+import React from 'react';
+import {
+  View,
+  Pressable,
+  ScrollView,
+  StyleSheet,
+  TextStyle,
+} from 'react-native';
+import { colors } from '../../styles/colors';
+import { inputStyles } from '../../styles/input';
+import DropdownSelectedItem from './DropdownSelectedItem';
+import {
+  TDropdownInputProps,
+  TFlatListItem,
+  TSelectedItem,
+  TSelectedItemsControls,
+  TSelectedItemWithReactComponent,
+} from 'src/types/index.types';
+
+export interface DropdownSelectedItemsContainerProps {
+  openModal: () => void;
+  selectedItem: TSelectedItemWithReactComponent;
+  selectedItems: TSelectedItemWithReactComponent[];
+  optionLabel: string;
+  optionValue: string;
+  setIndexOfSelectedItem: (label: string) => void;
+  selectedItemsControls?: TSelectedItemsControls;
+  selectionData: TFlatListItem | TFlatListItem[];
+  handleMultipleSelections?: (value: TSelectedItem) => void;
+}
+
+const DropdownSelectedItemsContainer = ({
+  placeholder,
+  error,
+  selectionData = [],
+  openModal,
+  isMultiple,
+  selectedItem,
+  selectedItems,
+  optionLabel,
+  optionValue,
+  dropdownStyle,
+  placeholderStyle = {},
+  selectedItemStyle = {},
+  multipleSelectedItemStyle = {},
+  dropdownErrorStyle,
+  primaryColor,
+  disabled = false,
+  setIndexOfSelectedItem,
+  selectedItemsControls,
+  handleMultipleSelections,
+}: TDropdownInputProps & DropdownSelectedItemsContainerProps) => {
+  const openActions = (label: string) => {
+    openModal();
+    setIndexOfSelectedItem(label); // immediately scrolls to list item with the specified label when modal
+  };
+
+  return (
+    <Pressable
+      onPress={() => openModal()}
+      style={({ pressed }) => [
+        pressed && {
+          ...inputStyles.inputFocusState,
+          borderColor: primaryColor,
+        },
+        { ...inputStyles.input, ...dropdownStyle },
+        error && //this must be last
+          error !== '' &&
+          !pressed && {
+            ...inputStyles.inputFocusErrorState,
+            ...dropdownErrorStyle,
+          },
+      ]}
+      disabled={disabled}
+      aria-disabled={disabled}
+      testID="react-native-input-select-dropdown-input-container"
+    >
+      <ScrollView
+        horizontal
+        alwaysBounceHorizontal
+        showsHorizontalScrollIndicator={false}
+      >
+        <View
+          style={styles.selectedItemsContainer}
+          onStartShouldSetResponder={() => true}
+        >
+          {isMultiple ? (
+            (selectionData as TFlatListItem[])?.map((data, i) => {
+              const label = data[optionLabel];
+              const value = data[optionValue];
+
+              return (
+                <DropdownSelectedItem
+                  onPress={() => openActions(label as string)}
+                  key={`react-native-input-select-list-item-${Math.random()}-${i}`}
+                  style={[
+                    styles.selectedItems,
+                    { backgroundColor: primaryColor },
+                    multipleSelectedItemStyle,
+                  ]}
+                  closeIconStyles={{
+                    tintColor:
+                      (multipleSelectedItemStyle as TextStyle)?.color ||
+                      styles.selectedItems.color,
+                  }}
+                  label={label}
+                  disabled={disabled || (data.disabled as boolean)}
+                  showRemoveIcon={selectedItemsControls?.showRemoveIcon || true}
+                  removeItemIcon={selectedItemsControls?.removeItemIcon}
+                  onRemoveItem={() => {
+                    handleMultipleSelections?.(value as TSelectedItem);
+                    selectedItemsControls?.onRemoveItem?.(); //user defined control
+                  }}
+                  testId={`${i}`}
+                />
+              );
+            })
+          ) : (
+            <DropdownSelectedItem
+              onPress={() =>
+                openActions(
+                  String((selectionData as TFlatListItem)?.[optionLabel] ?? '')
+                )
+              }
+              style={[styles.blackText, selectedItemStyle]}
+              label={(selectionData as TFlatListItem)[optionLabel] as string}
+              disabled={disabled}
+            />
+          )}
+
+          {/* Placeholder */}
+          {selectedItem === '' && selectedItems?.length === 0 && (
+            <DropdownSelectedItem
+              onPress={() => openModal()}
+              style={[styles.blackText, placeholderStyle]}
+              label={placeholder ?? 'Select an option'}
+              disabled={disabled}
+            />
+          )}
+        </View>
+      </ScrollView>
+    </Pressable>
+  );
+};
+
+const styles = StyleSheet.create({
+  selectedItemsContainer: {
+    flexDirection: 'row',
+    flexWrap: 'nowrap',
+    alignItems: 'center',
+  },
+  selectedItems: {
+    color: colors.white,
+    paddingHorizontal: 10,
+    paddingVertical: 5,
+    borderRadius: 10,
+    backgroundColor: colors.primary,
+    marginRight: 10,
+    overflow: 'hidden',
+  },
+  blackText: { color: colors.black },
+});
+
+export default DropdownSelectedItemsContainer;

package/src/components/List/DropdownFlatList.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable react-native/no-inline-styles */
 import React, { useEffect, useRef } from 'react';
 import { FlatList, FlatListProps, StyleSheet } from 'react-native';
-import DropdownListItem from '../Dropdown/DropdownListItem';
+import DropdownListItem from './DropdownListItem';
 import { ItemSeparatorComponent, ListEmptyComponent } from '../Others';
 import { TFlatList } from '../../types/index.types';
 

package/src/components/List/DropdownSectionList.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable react-native/no-inline-styles */
 import React, { useEffect, useState, useRef } from 'react';
 import { SectionList, StyleSheet } from 'react-native';
-import DropdownListItem from '../Dropdown/DropdownListItem';
+import DropdownListItem from './DropdownListItem';
 import {
   ItemSeparatorComponent,
   ListEmptyComponent,

package/src/hooks/use-selection-handler.ts

@@ -4,6 +4,7 @@ import { TSelectedItem } from '../types/index.types';
 interface UseSelectionHandlerProps {
   initialSelectedValue: TSelectedItem | TSelectedItem[]; // Can be a single value or an array
   isMultiple: boolean;
+  minSelectableItems?: number;
   maxSelectableItems?: number;
   onValueChange: (selectedItems: TSelectedItem | TSelectedItem[]) => void;
   closeModal: () => void;
@@ -13,12 +14,13 @@ interface UseSelectionHandlerProps {
 export const useSelectionHandler = ({
   initialSelectedValue,
   isMultiple,
+  minSelectableItems = 0,
   maxSelectableItems,
   onValueChange,
   closeModal,
   autoCloseOnSelect,
 }: UseSelectionHandlerProps) => {
-  // Initialize state based on whether it's multiple selection or not
+  // Initialize state based on whether it is multiple selection or not
   const [selectedItem, setSelectedItem] = useState<TSelectedItem>(
     isMultiple ? '' : (initialSelectedValue as TSelectedItem)
   );
@@ -29,8 +31,11 @@ export const useSelectionHandler = ({
   const handleSingleSelection = useCallback(
     (value: TSelectedItem) => {
       if (selectedItem === value) {
-        setSelectedItem('');
-        onValueChange(''); // Send null to parent when deselected
+        // Deselect item if minSelectableItems is not reached
+        if (minSelectableItems === 0) {
+          setSelectedItem('');
+          onValueChange(''); // Send null to parent when deselected
+        }
       } else {
         setSelectedItem(value);
         onValueChange(value); // Send selected value to parent
@@ -40,7 +45,13 @@ export const useSelectionHandler = ({
         }
       }
     },
-    [selectedItem, onValueChange, autoCloseOnSelect, closeModal]
+    [
+      selectedItem,
+      minSelectableItems,
+      onValueChange,
+      autoCloseOnSelect,
+      closeModal,
+    ]
   );
 
   const handleMultipleSelections = useCallback(
@@ -49,8 +60,10 @@ export const useSelectionHandler = ({
         let selectedValues = [...prevVal];
 
         if (selectedValues.includes(value)) {
-          // Remove item
-          selectedValues = selectedValues.filter((item) => item !== value);
+          // Only remove item if it doesn't drop below the minimum required
+          if (selectedValues.length > minSelectableItems) {
+            selectedValues = selectedValues.filter((item) => item !== value);
+          }
         } else {
           // Add item
           if (
@@ -66,7 +79,7 @@ export const useSelectionHandler = ({
         return selectedValues;
       });
     },
-    [maxSelectableItems, onValueChange]
+    [minSelectableItems, maxSelectableItems, onValueChange]
   );
 
   // Return the relevant state and handlers

package/src/index.tsx

@@ -18,7 +18,11 @@ import type {
   DropdownSelectHandle,
   TSelectedItem,
 } from './types/index.types';
-import { extractPropertyFromArray, getLabelsOfSelectedItems } from './utils';
+import {
+  extractPropertyFromArray,
+  getSelectionsData,
+  removeDisabledItems,
+} from './utils';
 import {
   useSelectionHandler,
   useModal,
@@ -63,7 +67,9 @@ export const DropdownSelect = forwardRef<DropdownSelectHandle, DropdownProps>(
       searchControls,
       modalControls,
       checkboxControls,
+      selectedItemsControls,
       autoCloseOnSelect = true,
+      minSelectableItems,
       maxSelectableItems,
       ...rest
     },
@@ -138,6 +144,7 @@ export const DropdownSelect = forwardRef<DropdownSelectHandle, DropdownProps>(
     } = useSelectionHandler({
       initialSelectedValue: selectedValue,
       isMultiple,
+      minSelectableItems,
       maxSelectableItems,
       onValueChange,
       closeModal: () => closeModal(),
@@ -149,14 +156,9 @@ export const DropdownSelect = forwardRef<DropdownSelectHandle, DropdownProps>(
         ? setSelectedItems(selectedValue as TSelectedItem[])
         : setSelectedItem(selectedValue as TSelectedItem);
 
-      return () => {};
-    }, [
-      selectedValue,
-      setSelectedItems,
-      setSelectedItem,
-      isMultiple,
-      onValueChange,
-    ]);
+      // setSelectedItems already updates selectedValue, so omit it from dependency array to avoid infinite loop
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [setSelectedItems, setSelectedItem, isMultiple, onValueChange]);
 
     /*===========================================
      * List type
@@ -198,18 +200,19 @@ export const DropdownSelect = forwardRef<DropdownSelectHandle, DropdownProps>(
           placeholder={placeholder}
           helperText={helperText}
           error={error}
-          labelsOfSelectedItems={getLabelsOfSelectedItems({
+          selectionData={getSelectionsData({
             isMultiple,
-            optionLabel,
             optionValue,
             selectedItem,
             selectedItems,
             modifiedOptions,
           })}
+          optionLabel={optionLabel}
+          optionValue={optionValue}
           selectedItem={selectedItem}
           selectedItems={selectedItems}
+          selectedItemsControls={selectedItemsControls}
           openModal={() => openModal()}
-          closeModal={() => closeModal()}
           labelStyle={labelStyle}
           dropdownIcon={dropdownIcon}
           dropdownStyle={dropdownStyle}
@@ -225,6 +228,7 @@ export const DropdownSelect = forwardRef<DropdownSelectHandle, DropdownProps>(
           disabled={disabled}
           placeholderStyle={placeholderStyle}
           setIndexOfSelectedItem={setIndexOfSelectedItem}
+          handleMultipleSelections={handleMultipleSelections}
           {...rest}
         />
         <CustomModal
@@ -259,17 +263,20 @@ export const DropdownSelect = forwardRef<DropdownSelectHandle, DropdownProps>(
                   modifiedOptions?.length > 1 && (
                     <View style={styles.optionsContainerStyle}>
                       <TouchableOpacity accessible={false}>
-                        <CheckBox
-                          value={selectAll}
-                          label={
-                            selectAll
-                              ? listControls?.unselectAllText || 'Clear all'
-                              : listControls?.selectAllText || 'Select all'
-                          }
-                          onChange={() => handleSelectAll()}
-                          primaryColor={primaryColor}
-                          checkboxControls={checkboxControls}
-                        />
+                        {/* only show this if all the items in the list are not disabled */}
+                        {removeDisabledItems(modifiedOptions)?.length !== 0 && (
+                          <CheckBox
+                            value={selectAll}
+                            label={
+                              selectAll
+                                ? listControls?.unselectAllText || 'Clear all'
+                                : listControls?.selectAllText || 'Select all'
+                            }
+                            onChange={() => handleSelectAll()}
+                            primaryColor={primaryColor}
+                            checkboxControls={checkboxControls}
+                          />
+                        )}
                       </TouchableOpacity>
                     </View>
                   )}

package/src/styles/colors.ts

@@ -1,4 +1,4 @@
-export const colors: any = {
+export const colors = {
   primary: 'green',
   red: '#FA4169',
   black: '#000000',

package/src/styles/input.ts

@@ -1,7 +1,7 @@
 import { StyleSheet } from 'react-native';
 import { colors } from './colors';
 
-export const inputStyles: any = StyleSheet.create({
+export const inputStyles = StyleSheet.create({
   input: {
     paddingVertical: 18,
     paddingHorizontal: 23,

package/src/types/index.types.ts

@@ -13,18 +13,19 @@ export type DropdownProps = CommonDropdownProps &
   TListProps;
 
 export type CommonDropdownProps = {
-  testID?: string;
-  label?: string;
   options: TFlatList | TSectionList;
-  optionLabel?: string;
-  optionValue?: string;
   onValueChange: (selectedItems: TSelectedItem | TSelectedItem[]) => void;
   selectedValue: TSelectedItem | TSelectedItem[];
+  optionLabel?: string;
+  optionValue?: string;
   autoCloseOnSelect?: boolean;
+  minSelectableItems?: number;
   maxSelectableItems?: number;
 };
 
 export type TDropdownInputProps = {
+  testID?: string;
+  label?: string;
   placeholder?: string;
   error?: string;
   helperText?: string;
@@ -38,8 +39,8 @@ export type TDropdownInputProps = {
   dropdownErrorStyle?: ViewStyle;
   dropdownErrorTextStyle?: TextStyle;
   dropdownHelperTextStyle?: TextStyle;
-  selectedItemStyle?: TextStyle;
-  multipleSelectedItemStyle?: TextStyle;
+  selectedItemStyle?: TextStyle | ViewStyle;
+  multipleSelectedItemStyle?: TextStyle | ViewStyle;
   primaryColor?: ColorValue;
   disabled?: boolean;
   placeholderStyle?: TextStyle;
@@ -50,6 +51,7 @@ type TControls = {
   checkboxControls?: TCheckboxControls;
   modalControls?: TCustomModalControls;
   listControls?: TListControls;
+  selectedItemsControls?: TSelectedItemsControls;
 };
 
 type TSearchControls = {
@@ -95,6 +97,12 @@ type TListControls = {
   keyboardShouldPersistTaps?: 'always' | 'never' | 'handled';
 };
 
+export type TSelectedItemsControls = {
+  showRemoveIcon?: boolean;
+  removeItemIcon?: React.ReactNode;
+  onRemoveItem?: () => void;
+};
+
 export type TSelectedItem = string | number | boolean | undefined;
 export type TSelectedItemWithReactComponent =
   | TSelectedItem

package/src/utils/index.ts

@@ -1,10 +1,6 @@
+import { TextStyle, ViewStyle } from 'react-native';
 import { TSelectedItem } from '../types/index.types';
-import {
-  TFlatList,
-  TFlatListItem,
-  TSectionList,
-  TSelectedItemWithReactComponent,
-} from '../types/index.types';
+import { TFlatList, TFlatListItem, TSectionList } from '../types/index.types';
 
 export const extractPropertyFromArray = (arr: any[], property: string) => {
   let extractedValue = arr?.map((item: any) => item[property]);
@@ -31,40 +27,76 @@ export const isSectionList = (options: TFlatList | TSectionList): boolean => {
  * @description get the labels of the items that were selected from the options array for either multiple or single selections
  * @returns
  */
-export const getLabelsOfSelectedItems = ({
+export const getSelectionsData = ({
   isMultiple,
-  optionLabel,
   optionValue,
   selectedItem,
   selectedItems,
   modifiedOptions,
 }: {
   isMultiple: boolean;
-  optionLabel: string;
   optionValue: string;
   selectedItem: TSelectedItem;
   selectedItems: TSelectedItem[];
   modifiedOptions: TFlatList;
-}) => {
+}): TFlatListItem | TFlatListItem[] => {
   // Multiple select
-  if (isMultiple && Array.isArray(selectedItems)) {
-    let selectedLabels: TSelectedItemWithReactComponent[] = [];
+  if (isMultiple) {
+    let currentSelections: TFlatListItem[] = [];
 
-    selectedItems?.forEach((element: TSelectedItem) => {
-      let selectedItemLabel = modifiedOptions?.find(
-        (item: TFlatListItem) => item[optionValue] === element
-      )?.[optionLabel];
+    Array.isArray(selectedItems) &&
+      selectedItems.forEach((element: TSelectedItem) => {
+        const currentSelection = modifiedOptions?.find(
+          (item: TFlatListItem) => item[optionValue] === element
+        );
 
-      if (selectedItemLabel !== '') {
-        selectedLabels.push(selectedItemLabel);
-      }
-    });
-    return selectedLabels;
+        // Only push if currentSelection is defined and is of the correct type
+        if (currentSelection) {
+          currentSelections.push(currentSelection);
+        }
+      });
+
+    return currentSelections;
   }
 
   // Single select
-  let selectedItemLabel = modifiedOptions?.find(
+  let current = modifiedOptions?.find(
     (item: TFlatListItem) => item[optionValue] === selectedItem
   );
-  return selectedItemLabel?.[optionLabel];
+  return current ? current : {};
+};
+
+const textStyleKeys = [
+  'color',
+  'fontSize',
+  'fontFamily',
+  'fontWeight',
+  'fontStyle',
+  'textAlign',
+  'lineHeight',
+  'textDecorationLine',
+  'textDecorationStyle',
+  'textDecorationColor',
+  'textShadowColor',
+  'textShadowOffset',
+  'textShadowRadius',
+  'letterSpacing',
+  'textTransform',
+];
+
+export const extractTextStylesFromArray = (
+  styleArray: (ViewStyle & TextStyle)[] = []
+) => {
+  const extractedStyles: Record<string, any> = {};
+  for (const styleObject of styleArray) {
+    if (styleObject && typeof styleObject === 'object') {
+      // Ensure it's a valid style object
+      for (const prop in styleObject) {
+        if (textStyleKeys.includes(prop)) {
+          extractedStyles[prop] = (styleObject as Record<string, any>)[prop];
+        }
+      }
+    }
+  }
+  return extractedStyles;
 };

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_CheckBox","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DropdownListItem","item","optionLabel","optionValue","isMultiple","selectedOption","onChange","primaryColor","checkboxControls","createElement","TouchableOpacity","style","styles","listItemContainerStyle","onPress","disabled","value","includes","label","StyleSheet","create","paddingHorizontal","paddingVertical","flexDirection","alignItems","_default","exports","memo"],"sourceRoot":"../../../../src","sources":["components/Dropdown/DropdownListItem.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","_input","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","DropdownSelectedItemsView","placeholder","error","labelsOfSelectedItems","openModal","isMultiple","selectedItem","selectedItems","dropdownIcon","dropdownStyle","dropdownIconStyle","selectedItemStyle","placeholderStyle","multipleSelectedItemStyle","dropdownErrorStyle","primaryColor","disabled","setIndexOfSelectedItem","openActions","label","createElement","Pressable","onPress","style","pressed","inputStyles","inputFocusState","borderColor","input","inputFocusErrorState","testID","ScrollView","horizontal","alwaysBounceHorizontal","showsHorizontalScrollIndicator","View","styles","selectedItemsContainer","onStartShouldSetResponder","map","i","DropdownContent","key","Math","random","backgroundColor","blackText","iconStyle","Image","source","rest","TouchableOpacity","Text","StyleSheet","create","position","right","top","flexDirection","flexWrap","alignItems","color","colors","white","paddingHorizontal","paddingVertical","borderRadius","primary","marginRight","overflow","black","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Dropdown/DropdownSelectedItemsView.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","memo","TouchableOpacity","StyleSheet","CheckBox","DropdownListItem","item","optionLabel","optionValue","isMultiple","selectedOption","onChange","primaryColor","checkboxControls","createElement","style","styles","listItemContainerStyle","onPress","disabled","value","includes","label","create","paddingHorizontal","paddingVertical","flexDirection","alignItems"],"sourceRoot":"../../../../src","sources":["components/Dropdown/DropdownListItem.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AAC3D,OAAOC,QAAQ,MAAM,aAAa;AAElC,MAAMC,gBAAgB,GAAGA,CAAC;EACxBC,IAAI;EACJC,WAAW;EACXC,WAAW;EACXC,UAAU;EACVC,cAAc;EACdC,QAAQ;EACRC,YAAY;EACZC;AACG,CAAC,KAAK;EACT,oBACEb,KAAA,CAAAc,aAAA,CAACZ,gBAAgB;IACfa,KAAK,EAAEC,MAAM,CAACC,sBAAuB;IACrCC,OAAO,EAAEZ,IAAI,CAACa,QAAQ,GAAG,MAAM,CAAC,CAAC,GAAG,MAAMR,QAAQ,CAACL,IAAI,CAACE,WAAW,CAAC;EAAE,gBAEtER,KAAA,CAAAc,aAAA,CAACV,QAAQ;IACPgB,KAAK,EACHX,UAAU,GACNC,cAAc,CAACW,QAAQ,CAACf,IAAI,CAACE,WAAW,CAAC,CAAC,GAC1C,CAACE,cAAc,CAAC,CAACW,QAAQ,CAACf,IAAI,CAACE,WAAW,CAAC,CAChD;IACDc,KAAK,EAAEhB,IAAI,CAACC,WAAW,CAAE;IACzBI,QAAQ,EAAEA,CAAA,KAAMA,QAAQ,CAACL,IAAI,CAACE,WAAW,CAAC,CAAE;IAC5CI,YAAY,EAAEA,YAAa;IAC3BC,gBAAgB,EAAEA,gBAAiB;IACnCM,QAAQ,EAAEb,IAAI,CAACa;EAAS,CACzB,CACe,CAAC;AAEvB,CAAC;AAED,MAAMH,MAAM,GAAGb,UAAU,CAACoB,MAAM,CAAC;EAC/BN,sBAAsB,EAAE;IACtBO,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,4BAAe1B,IAAI,CAACI,gBAAgB,CAAC","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","Text","Pressable","ScrollView","StyleSheet","Image","TouchableOpacity","colors","inputStyles","DropdownSelectedItemsView","placeholder","error","labelsOfSelectedItems","openModal","isMultiple","selectedItem","selectedItems","dropdownIcon","dropdownStyle","dropdownIconStyle","selectedItemStyle","placeholderStyle","multipleSelectedItemStyle","dropdownErrorStyle","primaryColor","disabled","setIndexOfSelectedItem","openActions","label","createElement","onPress","style","pressed","inputFocusState","borderColor","input","inputFocusErrorState","testID","horizontal","alwaysBounceHorizontal","showsHorizontalScrollIndicator","styles","selectedItemsContainer","onStartShouldSetResponder","map","i","DropdownContent","key","Math","random","backgroundColor","blackText","length","iconStyle","source","require","rest","_extends","create","position","right","top","flexDirection","flexWrap","alignItems","color","white","paddingHorizontal","paddingVertical","borderRadius","primary","marginRight","overflow","black"],"sourceRoot":"../../../../src","sources":["components/Dropdown/DropdownSelectedItemsView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/Dropdown/DropdownListItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/DropdownListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;8JAajC,GAAG;AA+BN,wBAAsC"}

package/lib/typescript/src/components/Dropdown/DropdownSelectedItemsView.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-declare const DropdownSelectedItemsView: ({ placeholder, error, labelsOfSelectedItems, openModal, isMultiple, selectedItem, selectedItems, dropdownIcon, dropdownStyle, dropdownIconStyle, selectedItemStyle, placeholderStyle, multipleSelectedItemStyle, dropdownErrorStyle, primaryColor, disabled, setIndexOfSelectedItem, }: any) => React.JSX.Element;
-export default DropdownSelectedItemsView;
-//# sourceMappingURL=DropdownSelectedItemsView.d.ts.map

package/lib/typescript/src/components/Dropdown/DropdownSelectedItemsView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownSelectedItemsView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/DropdownSelectedItemsView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,QAAA,MAAM,yBAAyB,GAAI,wRAkBhC,GAAG,sBAyEL,CAAC;AA6BF,eAAe,yBAAyB,CAAC"}