react-native-input-select 1.3.2 → 1.3.4

package/src/types/index.types.ts

@@ -6,11 +6,15 @@ import type {
   TextInputProps,
 } from 'react-native';
 
-export type DropdownProps = {
-  placeholder?: string;
+export type DropdownProps = CommonDropdownProps &
+  TDropdownInputProps &
+  TSearchControls &
+  TCheckboxControls &
+  TCustomModalControls &
+  TListControls;
+
+export type CommonDropdownProps = {
   label?: string;
-  error?: string;
-  helperText?: string;
   options: TFlatList | TSectionList;
   optionLabel?: string;
   optionValue?: string;
@@ -23,6 +27,12 @@ export type DropdownProps = {
     | boolean[]
     | number[]
     | null;
+};
+
+export type TDropdownInputProps = {
+  placeholder?: string;
+  error?: string;
+  helperText?: string;
   isMultiple?: boolean;
   isSearchable?: boolean;
   dropdownIcon?: React.ReactNode;
@@ -35,25 +45,61 @@ export type DropdownProps = {
   dropdownHelperTextStyle?: TextStyle;
   selectedItemStyle?: TextStyle;
   multipleSelectedItemStyle?: TextStyle;
-  modalBackgroundStyle?: ViewStyle;
-  modalOptionsContainerStyle?: ViewStyle;
-  searchInputStyle?: ViewStyle;
   primaryColor?: ColorValue;
   disabled?: boolean;
+  placeholderStyle?: TextStyle;
+  hideModal?: boolean;
+};
+
+export type TSearchControls = {
+  /** @deprecated Use `searchControls = {{textInputStyle: ViewStyle | TextStyle }}` instead.*/
+  searchInputStyle?: ViewStyle;
+  searchControls?: {
+    textInputStyle?: ViewStyle | TextStyle;
+    textInputContainerStyle?: ViewStyle;
+    textInputProps?: TextInputProps;
+  };
+};
+export type TCheckboxControls = {
+  /** @deprecated Use `checkboxControls = {{checkboxSize: number }}` instead.*/
   checkboxSize?: number;
+  /** @deprecated Use `checkboxControls = {{checkboxStyle: ViewStyle }}` instead.*/
   checkboxStyle?: ViewStyle;
+  /** @deprecated Use `checkboxControls = {{checkboxLabelStyle: TextStyle }}` instead.*/
   checkboxLabelStyle?: TextStyle;
+  /** @deprecated Use `checkboxControls` instead.*/
   checkboxComponentStyles?: {
     checkboxSize?: number;
     checkboxStyle?: ViewStyle;
     checkboxLabelStyle?: TextStyle;
   };
+  /** @deprecated Use `checkboxControls = {{checkboxComponent: <View></View> }}` instead.*/
   checkboxComponent?: React.ReactNode;
-  placeholderStyle?: TextStyle;
+  checkboxControls?: {
+    checkboxSize?: number;
+    checkboxStyle?: ViewStyle;
+    checkboxLabelStyle?: TextStyle;
+    checkboxComponent?: React.ReactNode;
+  };
+};
+
+export type TCustomModalControls = {
+  /** @deprecated Use `modalControls = {{modalBackgroundStyle: ViewStyle}} instead.*/
+  modalBackgroundStyle?: ViewStyle;
+  /** @deprecated Use `modalControls = {{ modalOptionsContainerStyle: ViewStyle}} instead.*/
+  modalOptionsContainerStyle?: ViewStyle;
+  /** @deprecated Use `modalControls = {{modalProps: ModalProps }}` instead.*/
+  modalProps?: ModalProps;
+  modalControls?: {
+    modalBackgroundStyle?: ViewStyle;
+    modalOptionsContainerStyle?: ViewStyle;
+    modalProps?: ModalProps;
+  };
+};
+
+export type TListControls = {
   listHeaderComponent?: React.ReactNode;
   listFooterComponent?: React.ReactNode;
-  hideModal?: boolean;
-  modalProps?: ModalProps;
   listComponentStyles?: {
     listEmptyComponentStyle?: TextStyle;
     itemSeparatorStyle?: ViewStyle;
@@ -67,11 +113,6 @@ export type DropdownProps = {
     hideSelectAll?: boolean;
     emptyListMessage?: string;
   };
-  searchControls?: {
-    textInputStyle?: ViewStyle | TextStyle;
-    textInputContainerStyle?: ViewStyle;
-    textInputProps?: TextInputProps;
-  };
 };
 
 export type TFlatList = TFlatListItem[];

package/src/utils/index.ts

@@ -2,8 +2,12 @@
  * Extract property from array
  */
 
-export const extractPropertyFromArray = (arr: any, property: string) => {
+export const extractPropertyFromArray = (arr: any[], property: string) => {
   let extractedValue = arr?.map((item: any) => item[property]);
 
   return extractedValue;
 };
+
+export const escapeRegExp = (text: string) => {
+  return text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+};

package/lib/commonjs/components/CheckBox/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React from 'react';\nimport type { ColorValue, ViewStyle, TextStyle } from 'react-native';\n\nexport type CheckboxProps = {\n  label?: string;\n  value?: boolean;\n  disabled?: boolean;\n  primaryColor?: ColorValue;\n  checkboxSize?: number;\n  checkboxStyle?: ViewStyle;\n  checkboxLabelStyle?: TextStyle;\n  checkboxComponentStyles?: {\n    checkboxSize?: number;\n    checkboxStyle?: ViewStyle;\n    checkboxLabelStyle?: TextStyle;\n  };\n  checkboxComponent?: React.ReactNode;\n  onChange?: (value: boolean | string | number) => void;\n};\n"],"mappings":""}

package/lib/module/components/CheckBox/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/lib/module/components/CheckBox/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React from 'react';\nimport type { ColorValue, ViewStyle, TextStyle } from 'react-native';\n\nexport type CheckboxProps = {\n  label?: string;\n  value?: boolean;\n  disabled?: boolean;\n  primaryColor?: ColorValue;\n  checkboxSize?: number;\n  checkboxStyle?: ViewStyle;\n  checkboxLabelStyle?: TextStyle;\n  checkboxComponentStyles?: {\n    checkboxSize?: number;\n    checkboxStyle?: ViewStyle;\n    checkboxLabelStyle?: TextStyle;\n  };\n  checkboxComponent?: React.ReactNode;\n  onChange?: (value: boolean | string | number) => void;\n};\n"],"mappings":""}

package/lib/typescript/components/CheckBox/types.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { ColorValue, ViewStyle, TextStyle } from 'react-native';
-export type CheckboxProps = {
-    label?: string;
-    value?: boolean;
-    disabled?: boolean;
-    primaryColor?: ColorValue;
-    checkboxSize?: number;
-    checkboxStyle?: ViewStyle;
-    checkboxLabelStyle?: TextStyle;
-    checkboxComponentStyles?: {
-        checkboxSize?: number;
-        checkboxStyle?: ViewStyle;
-        checkboxLabelStyle?: TextStyle;
-    };
-    checkboxComponent?: React.ReactNode;
-    onChange?: (value: boolean | string | number) => void;
-};

package/src/components/CheckBox/types.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { ColorValue, ViewStyle, TextStyle } from 'react-native';
-
-export type CheckboxProps = {
-  label?: string;
-  value?: boolean;
-  disabled?: boolean;
-  primaryColor?: ColorValue;
-  checkboxSize?: number;
-  checkboxStyle?: ViewStyle;
-  checkboxLabelStyle?: TextStyle;
-  checkboxComponentStyles?: {
-    checkboxSize?: number;
-    checkboxStyle?: ViewStyle;
-    checkboxLabelStyle?: TextStyle;
-  };
-  checkboxComponent?: React.ReactNode;
-  onChange?: (value: boolean | string | number) => void;
-};