react-native-input-select 1.1.5 → 1.1.7

package/README.md

@@ -1,6 +1,6 @@
 [![NPM](https://nodei.co/npm/react-native-input-select.png?downloads=true)](https://nodei.co/npm/react-native-input-select/)
 
-[![CodeQL](https://github.com/azeezat/react-native-select/actions/workflows/codeql.yml/badge.svg)](https://github.com/azeezat/react-native-select/actions/workflows/codeql.yml) [![Release & Publish to NPM](https://github.com/azeezat/react-native-select/actions/workflows/release-and-publish-to-npm.yml/badge.svg)](https://github.com/azeezat/react-native-select/actions/workflows/release-and-publish-to-npm.yml)
+[![npm version](https://badge.fury.io/js/react-native-input-select.svg)](https://badge.fury.io/js/react-native-input-select) [![GitHub stars](https://img.shields.io/github/stars/azeezat/react-native-select?style=social)](https://github.com/azeezat/react-native-select/stargazers) [![CodeQL](https://github.com/azeezat/react-native-select/actions/workflows/codeql.yml/badge.svg)](https://github.com/azeezat/react-native-select/actions/workflows/codeql.yml) [![Release & Publish to NPM](https://github.com/azeezat/react-native-select/actions/workflows/release-and-publish-to-npm.yml/badge.svg)](https://github.com/azeezat/react-native-select/actions/workflows/release-and-publish-to-npm.yml)
 
 # react-native-input-select
 
@@ -237,6 +237,7 @@ For more examples visit our [wiki page](https://github.com/azeezat/react-native-
 | <img width="456" alt="Screenshot 2023-05-16 at 6 17 09 AM" src="https://github.com/azeezat/react-native-select/assets/9849221/d695657f-d840-4368-b841-42af479d6543"> | <img width="456" alt="Screenshot 2023-03-23 at 5 26 58 PM" src="https://user-images.githubusercontent.com/9849221/227393548-28796d7b-9760-43a9-8ed3-fb1618cd1b7d.png"> | <img width="456" alt="Screenshot 2023-03-23 at 5 28 49 PM" src="https://user-images.githubusercontent.com/9849221/227393554-91ed1a92-d229-4814-84d8-5f9095e8d048.png"> |
 
 ## Props
+
 | Proptypes                  | Datatype                 | Example                                                              |
 | -------------------------- | ------------------------ | -------------------------------------------------------------------- |
 | label                      | `string`                 | Countries                                                            |
@@ -257,7 +258,6 @@ For more examples visit our [wiki page](https://github.com/azeezat/react-native-
 | dropdownStyle              | `Object`                 | `{borderColor: 'blue', margin: 5, borderWidth:0 ...}`                |
 | dropdownContainerStyle     | `Object`                 | `{backgroundColor: 'red', width: '30%', ...}`                        |
 | dropdownIconStyle          | `Object`                 | `{top: 10 , right: 10, ...}`                                         |
-| searchInputStyle           | `Object`                 | `{backgroundColor: 'red', borderRadius: 0, ...}`                     |
 | selectedItemStyle          | `Object`                 | `{fontWeight: '600', color: 'yellow', ...}`                          |
 | multipleSelectedItemStyle  | `Object`                 | `{backgroundColor: 'red', color: 'yellow', ...}`                     |
 | modalBackgroundStyle       | `Object`                 | `{backgroundColor: 'rgba(196, 198, 246, 0.5)'}`                      |
@@ -271,9 +271,10 @@ For more examples visit our [wiki page](https://github.com/azeezat/react-native-
 | listFooterComponent        | `React Component`        | `<Text> You can add any component here <Text>`                       |
 | hideModal                  | `Boolean`                | Use this to hide the modal as needed                                 |
 | listComponentStyles        | `Object`                 | `{listEmptyComponentStyle: ViewStyle, itemSeparatorStyle: ViewStyle, sectionHeaderStyle: TextStyle}` |
-| checkboxComponentStyles    | `Object`                 | `{checkboxSize?: number, checkboxStyle?: ViewStyle, checkboxLabelStyle: TextStyle}` |
+| checkboxComponentStyles    | `Object`                 | `{checkboxSize: number, checkboxStyle: ViewStyle, checkboxLabelStyle: TextStyle}` |
 | checkboxComponent          | `React Component`        | `<View style={styles.radioButton} />`                                |
-| listControls          | `Object`                 | `{ selectAllText: 'Choose all', unselectAllText: 'Remove all', selectAllCallback?: () => {}, unselectAllCallback?: () => {}}`   |
+| listControls               | `Object`                 | `{ selectAllText: 'Choose all', unselectAllText: 'Remove all', selectAllCallback: () => {}, unselectAllCallback: () => {}}`   |
+| searchControls             | `Object`                 | `{ textInputStyle: ViewStyle \| TextStyle,  textInputContainerStyle: ViewStyle, textInputProps: TextInputProps}` |
 
 ## Deprecation Notice
 
@@ -282,7 +283,7 @@ The following props would be removed in coming releases.
 - Individual props `checkboxSize`, `checkboxStyle`, `checkboxLabelStyle` would be replaced with a single object `checkboxComponentStyles` e.g
 
 ```js
-const checkboxComponentStyles = {
+checkboxComponentStyles = {
   checkboxSize: 20,
   checkboxStyle: {
     backgroundColor: 'purple',
@@ -294,6 +295,31 @@ const checkboxComponentStyles = {
 };
 ```
 
+- `searchInputStyle` would now be inside replaced with `textInputStyle` in the `searchControls` object
+
+```js
+searchControls={
+  textInputStyle: {
+    color: 'blue',
+    fontWeight: '500',
+    minHeight: 10,
+    paddingVertical: 10,
+    paddingHorizontal: 5,
+    width: '50%',
+    textAlign: 'center',
+  },
+  textInputContainerStyle: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  textInputProps: {
+    placeholder: 'Search anything here',
+    placeholderTextColor: 'gray',
+  },
+}
+```
+
 ## Contributing
 
 See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

package/lib/commonjs/components/CustomModal/index.js

@@ -12,7 +12,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const CustomModal = _ref => {
   let {
     open,
-    handleToggleModal,
     onRequestClose,
     modalBackgroundStyle,
     modalOptionsContainerStyle,
@@ -25,7 +24,7 @@ const CustomModal = _ref => {
     onRequestClose: () => onRequestClose(),
     animationType: "fade"
   }, modalProps), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: () => handleToggleModal(),
+    onPress: () => onRequestClose(),
     style: [styles.modalContainer, styles.modalBackgroundStyle, modalBackgroundStyle]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.SafeAreaView, {
     style: [styles.modalOptionsContainer, modalOptionsContainerStyle]

package/lib/commonjs/components/CustomModal/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CustomModal","_ref","open","handleToggleModal","onRequestClose","modalBackgroundStyle","modalOptionsContainerStyle","modalProps","children","createElement","Modal","transparent","visible","animationType","TouchableOpacity","onPress","style","styles","modalContainer","SafeAreaView","modalOptionsContainer","StyleSheet","create","flex","justifyContent","backgroundColor","maxHeight","colors","white","borderTopLeftRadius","borderTopRightRadius","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Modal,\n  TouchableOpacity,\n  SafeAreaView,\n  StyleSheet,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\n\nconst CustomModal = ({\n  open,\n  handleToggleModal,\n  onRequestClose,\n  modalBackgroundStyle,\n  modalOptionsContainerStyle,\n  modalProps,\n  children,\n}: any) => {\n  return (\n    <Modal\n      transparent={true}\n      visible={open}\n      onRequestClose={() => onRequestClose()}\n      animationType=\"fade\"\n      {...modalProps}\n    >\n      <TouchableOpacity\n        onPress={() => handleToggleModal()}\n        style={[\n          styles.modalContainer,\n          styles.modalBackgroundStyle,\n          modalBackgroundStyle,\n        ]}\n      >\n        <SafeAreaView\n          style={[styles.modalOptionsContainer, modalOptionsContainerStyle]}\n        >\n          {children}\n        </SafeAreaView>\n      </TouchableOpacity>\n    </Modal>\n  );\n};\n\nconst styles = StyleSheet.create({\n  modalContainer: {\n    flex: 1,\n    justifyContent: 'flex-end',\n  },\n  modalBackgroundStyle: { backgroundColor: 'rgba(0, 0, 0, 0.5)' },\n  modalOptionsContainer: {\n    maxHeight: '50%',\n    backgroundColor: colors.white,\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n  },\n});\n\nexport default CustomModal;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAF,OAAA;AAA6C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAE7C,MAAMQ,WAAW,GAAGC,IAAA,IAQT;EAAA,IARU;IACnBC,IAAI;IACJC,iBAAiB;IACjBC,cAAc;IACdC,oBAAoB;IACpBC,0BAA0B;IAC1BC,UAAU;IACVC;EACG,CAAC,GAAAP,IAAA;EACJ,oBACEvB,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC5B,YAAA,CAAA6B,KAAK,EAAAxB,QAAA;IACJyB,WAAW,EAAE,IAAK;IAClBC,OAAO,EAAEV,IAAK;IACdE,cAAc,EAAEA,CAAA,KAAMA,cAAc,CAAC,CAAE;IACvCS,aAAa,EAAC;EAAM,GAChBN,UAAU,gBAEd7B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC5B,YAAA,CAAAiC,gBAAgB;IACfC,OAAO,EAAEA,CAAA,KAAMZ,iBAAiB,CAAC,CAAE;IACnCa,KAAK,EAAE,CACLC,MAAM,CAACC,cAAc,EACrBD,MAAM,CAACZ,oBAAoB,EAC3BA,oBAAoB;EACpB,gBAEF3B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC5B,YAAA,CAAAsC,YAAY;IACXH,KAAK,EAAE,CAACC,MAAM,CAACG,qBAAqB,EAAEd,0BAA0B;EAAE,GAEjEE,QACW,CACE,CACb,CAAC;AAEZ,CAAC;AAED,MAAMS,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,cAAc,EAAE;IACdK,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDnB,oBAAoB,EAAE;IAAEoB,eAAe,EAAE;EAAqB,CAAC;EAC/DL,qBAAqB,EAAE;IACrBM,SAAS,EAAE,KAAK;IAChBD,eAAe,EAAEE,cAAM,CAACC,KAAK;IAC7BC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACxB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEY/B,WAAW;AAAAgC,OAAA,CAAA/C,OAAA,GAAA8C,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CustomModal","_ref","open","onRequestClose","modalBackgroundStyle","modalOptionsContainerStyle","modalProps","children","createElement","Modal","transparent","visible","animationType","TouchableOpacity","onPress","style","styles","modalContainer","SafeAreaView","modalOptionsContainer","StyleSheet","create","flex","justifyContent","backgroundColor","maxHeight","colors","white","borderTopLeftRadius","borderTopRightRadius","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Modal,\n  TouchableOpacity,\n  SafeAreaView,\n  StyleSheet,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\n\nconst CustomModal = ({\n  open,\n  onRequestClose,\n  modalBackgroundStyle,\n  modalOptionsContainerStyle,\n  modalProps,\n  children,\n}: any) => {\n  return (\n    <Modal\n      transparent={true}\n      visible={open}\n      onRequestClose={() => onRequestClose()}\n      animationType=\"fade\"\n      {...modalProps}\n    >\n      <TouchableOpacity\n        onPress={() => onRequestClose()}\n        style={[\n          styles.modalContainer,\n          styles.modalBackgroundStyle,\n          modalBackgroundStyle,\n        ]}\n      >\n        <SafeAreaView\n          style={[styles.modalOptionsContainer, modalOptionsContainerStyle]}\n        >\n          {children}\n        </SafeAreaView>\n      </TouchableOpacity>\n    </Modal>\n  );\n};\n\nconst styles = StyleSheet.create({\n  modalContainer: {\n    flex: 1,\n    justifyContent: 'flex-end',\n  },\n  modalBackgroundStyle: { backgroundColor: 'rgba(0, 0, 0, 0.5)' },\n  modalOptionsContainer: {\n    maxHeight: '50%',\n    backgroundColor: colors.white,\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n  },\n});\n\nexport default CustomModal;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAF,OAAA;AAA6C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAE7C,MAAMQ,WAAW,GAAGC,IAAA,IAOT;EAAA,IAPU;IACnBC,IAAI;IACJC,cAAc;IACdC,oBAAoB;IACpBC,0BAA0B;IAC1BC,UAAU;IACVC;EACG,CAAC,GAAAN,IAAA;EACJ,oBACEvB,MAAA,CAAAO,OAAA,CAAAuB,aAAA,CAAC3B,YAAA,CAAA4B,KAAK,EAAAvB,QAAA;IACJwB,WAAW,EAAE,IAAK;IAClBC,OAAO,EAAET,IAAK;IACdC,cAAc,EAAEA,CAAA,KAAMA,cAAc,CAAC,CAAE;IACvCS,aAAa,EAAC;EAAM,GAChBN,UAAU,gBAEd5B,MAAA,CAAAO,OAAA,CAAAuB,aAAA,CAAC3B,YAAA,CAAAgC,gBAAgB;IACfC,OAAO,EAAEA,CAAA,KAAMX,cAAc,CAAC,CAAE;IAChCY,KAAK,EAAE,CACLC,MAAM,CAACC,cAAc,EACrBD,MAAM,CAACZ,oBAAoB,EAC3BA,oBAAoB;EACpB,gBAEF1B,MAAA,CAAAO,OAAA,CAAAuB,aAAA,CAAC3B,YAAA,CAAAqC,YAAY;IACXH,KAAK,EAAE,CAACC,MAAM,CAACG,qBAAqB,EAAEd,0BAA0B;EAAE,GAEjEE,QACW,CACE,CACb,CAAC;AAEZ,CAAC;AAED,MAAMS,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,cAAc,EAAE;IACdK,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDnB,oBAAoB,EAAE;IAAEoB,eAAe,EAAE;EAAqB,CAAC;EAC/DL,qBAAqB,EAAE;IACrBM,SAAS,EAAE,KAAK;IAChBD,eAAe,EAAEE,cAAM,CAACC,KAAK;IAC7BC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACxB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEY9B,WAAW;AAAA+B,OAAA,CAAA9C,OAAA,GAAA6C,QAAA"}

package/lib/commonjs/components/Input/index.js

@@ -17,11 +17,13 @@ const Input = _ref => {
     onChangeText,
     style,
     primaryColor,
+    textInputContainerStyle,
+    openModal,
     ...rest
   } = _ref;
   const [isFocused, setFocus] = (0, _react.useState)(false);
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.container
+    style: [styles.container, textInputContainerStyle]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({
     placeholder: placeholder,
     style: [_input.inputStyles.input, _reactNative.Platform.select({
@@ -31,7 +33,10 @@ const Input = _ref => {
     }), isFocused && {
       borderColor: primaryColor
     }, style],
-    onFocus: () => setFocus(true),
+    onFocus: () => {
+      setFocus(true);
+      openModal();
+    },
     onBlur: () => setFocus(false),
     value: value,
     onChangeText: onChangeText

package/lib/commonjs/components/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_input","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","Input","_ref","placeholder","value","onChangeText","style","primaryColor","rest","isFocused","setFocus","useState","createElement","View","styles","container","TextInput","inputStyles","input","Platform","select","web","outlineColor","borderColor","onFocus","onBlur","exports","StyleSheet","create","margin","_default"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { TextInput, StyleSheet, View, Platform } from 'react-native';\nimport { inputStyles } from '../../styles/input';\n\nexport const Input = ({\n  placeholder,\n  value,\n  onChangeText,\n  style,\n  primaryColor,\n  ...rest\n}: any) => {\n  const [isFocused, setFocus] = useState(false);\n\n  return (\n    <View style={styles.container}>\n      <TextInput\n        placeholder={placeholder}\n        style={[\n          inputStyles.input,\n          Platform.select({\n            web: {\n              outlineColor: primaryColor,\n            },\n          }),\n          isFocused && { borderColor: primaryColor },\n          style,\n        ]}\n        onFocus={() => setFocus(true)}\n        onBlur={() => setFocus(false)}\n        value={value}\n        onChangeText={onChangeText}\n        {...rest}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { margin: 23 },\n});\n\nexport default Input;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_input","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","Input","_ref","placeholder","value","onChangeText","style","primaryColor","textInputContainerStyle","openModal","rest","isFocused","setFocus","useState","createElement","View","styles","container","TextInput","inputStyles","input","Platform","select","web","outlineColor","borderColor","onFocus","onBlur","exports","StyleSheet","create","margin","_default"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { TextInput, StyleSheet, View, Platform } from 'react-native';\nimport { inputStyles } from '../../styles/input';\n\nexport const Input = ({\n  placeholder,\n  value,\n  onChangeText,\n  style,\n  primaryColor,\n  textInputContainerStyle,\n  openModal,\n  ...rest\n}: any) => {\n  const [isFocused, setFocus] = useState(false);\n\n  return (\n    <View style={[styles.container, textInputContainerStyle]}>\n      <TextInput\n        placeholder={placeholder}\n        style={[\n          inputStyles.input,\n          Platform.select({\n            web: {\n              outlineColor: primaryColor,\n            },\n          }),\n          isFocused && { borderColor: primaryColor },\n          style,\n        ]}\n        onFocus={() => {\n          setFocus(true);\n          openModal();\n        }}\n        onBlur={() => setFocus(false)}\n        value={value}\n        onChangeText={onChangeText}\n        {...rest}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { margin: 23 },\n});\n\nexport default Input;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAiD,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAE1C,MAAMI,KAAK,GAAGC,IAAA,IASV;EAAA,IATW;IACpBC,WAAW;IACXC,KAAK;IACLC,YAAY;IACZC,KAAK;IACLC,YAAY;IACZC,uBAAuB;IACvBC,SAAS;IACT,GAAGC;EACA,CAAC,GAAAR,IAAA;EACJ,MAAM,CAACS,SAAS,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE7C,oBACEhD,MAAA,CAAAY,OAAA,CAAAqC,aAAA,CAAC9C,YAAA,CAAA+C,IAAI;IAACT,KAAK,EAAE,CAACU,MAAM,CAACC,SAAS,EAAET,uBAAuB;EAAE,gBACvD3C,MAAA,CAAAY,OAAA,CAAAqC,aAAA,CAAC9C,YAAA,CAAAkD,SAAS,EAAA1B,QAAA;IACRW,WAAW,EAAEA,WAAY;IACzBG,KAAK,EAAE,CACLa,kBAAW,CAACC,KAAK,EACjBC,qBAAQ,CAACC,MAAM,CAAC;MACdC,GAAG,EAAE;QACHC,YAAY,EAAEjB;MAChB;IACF,CAAC,CAAC,EACFI,SAAS,IAAI;MAAEc,WAAW,EAAElB;IAAa,CAAC,EAC1CD,KAAK,CACL;IACFoB,OAAO,EAAEA,CAAA,KAAM;MACbd,QAAQ,CAAC,IAAI,CAAC;MACdH,SAAS,CAAC,CAAC;IACb,CAAE;IACFkB,MAAM,EAAEA,CAAA,KAAMf,QAAQ,CAAC,KAAK,CAAE;IAC9BR,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA;EAAa,GACvBK,IAAI,CACT,CACG,CAAC;AAEX,CAAC;AAACkB,OAAA,CAAA3B,KAAA,GAAAA,KAAA;AAEF,MAAMe,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IAAEc,MAAM,EAAE;EAAG;AAC1B,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEY/B,KAAK;AAAA2B,OAAA,CAAAnD,OAAA,GAAAuD,QAAA"}

package/lib/commonjs/index.js

@@ -46,6 +46,7 @@ const DropdownSelect = _ref => {
     modalBackgroundStyle,
     modalOptionsContainerStyle,
     searchInputStyle,
+    // kept for backwards compatibility
     primaryColor,
     disabled,
     checkboxSize,
@@ -62,6 +63,7 @@ const DropdownSelect = _ref => {
     modalProps,
     hideModal = false,
     listControls,
+    searchControls,
     ...rest
   } = _ref;
   const [newOptions, setNewOptions] = (0, _react.useState)([]);
@@ -74,10 +76,11 @@ const DropdownSelect = _ref => {
     itemIndex: 0
   }); // for scrollToIndex in Sectionlist and Flatlist
 
+  if (!options || options.length === 0) {
+    throw new Error('Options array cannot be empty or undefined');
+  }
   (0, _react.useEffect)(() => {
-    if (options) {
-      setNewOptions(options);
-    }
+    setNewOptions(options);
     return () => {};
   }, [options]);
   (0, _react.useEffect)(() => {
@@ -89,13 +92,19 @@ const DropdownSelect = _ref => {
    * List type
    *==========================================*/
 
+  // check the structure of the new options array to determine if it is a section list or a
   const isSectionList = newOptions.some(item => item.title && item.data && Array.isArray(item.data));
   const ListTypeComponent = isSectionList ? _DropdownSectionList.default : _DropdownFlatList.default;
   const modifiedSectionData = (0, _utils.extractPropertyFromArray)(newOptions, 'data').flat();
+
+  /**
+   *`modifiedOptions` should only be used for computations newOptions remains the default array.
+   * At this point modifiedOptions now has the same structure for both `FlatList` and `SectionList`
+   */
   const modifiedOptions = isSectionList ? modifiedSectionData : newOptions;
   const optLabel = optionLabel || _constants.DEFAULT_OPTION_LABEL;
   const optValue = optionValue || _constants.DEFAULT_OPTION_VALUE;
-  const optionsCopy = JSON.parse(JSON.stringify(options)); //copy of the original options array
+  const optionsCopy = JSON.parse(JSON.stringify(options)); // copy of the original options array
 
   /*===========================================
    * Selection handlers
@@ -103,11 +112,11 @@ const DropdownSelect = _ref => {
   const handleSingleSelection = value => {
     if (selectedItem === value) {
       setSelectedItem(null);
-      onValueChange(null); //send value to parent
+      onValueChange(null); // send value to parent
     } else {
       setSelectedItem(value);
-      onValueChange(value); //send value to parent
-      setOpen(false); //close modal upon selection
+      onValueChange(value); // send value to parent
+      setOpen(false); // close modal upon selection
     }
   };
 
@@ -120,23 +129,26 @@ const DropdownSelect = _ref => {
       } else {
         selectedValues.push(value);
       }
-      onValueChange(selectedValues); //send value to parent
+      onValueChange(selectedValues); // send value to parent
       return selectedValues;
     });
   };
+  const removeDisabledItems = items => {
+    return items.filter(item => !item.disabled);
+  };
   const handleSelectAll = () => {
     setSelectAll(prevVal => {
       const selectedValues = [];
 
-      //don't select disabled items
-      const filteredOptions = modifiedOptions.filter(item => !item.disabled);
+      // don't select disabled items
+      const filteredOptions = removeDisabledItems(isSectionList ? (0, _utils.extractPropertyFromArray)(optionsCopy, 'data').flat() : optionsCopy);
       if (!prevVal) {
         for (let i = 0; i < filteredOptions.length; i++) {
           selectedValues.push(filteredOptions[i][optValue]);
         }
       }
       setSelectedItems(selectedValues);
-      onValueChange(selectedValues); //send value to parent
+      onValueChange(selectedValues); // send value to parent
       return !prevVal;
     });
     if (typeof (listControls === null || listControls === void 0 ? void 0 : listControls.selectAllCallback) === 'function' && !selectAll) {
@@ -152,7 +164,7 @@ const DropdownSelect = _ref => {
    *==========================================*/
   const checkSelectAll = (0, _react.useCallback)(selectedValues => {
     //if the list contains disabled values, those values will not be selected
-    if (modifiedOptions.filter(item => !item.disabled).length === selectedValues.length) {
+    if (removeDisabledItems(modifiedOptions).length === selectedValues.length) {
       setSelectAll(true);
     } else {
       setSelectAll(false);
@@ -192,14 +204,14 @@ const DropdownSelect = _ref => {
     let searchText = value.toString().toLocaleLowerCase().trim();
     const regexFilter = new RegExp(searchText, 'i');
 
-    //Because Search mutates the initial state, we have to search with a copy of the original array
+    // Because the options array will be mutated after Search, we have to search with a copy of the original array
     const searchResults = isSectionList ? searchSectionList(optionsCopy, regexFilter) : searchFlatList(optionsCopy, regexFilter);
     setNewOptions(searchResults);
   };
   const searchFlatList = (flatList, regexFilter) => {
     const searchResults = flatList.filter(item => {
       if (item[optLabel].toString().toLowerCase().search(regexFilter) !== -1 || item[optValue].toString().toLowerCase().search(regexFilter) !== -1) {
-        return item;
+        return true;
       }
       return;
     });
@@ -237,8 +249,6 @@ const DropdownSelect = _ref => {
     return () => {};
   }, [hideModal]);
   let primary = primaryColor || _colors.colors.gray;
-  const sectionListMaxLength = (0, _utils.getMaxLengthOfSectionListProperty)(newOptions, 'data');
-  const listIsEmpty = isSectionList ? sectionListMaxLength > 1 : newOptions.length > 1;
 
   /*===========================================
    * setIndexOfSelectedItem - For ScrollToIndex
@@ -288,18 +298,20 @@ const DropdownSelect = _ref => {
     setIndexOfSelectedItem: setIndexOfSelectedItem
   }, rest)), /*#__PURE__*/_react.default.createElement(_CustomModal.default, {
     open: open,
-    handleToggleModal: handleToggleModal,
     modalBackgroundStyle: modalBackgroundStyle,
     modalOptionsContainerStyle: modalOptionsContainerStyle,
-    onRequestClose: () => {},
+    onRequestClose: () => handleToggleModal(),
     modalProps: modalProps
   }, /*#__PURE__*/_react.default.createElement(ListTypeComponent, {
-    ListHeaderComponent: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isSearchable && /*#__PURE__*/_react.default.createElement(_Input.default, {
+    removeClippedSubviews: false,
+    ListHeaderComponent: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isSearchable && /*#__PURE__*/_react.default.createElement(_Input.default, _extends({
       value: searchValue,
       onChangeText: text => onSearch(text),
-      style: searchInputStyle,
-      primaryColor: primary
-    }), listHeaderComponent, isMultiple && listIsEmpty && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: (searchControls === null || searchControls === void 0 ? void 0 : searchControls.textInputStyle) || searchInputStyle,
+      primaryColor: primary,
+      textInputContainerStyle: searchControls === null || searchControls === void 0 ? void 0 : searchControls.textInputContainerStyle,
+      openModal: () => setOpen(true) // There seems to a known issue on expo web that closes the modal when the input is focused
+    }, searchControls === null || searchControls === void 0 ? void 0 : searchControls.textInputProps)), listHeaderComponent, isMultiple && modifiedOptions.length > 1 && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: styles.optionsContainerStyle
     }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
       onPress: () => {}

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Input","_interopRequireDefault","_CheckBox","_Dropdown","_DropdownFlatList","_DropdownSectionList","_CustomModal","_colors","_constants","_utils","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","DropdownSelect","_ref","placeholder","label","error","helperText","options","optionLabel","optionValue","onValueChange","selectedValue","isMultiple","isSearchable","dropdownIcon","labelStyle","placeholderStyle","dropdownStyle","dropdownIconStyle","dropdownContainerStyle","dropdownErrorStyle","dropdownErrorTextStyle","dropdownHelperTextStyle","selectedItemStyle","multipleSelectedItemStyle","modalBackgroundStyle","modalOptionsContainerStyle","searchInputStyle","primaryColor","disabled","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","listHeaderComponent","listFooterComponent","listComponentStyles","modalProps","hideModal","listControls","rest","newOptions","setNewOptions","useState","open","setOpen","selectAll","setSelectAll","selectedItem","setSelectedItem","selectedItems","setSelectedItems","searchValue","setSearchValue","listIndex","setListIndex","itemIndex","useEffect","Array","isArray","isSectionList","some","item","title","data","ListTypeComponent","DropdownSectionList","DropdownFlatList","modifiedSectionData","extractPropertyFromArray","flat","modifiedOptions","optLabel","DEFAULT_OPTION_LABEL","optValue","DEFAULT_OPTION_VALUE","optionsCopy","JSON","parse","stringify","handleSingleSelection","value","handleMultipleSelections","prevVal","_selectedValues","selectedValues","includes","filter","push","handleSelectAll","filteredOptions","selectAllCallback","unselectAllCallback","checkSelectAll","useCallback","getSelectedItemsLabel","selectedLabels","forEach","element","_modifiedOptions$find","selectedItemLabel","find","onSearch","searchText","toString","toLocaleLowerCase","trim","regexFilter","RegExp","searchResults","searchSectionList","searchFlatList","flatList","toLowerCase","search","sectionList","map","listItem","handleToggleModal","sectionIndex","primary","colors","gray","sectionListMaxLength","getMaxLengthOfSectionListProperty","listIsEmpty","setIndexOfSelectedItem","selectedLabel","_item$data","dataItem","createElement","Fragment","onRequestClose","ListHeaderComponent","onChangeText","text","style","View","styles","optionsContainerStyle","TouchableOpacity","onPress","unselectAllText","selectAllText","onChange","ListFooterComponent","exports","StyleSheet","create","paddingHorizontal","paddingVertical","flexDirection","_default"],"sources":["index.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { TouchableOpacity, StyleSheet, View } from 'react-native';\nimport Input from './components/Input';\nimport CheckBox from './components/CheckBox';\nimport Dropdown from './components/Dropdown/Dropdown';\nimport DropdownFlatList from './components/Dropdown/DropdownFlatList';\nimport DropdownSectionList from './components/Dropdown/DropdownSectionList';\nimport CustomModal from './components/CustomModal';\nimport { colors } from './styles/colors';\nimport { DEFAULT_OPTION_LABEL, DEFAULT_OPTION_VALUE } from './constants';\nimport type {\n  DropdownProps,\n  TFlatList,\n  TFlatListItem,\n  TSectionList,\n  TSectionListItem,\n} from './types/index.types';\nimport {\n  extractPropertyFromArray,\n  getMaxLengthOfSectionListProperty,\n} from './utils';\n\nexport const DropdownSelect: React.FC<DropdownProps> = ({\n  placeholder,\n  label,\n  error,\n  helperText,\n  options,\n  optionLabel,\n  optionValue,\n  onValueChange,\n  selectedValue,\n  isMultiple,\n  isSearchable,\n  dropdownIcon,\n  labelStyle,\n  placeholderStyle,\n  dropdownStyle,\n  dropdownIconStyle,\n  dropdownContainerStyle,\n  dropdownErrorStyle,\n  dropdownErrorTextStyle,\n  dropdownHelperTextStyle,\n  selectedItemStyle,\n  multipleSelectedItemStyle,\n  modalBackgroundStyle,\n  modalOptionsContainerStyle,\n  searchInputStyle,\n  primaryColor,\n  disabled,\n  checkboxSize, // kept for backwards compatibility\n  checkboxStyle, // kept for backwards compatibility\n  checkboxLabelStyle, // kept for backwards compatibility\n  checkboxComponentStyles,\n  checkboxComponent,\n  listHeaderComponent,\n  listFooterComponent,\n  listComponentStyles,\n  modalProps,\n  hideModal = false,\n  listControls,\n  ...rest\n}) => {\n  const [newOptions, setNewOptions] = useState<TFlatList | TSectionList>([]);\n  const [open, setOpen] = useState<boolean>(false);\n  const [selectAll, setSelectAll] = useState<boolean>(false);\n  const [selectedItem, setSelectedItem] = useState<any>(''); // for single selection\n  const [selectedItems, setSelectedItems] = useState<any[]>([]); // for multiple selection\n  const [searchValue, setSearchValue] = useState<string>('');\n  const [listIndex, setListIndex] = useState<{\n    sectionIndex?: number;\n    itemIndex: number;\n  }>({ itemIndex: 0 }); // for scrollToIndex in Sectionlist and Flatlist\n\n  useEffect(() => {\n    if (options) {\n      setNewOptions(options);\n    }\n    return () => {};\n  }, [options]);\n\n  useEffect(() => {\n    isMultiple\n      ? setSelectedItems(Array.isArray(selectedValue) ? selectedValue : [])\n      : setSelectedItem(selectedValue);\n\n    return () => {};\n  }, [selectedValue, isMultiple, onValueChange]);\n\n  /*===========================================\n   * List type\n   *==========================================*/\n\n  const isSectionList = newOptions.some(\n    (item) => item.title && item.data && Array.isArray(item.data)\n  );\n\n  const ListTypeComponent = isSectionList\n    ? DropdownSectionList\n    : DropdownFlatList;\n  const modifiedSectionData = extractPropertyFromArray(\n    newOptions,\n    'data'\n  ).flat();\n  const modifiedOptions = isSectionList ? modifiedSectionData : newOptions;\n\n  const optLabel = optionLabel || DEFAULT_OPTION_LABEL;\n  const optValue = optionValue || DEFAULT_OPTION_VALUE;\n  const optionsCopy = JSON.parse(JSON.stringify(options)); //copy of the original options array\n\n  /*===========================================\n   * Selection handlers\n   *==========================================*/\n  const handleSingleSelection = (value: string | number) => {\n    if (selectedItem === value) {\n      setSelectedItem(null);\n      onValueChange(null); //send value to parent\n    } else {\n      setSelectedItem(value);\n      onValueChange(value); //send value to parent\n      setOpen(false); //close modal upon selection\n    }\n  };\n\n  const handleMultipleSelections = (value: string[] | number[]) => {\n    setSelectedItems((prevVal) => {\n      let selectedValues = [...prevVal];\n\n      if (selectedValues?.includes(value)) {\n        selectedValues = selectedValues.filter((item) => item !== value);\n      } else {\n        selectedValues.push(value);\n      }\n      onValueChange(selectedValues); //send value to parent\n      return selectedValues;\n    });\n  };\n\n  const handleSelectAll = () => {\n    setSelectAll((prevVal) => {\n      const selectedValues = [];\n\n      //don't select disabled items\n      const filteredOptions = modifiedOptions.filter(\n        (item: TFlatListItem) => !item.disabled\n      );\n\n      if (!prevVal) {\n        for (let i = 0; i < filteredOptions.length; i++) {\n          selectedValues.push(filteredOptions[i][optValue]);\n        }\n      }\n\n      setSelectedItems(selectedValues);\n      onValueChange(selectedValues); //send value to parent\n      return !prevVal;\n    });\n\n    if (\n      typeof listControls?.selectAllCallback === 'function' &&\n      !selectAll\n    ) {\n      listControls.selectAllCallback();\n    }\n\n    if (\n      typeof listControls?.unselectAllCallback === 'function' &&\n      selectAll\n    ) {\n      listControls.unselectAllCallback();\n    }\n  };\n\n  /*===========================================\n   * Handle side effects\n   *==========================================*/\n  const checkSelectAll = useCallback(\n    (selectedValues: any[]) => {\n      //if the list contains disabled values, those values will not be selected\n      if (\n        modifiedOptions.filter((item: TFlatListItem) => !item.disabled)\n          .length === selectedValues.length\n      ) {\n        setSelectAll(true);\n      } else {\n        setSelectAll(false);\n      }\n    },\n    [modifiedOptions]\n  );\n\n  // anytime the selected items change, check if it is time to set `selectAll` to true\n  useEffect(() => {\n    if (isMultiple) {\n      checkSelectAll(selectedItems);\n    }\n    return () => {};\n  }, [checkSelectAll, isMultiple, selectedItems]);\n\n  /*===========================================\n   * Get label handler\n   *==========================================*/\n  const getSelectedItemsLabel = () => {\n    if (isMultiple && Array.isArray(selectedItems)) {\n      let selectedLabels: Array<string> = [];\n\n      selectedItems?.forEach((element: number | string) => {\n        let selectedItemLabel = modifiedOptions?.find(\n          (item: TFlatListItem) => item[optValue] === element\n        )?.[optLabel];\n        selectedLabels.push(selectedItemLabel);\n      });\n      return selectedLabels;\n    }\n\n    let selectedItemLabel = modifiedOptions?.find(\n      (item: TFlatListItem) => item[optValue] === selectedItem\n    );\n    return selectedItemLabel?.[optLabel];\n  };\n\n  /*===========================================\n   * Search\n   *==========================================*/\n  const onSearch = (value: string) => {\n    setSearchValue(value);\n\n    let searchText = value.toString().toLocaleLowerCase().trim();\n\n    const regexFilter = new RegExp(searchText, 'i');\n\n    //Because Search mutates the initial state, we have to search with a copy of the original array\n    const searchResults = isSectionList\n      ? searchSectionList(optionsCopy as TSectionList, regexFilter)\n      : searchFlatList(optionsCopy as TFlatList, regexFilter);\n\n    setNewOptions(searchResults);\n  };\n\n  const searchFlatList = (flatList: TFlatList, regexFilter: RegExp) => {\n    const searchResults = flatList.filter((item: TFlatListItem) => {\n      if (\n        item[optLabel].toString().toLowerCase().search(regexFilter) !== -1 ||\n        item[optValue].toString().toLowerCase().search(regexFilter) !== -1\n      ) {\n        return item;\n      }\n      return;\n    });\n    return searchResults;\n  };\n\n  const searchSectionList = (\n    sectionList: TSectionList,\n    regexFilter: RegExp\n  ) => {\n    const searchResults = sectionList.map((listItem: TSectionListItem) => {\n      listItem.data = listItem.data.filter((item: TFlatListItem) => {\n        if (\n          item[optLabel].toString().toLowerCase().search(regexFilter) !== -1 ||\n          item[optValue].toString().toLowerCase().search(regexFilter) !== -1\n        ) {\n          return listItem.data.push(item);\n        }\n        return;\n      });\n\n      return listItem;\n    });\n\n    return searchResults;\n  };\n\n  /*===========================================\n   * Modal\n   *==========================================*/\n  const handleToggleModal = () => {\n    setOpen(!open);\n    setSearchValue('');\n    setNewOptions(options);\n    setListIndex({ itemIndex: 0, sectionIndex: 0 });\n  };\n\n  useEffect(() => {\n    if (hideModal) {\n      setOpen(false);\n    }\n    return () => {};\n  }, [hideModal]);\n\n  let primary = primaryColor || colors.gray;\n\n  const sectionListMaxLength = getMaxLengthOfSectionListProperty(\n    newOptions as TSectionList,\n    'data'\n  );\n\n  const listIsEmpty = isSectionList\n    ? sectionListMaxLength > 1\n    : newOptions.length > 1;\n\n  /*===========================================\n   * setIndexOfSelectedItem - For ScrollToIndex\n   *==========================================*/\n  const setIndexOfSelectedItem = (selectedLabel: string) => {\n    isSectionList\n      ? optionsCopy.map((item: TSectionListItem, sectionIndex: number) => {\n          item.data?.find((dataItem: TFlatListItem, itemIndex: number) => {\n            if (dataItem[optLabel] === selectedLabel) {\n              setListIndex({ sectionIndex, itemIndex });\n            }\n          });\n        })\n      : optionsCopy?.find((item: TFlatListItem, itemIndex: number) => {\n          if (item[optLabel] === selectedLabel) {\n            setListIndex({ itemIndex });\n          }\n        });\n  };\n\n  return (\n    <>\n      <Dropdown\n        label={label}\n        placeholder={placeholder}\n        helperText={helperText}\n        error={error}\n        getSelectedItemsLabel={getSelectedItemsLabel}\n        selectedItem={selectedItem}\n        selectedItems={selectedItems}\n        handleToggleModal={handleToggleModal}\n        labelStyle={labelStyle}\n        dropdownIcon={dropdownIcon}\n        dropdownStyle={dropdownStyle}\n        dropdownIconStyle={dropdownIconStyle}\n        dropdownContainerStyle={dropdownContainerStyle}\n        dropdownErrorStyle={dropdownErrorStyle}\n        dropdownErrorTextStyle={dropdownErrorTextStyle}\n        dropdownHelperTextStyle={dropdownHelperTextStyle}\n        selectedItemStyle={selectedItemStyle}\n        multipleSelectedItemStyle={multipleSelectedItemStyle}\n        isMultiple={isMultiple}\n        primaryColor={primary}\n        disabled={disabled}\n        placeholderStyle={placeholderStyle}\n        setIndexOfSelectedItem={setIndexOfSelectedItem}\n        {...rest}\n      />\n      <CustomModal\n        open={open}\n        handleToggleModal={handleToggleModal}\n        modalBackgroundStyle={modalBackgroundStyle}\n        modalOptionsContainerStyle={modalOptionsContainerStyle}\n        onRequestClose={() => {}}\n        modalProps={modalProps}\n      >\n        <ListTypeComponent\n          ListHeaderComponent={\n            <>\n              {isSearchable && (\n                <Input\n                  value={searchValue}\n                  onChangeText={(text: string) => onSearch(text)}\n                  style={searchInputStyle}\n                  primaryColor={primary}\n                />\n              )}\n              {listHeaderComponent}\n              {isMultiple && listIsEmpty && (\n                <View style={styles.optionsContainerStyle}>\n                  <TouchableOpacity onPress={() => {}}>\n                    <CheckBox\n                      value={selectAll}\n                      label={\n                        selectAll\n                          ? listControls?.unselectAllText || 'Clear all'\n                          : listControls?.selectAllText || 'Select all'\n                      }\n                      onChange={() => handleSelectAll()}\n                      primaryColor={primary}\n                      checkboxSize={checkboxSize}\n                      checkboxStyle={checkboxStyle}\n                      checkboxLabelStyle={checkboxLabelStyle}\n                      checkboxComponentStyles={checkboxComponentStyles}\n                      checkboxComponent={checkboxComponent}\n                    />\n                  </TouchableOpacity>\n                </View>\n              )}\n            </>\n          }\n          ListFooterComponent={listFooterComponent}\n          listComponentStyles={listComponentStyles}\n          options={newOptions}\n          optionLabel={optLabel}\n          optionValue={optValue}\n          isMultiple={isMultiple}\n          isSearchable={isSearchable}\n          selectedItems={selectedItems}\n          selectedItem={selectedItem}\n          handleMultipleSelections={handleMultipleSelections}\n          handleSingleSelection={handleSingleSelection}\n          primaryColor={primary}\n          checkboxSize={checkboxSize}\n          checkboxStyle={checkboxStyle}\n          checkboxLabelStyle={checkboxLabelStyle}\n          checkboxComponentStyles={checkboxComponentStyles}\n          checkboxComponent={checkboxComponent}\n          listIndex={listIndex}\n        />\n      </CustomModal>\n    </>\n  );\n};\n\nconst styles = StyleSheet.create({\n  optionsContainerStyle: {\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n    flexDirection: 'row',\n  },\n});\n\nexport default DropdownSelect;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Input","_interopRequireDefault","_CheckBox","_Dropdown","_DropdownFlatList","_DropdownSectionList","_CustomModal","_colors","_constants","_utils","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","DropdownSelect","_ref","placeholder","label","error","helperText","options","optionLabel","optionValue","onValueChange","selectedValue","isMultiple","isSearchable","dropdownIcon","labelStyle","placeholderStyle","dropdownStyle","dropdownIconStyle","dropdownContainerStyle","dropdownErrorStyle","dropdownErrorTextStyle","dropdownHelperTextStyle","selectedItemStyle","multipleSelectedItemStyle","modalBackgroundStyle","modalOptionsContainerStyle","searchInputStyle","primaryColor","disabled","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","listHeaderComponent","listFooterComponent","listComponentStyles","modalProps","hideModal","listControls","searchControls","rest","newOptions","setNewOptions","useState","open","setOpen","selectAll","setSelectAll","selectedItem","setSelectedItem","selectedItems","setSelectedItems","searchValue","setSearchValue","listIndex","setListIndex","itemIndex","Error","useEffect","Array","isArray","isSectionList","some","item","title","data","ListTypeComponent","DropdownSectionList","DropdownFlatList","modifiedSectionData","extractPropertyFromArray","flat","modifiedOptions","optLabel","DEFAULT_OPTION_LABEL","optValue","DEFAULT_OPTION_VALUE","optionsCopy","JSON","parse","stringify","handleSingleSelection","value","handleMultipleSelections","prevVal","_selectedValues","selectedValues","includes","filter","push","removeDisabledItems","items","handleSelectAll","filteredOptions","selectAllCallback","unselectAllCallback","checkSelectAll","useCallback","getSelectedItemsLabel","selectedLabels","forEach","element","_modifiedOptions$find","selectedItemLabel","find","onSearch","searchText","toString","toLocaleLowerCase","trim","regexFilter","RegExp","searchResults","searchSectionList","searchFlatList","flatList","toLowerCase","search","sectionList","map","listItem","handleToggleModal","sectionIndex","primary","colors","gray","setIndexOfSelectedItem","selectedLabel","_item$data","dataItem","createElement","Fragment","onRequestClose","removeClippedSubviews","ListHeaderComponent","onChangeText","text","style","textInputStyle","textInputContainerStyle","openModal","textInputProps","View","styles","optionsContainerStyle","TouchableOpacity","onPress","unselectAllText","selectAllText","onChange","ListFooterComponent","exports","StyleSheet","create","paddingHorizontal","paddingVertical","flexDirection","_default"],"sources":["index.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { TouchableOpacity, StyleSheet, View } from 'react-native';\nimport Input from './components/Input';\nimport CheckBox from './components/CheckBox';\nimport Dropdown from './components/Dropdown/Dropdown';\nimport DropdownFlatList from './components/Dropdown/DropdownFlatList';\nimport DropdownSectionList from './components/Dropdown/DropdownSectionList';\nimport CustomModal from './components/CustomModal';\nimport { colors } from './styles/colors';\nimport { DEFAULT_OPTION_LABEL, DEFAULT_OPTION_VALUE } from './constants';\nimport type {\n  DropdownProps,\n  TFlatList,\n  TFlatListItem,\n  TSectionList,\n  TSectionListItem,\n} from './types/index.types';\nimport { extractPropertyFromArray } from './utils';\n\nexport const DropdownSelect: React.FC<DropdownProps> = ({\n  placeholder,\n  label,\n  error,\n  helperText,\n  options,\n  optionLabel,\n  optionValue,\n  onValueChange,\n  selectedValue,\n  isMultiple,\n  isSearchable,\n  dropdownIcon,\n  labelStyle,\n  placeholderStyle,\n  dropdownStyle,\n  dropdownIconStyle,\n  dropdownContainerStyle,\n  dropdownErrorStyle,\n  dropdownErrorTextStyle,\n  dropdownHelperTextStyle,\n  selectedItemStyle,\n  multipleSelectedItemStyle,\n  modalBackgroundStyle,\n  modalOptionsContainerStyle,\n  searchInputStyle, // kept for backwards compatibility\n  primaryColor,\n  disabled,\n  checkboxSize, // kept for backwards compatibility\n  checkboxStyle, // kept for backwards compatibility\n  checkboxLabelStyle, // kept for backwards compatibility\n  checkboxComponentStyles,\n  checkboxComponent,\n  listHeaderComponent,\n  listFooterComponent,\n  listComponentStyles,\n  modalProps,\n  hideModal = false,\n  listControls,\n  searchControls,\n  ...rest\n}) => {\n  const [newOptions, setNewOptions] = useState<TFlatList | TSectionList>([]);\n  const [open, setOpen] = useState<boolean>(false);\n  const [selectAll, setSelectAll] = useState<boolean>(false);\n  const [selectedItem, setSelectedItem] = useState<any>(''); // for single selection\n  const [selectedItems, setSelectedItems] = useState<any[]>([]); // for multiple selection\n  const [searchValue, setSearchValue] = useState<string>('');\n  const [listIndex, setListIndex] = useState<{\n    sectionIndex?: number;\n    itemIndex: number;\n  }>({ itemIndex: 0 }); // for scrollToIndex in Sectionlist and Flatlist\n\n  if (!options || options.length === 0) {\n    throw new Error('Options array cannot be empty or undefined');\n  }\n\n  useEffect(() => {\n    setNewOptions(options);\n    return () => {};\n  }, [options]);\n\n  useEffect(() => {\n    isMultiple\n      ? setSelectedItems(Array.isArray(selectedValue) ? selectedValue : [])\n      : setSelectedItem(selectedValue);\n\n    return () => {};\n  }, [selectedValue, isMultiple, onValueChange]);\n\n  /*===========================================\n   * List type\n   *==========================================*/\n\n  // check the structure of the new options array to determine if it is a section list or a\n  const isSectionList = newOptions.some(\n    (item) => item.title && item.data && Array.isArray(item.data)\n  );\n\n  const ListTypeComponent = isSectionList\n    ? DropdownSectionList\n    : DropdownFlatList;\n  const modifiedSectionData = extractPropertyFromArray(\n    newOptions,\n    'data'\n  ).flat();\n\n  /**\n   *`modifiedOptions` should only be used for computations newOptions remains the default array.\n   * At this point modifiedOptions now has the same structure for both `FlatList` and `SectionList`\n   */\n  const modifiedOptions = isSectionList ? modifiedSectionData : newOptions;\n\n  const optLabel = optionLabel || DEFAULT_OPTION_LABEL;\n  const optValue = optionValue || DEFAULT_OPTION_VALUE;\n  const optionsCopy = JSON.parse(JSON.stringify(options)); // copy of the original options array\n\n  /*===========================================\n   * Selection handlers\n   *==========================================*/\n  const handleSingleSelection = (value: string | number) => {\n    if (selectedItem === value) {\n      setSelectedItem(null);\n      onValueChange(null); // send value to parent\n    } else {\n      setSelectedItem(value);\n      onValueChange(value); // send value to parent\n      setOpen(false); // close modal upon selection\n    }\n  };\n\n  const handleMultipleSelections = (value: string[] | number[]) => {\n    setSelectedItems((prevVal) => {\n      let selectedValues = [...prevVal];\n\n      if (selectedValues?.includes(value)) {\n        selectedValues = selectedValues.filter((item) => item !== value);\n      } else {\n        selectedValues.push(value);\n      }\n      onValueChange(selectedValues); // send value to parent\n      return selectedValues;\n    });\n  };\n\n  const removeDisabledItems = (items: TFlatList) => {\n    return items.filter((item: TFlatListItem) => !item.disabled);\n  };\n\n  const handleSelectAll = () => {\n    setSelectAll((prevVal) => {\n      const selectedValues = [];\n\n      // don't select disabled items\n      const filteredOptions = removeDisabledItems(\n        isSectionList\n          ? extractPropertyFromArray(optionsCopy, 'data').flat()\n          : optionsCopy\n      );\n\n      if (!prevVal) {\n        for (let i = 0; i < filteredOptions.length; i++) {\n          selectedValues.push(filteredOptions[i][optValue]);\n        }\n      }\n\n      setSelectedItems(selectedValues);\n      onValueChange(selectedValues); // send value to parent\n      return !prevVal;\n    });\n\n    if (typeof listControls?.selectAllCallback === 'function' && !selectAll) {\n      listControls.selectAllCallback();\n    }\n\n    if (typeof listControls?.unselectAllCallback === 'function' && selectAll) {\n      listControls.unselectAllCallback();\n    }\n  };\n\n  /*===========================================\n   * Handle side effects\n   *==========================================*/\n  const checkSelectAll = useCallback(\n    (selectedValues: any[]) => {\n      //if the list contains disabled values, those values will not be selected\n      if (\n        removeDisabledItems(modifiedOptions).length === selectedValues.length\n      ) {\n        setSelectAll(true);\n      } else {\n        setSelectAll(false);\n      }\n    },\n    [modifiedOptions]\n  );\n\n  // anytime the selected items change, check if it is time to set `selectAll` to true\n  useEffect(() => {\n    if (isMultiple) {\n      checkSelectAll(selectedItems);\n    }\n    return () => {};\n  }, [checkSelectAll, isMultiple, selectedItems]);\n\n  /*===========================================\n   * Get label handler\n   *==========================================*/\n  const getSelectedItemsLabel = () => {\n    if (isMultiple && Array.isArray(selectedItems)) {\n      let selectedLabels: Array<string> = [];\n\n      selectedItems?.forEach((element: number | string) => {\n        let selectedItemLabel = modifiedOptions?.find(\n          (item: TFlatListItem) => item[optValue] === element\n        )?.[optLabel];\n        selectedLabels.push(selectedItemLabel);\n      });\n      return selectedLabels;\n    }\n\n    let selectedItemLabel = modifiedOptions?.find(\n      (item: TFlatListItem) => item[optValue] === selectedItem\n    );\n    return selectedItemLabel?.[optLabel];\n  };\n\n  /*===========================================\n   * Search\n   *==========================================*/\n  const onSearch = (value: string) => {\n    setSearchValue(value);\n\n    let searchText = value.toString().toLocaleLowerCase().trim();\n\n    const regexFilter = new RegExp(searchText, 'i');\n\n    // Because the options array will be mutated after Search, we have to search with a copy of the original array\n    const searchResults = isSectionList\n      ? searchSectionList(optionsCopy as TSectionList, regexFilter)\n      : searchFlatList(optionsCopy as TFlatList, regexFilter);\n\n    setNewOptions(searchResults);\n  };\n\n  const searchFlatList = (flatList: TFlatList, regexFilter: RegExp) => {\n    const searchResults = flatList.filter((item: TFlatListItem) => {\n      if (\n        item[optLabel].toString().toLowerCase().search(regexFilter) !== -1 ||\n        item[optValue].toString().toLowerCase().search(regexFilter) !== -1\n      ) {\n        return true;\n      }\n      return;\n    });\n    return searchResults;\n  };\n\n  const searchSectionList = (\n    sectionList: TSectionList,\n    regexFilter: RegExp\n  ) => {\n    const searchResults = sectionList.map((listItem: TSectionListItem) => {\n      listItem.data = listItem.data.filter((item: TFlatListItem) => {\n        if (\n          item[optLabel].toString().toLowerCase().search(regexFilter) !== -1 ||\n          item[optValue].toString().toLowerCase().search(regexFilter) !== -1\n        ) {\n          return listItem.data.push(item);\n        }\n        return;\n      });\n\n      return listItem;\n    });\n\n    return searchResults;\n  };\n\n  /*===========================================\n   * Modal\n   *==========================================*/\n  const handleToggleModal = () => {\n    setOpen(!open);\n    setSearchValue('');\n    setNewOptions(options);\n    setListIndex({ itemIndex: 0, sectionIndex: 0 });\n  };\n\n  useEffect(() => {\n    if (hideModal) {\n      setOpen(false);\n    }\n    return () => {};\n  }, [hideModal]);\n\n  let primary = primaryColor || colors.gray;\n\n  /*===========================================\n   * setIndexOfSelectedItem - For ScrollToIndex\n   *==========================================*/\n  const setIndexOfSelectedItem = (selectedLabel: string) => {\n    isSectionList\n      ? optionsCopy.map((item: TSectionListItem, sectionIndex: number) => {\n          item.data?.find((dataItem: TFlatListItem, itemIndex: number) => {\n            if (dataItem[optLabel] === selectedLabel) {\n              setListIndex({ sectionIndex, itemIndex });\n            }\n          });\n        })\n      : optionsCopy?.find((item: TFlatListItem, itemIndex: number) => {\n          if (item[optLabel] === selectedLabel) {\n            setListIndex({ itemIndex });\n          }\n        });\n  };\n\n  return (\n    <>\n      <Dropdown\n        label={label}\n        placeholder={placeholder}\n        helperText={helperText}\n        error={error}\n        getSelectedItemsLabel={getSelectedItemsLabel}\n        selectedItem={selectedItem}\n        selectedItems={selectedItems}\n        handleToggleModal={handleToggleModal}\n        labelStyle={labelStyle}\n        dropdownIcon={dropdownIcon}\n        dropdownStyle={dropdownStyle}\n        dropdownIconStyle={dropdownIconStyle}\n        dropdownContainerStyle={dropdownContainerStyle}\n        dropdownErrorStyle={dropdownErrorStyle}\n        dropdownErrorTextStyle={dropdownErrorTextStyle}\n        dropdownHelperTextStyle={dropdownHelperTextStyle}\n        selectedItemStyle={selectedItemStyle}\n        multipleSelectedItemStyle={multipleSelectedItemStyle}\n        isMultiple={isMultiple}\n        primaryColor={primary}\n        disabled={disabled}\n        placeholderStyle={placeholderStyle}\n        setIndexOfSelectedItem={setIndexOfSelectedItem}\n        {...rest}\n      />\n      <CustomModal\n        open={open}\n        modalBackgroundStyle={modalBackgroundStyle}\n        modalOptionsContainerStyle={modalOptionsContainerStyle}\n        onRequestClose={() => handleToggleModal()}\n        modalProps={modalProps}\n      >\n        <ListTypeComponent\n          removeClippedSubviews={false}\n          ListHeaderComponent={\n            <>\n              {isSearchable && (\n                <Input\n                  value={searchValue}\n                  onChangeText={(text: string) => onSearch(text)}\n                  style={searchControls?.textInputStyle || searchInputStyle}\n                  primaryColor={primary}\n                  textInputContainerStyle={\n                    searchControls?.textInputContainerStyle\n                  }\n                  openModal={() => setOpen(true)} // There seems to a known issue on expo web that closes the modal when the input is focused\n                  {...searchControls?.textInputProps}\n                />\n              )}\n              {listHeaderComponent}\n              {isMultiple && modifiedOptions.length > 1 && (\n                <View style={styles.optionsContainerStyle}>\n                  <TouchableOpacity onPress={() => {}}>\n                    <CheckBox\n                      value={selectAll}\n                      label={\n                        selectAll\n                          ? listControls?.unselectAllText || 'Clear all'\n                          : listControls?.selectAllText || 'Select all'\n                      }\n                      onChange={() => handleSelectAll()}\n                      primaryColor={primary}\n                      checkboxSize={checkboxSize}\n                      checkboxStyle={checkboxStyle}\n                      checkboxLabelStyle={checkboxLabelStyle}\n                      checkboxComponentStyles={checkboxComponentStyles}\n                      checkboxComponent={checkboxComponent}\n                    />\n                  </TouchableOpacity>\n                </View>\n              )}\n            </>\n          }\n          ListFooterComponent={listFooterComponent}\n          listComponentStyles={listComponentStyles}\n          options={newOptions}\n          optionLabel={optLabel}\n          optionValue={optValue}\n          isMultiple={isMultiple}\n          isSearchable={isSearchable}\n          selectedItems={selectedItems}\n          selectedItem={selectedItem}\n          handleMultipleSelections={handleMultipleSelections}\n          handleSingleSelection={handleSingleSelection}\n          primaryColor={primary}\n          checkboxSize={checkboxSize}\n          checkboxStyle={checkboxStyle}\n          checkboxLabelStyle={checkboxLabelStyle}\n          checkboxComponentStyles={checkboxComponentStyles}\n          checkboxComponent={checkboxComponent}\n          listIndex={listIndex}\n        />\n      </CustomModal>\n    </>\n  );\n};\n\nconst styles = StyleSheet.create({\n  optionsContainerStyle: {\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n    flexDirection: 'row',\n  },\n});\n\nexport default DropdownSelect;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,SAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,iBAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,oBAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,YAAA,GAAAL,sBAAA,CAAAH,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AAQA,IAAAW,MAAA,GAAAX,OAAA;AAAmD,SAAAG,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAjB,wBAAAa,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAE5C,MAAMI,cAAuC,GAAGC,IAAA,IAyCjD;EAAA,IAzCkD;IACtDC,WAAW;IACXC,KAAK;IACLC,KAAK;IACLC,UAAU;IACVC,OAAO;IACPC,WAAW;IACXC,WAAW;IACXC,aAAa;IACbC,aAAa;IACbC,UAAU;IACVC,YAAY;IACZC,YAAY;IACZC,UAAU;IACVC,gBAAgB;IAChBC,aAAa;IACbC,iBAAiB;IACjBC,sBAAsB;IACtBC,kBAAkB;IAClBC,sBAAsB;IACtBC,uBAAuB;IACvBC,iBAAiB;IACjBC,yBAAyB;IACzBC,oBAAoB;IACpBC,0BAA0B;IAC1BC,gBAAgB;IAAE;IAClBC,YAAY;IACZC,QAAQ;IACRC,YAAY;IAAE;IACdC,aAAa;IAAE;IACfC,kBAAkB;IAAE;IACpBC,uBAAuB;IACvBC,iBAAiB;IACjBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,UAAU;IACVC,SAAS,GAAG,KAAK;IACjBC,YAAY;IACZC,cAAc;IACd,GAAGC;EACL,CAAC,GAAAxC,IAAA;EACC,MAAM,CAACyC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAA2B,EAAE,CAAC;EAC1E,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAU,KAAK,CAAC;EAChD,MAAM,CAACG,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAJ,eAAQ,EAAU,KAAK,CAAC;EAC1D,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAN,eAAQ,EAAM,EAAE,CAAC,CAAC,CAAC;EAC3D,MAAM,CAACO,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAR,eAAQ,EAAQ,EAAE,CAAC,CAAC,CAAC;EAC/D,MAAM,CAACS,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAV,eAAQ,EAAS,EAAE,CAAC;EAC1D,MAAM,CAACW,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAZ,eAAQ,EAGvC;IAAEa,SAAS,EAAE;EAAE,CAAC,CAAC,CAAC,CAAC;;EAEtB,IAAI,CAACnD,OAAO,IAAIA,OAAO,CAACT,MAAM,KAAK,CAAC,EAAE;IACpC,MAAM,IAAI6D,KAAK,CAAC,4CAA4C,CAAC;EAC/D;EAEA,IAAAC,gBAAS,EAAC,MAAM;IACdhB,aAAa,CAACrC,OAAO,CAAC;IACtB,OAAO,MAAM,CAAC,CAAC;EACjB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAAqD,gBAAS,EAAC,MAAM;IACdhD,UAAU,GACNyC,gBAAgB,CAACQ,KAAK,CAACC,OAAO,CAACnD,aAAa,CAAC,GAAGA,aAAa,GAAG,EAAE,CAAC,GACnEwC,eAAe,CAACxC,aAAa,CAAC;IAElC,OAAO,MAAM,CAAC,CAAC;EACjB,CAAC,EAAE,CAACA,aAAa,EAAEC,UAAU,EAAEF,aAAa,CAAC,CAAC;;EAE9C;AACF;AACA;;EAEE;EACA,MAAMqD,aAAa,GAAGpB,UAAU,CAACqB,IAAI,CAClCC,IAAI,IAAKA,IAAI,CAACC,KAAK,IAAID,IAAI,CAACE,IAAI,IAAIN,KAAK,CAACC,OAAO,CAACG,IAAI,CAACE,IAAI,CAC9D,CAAC;EAED,MAAMC,iBAAiB,GAAGL,aAAa,GACnCM,4BAAmB,GACnBC,yBAAgB;EACpB,MAAMC,mBAAmB,GAAG,IAAAC,+BAAwB,EAClD7B,UAAU,EACV,MACF,CAAC,CAAC8B,IAAI,CAAC,CAAC;;EAER;AACF;AACA;AACA;EACE,MAAMC,eAAe,GAAGX,aAAa,GAAGQ,mBAAmB,GAAG5B,UAAU;EAExE,MAAMgC,QAAQ,GAAGnE,WAAW,IAAIoE,+BAAoB;EACpD,MAAMC,QAAQ,GAAGpE,WAAW,IAAIqE,+BAAoB;EACpD,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,SAAS,CAAC3E,OAAO,CAAC,CAAC,CAAC,CAAC;;EAEzD;AACF;AACA;EACE,MAAM4E,qBAAqB,GAAIC,KAAsB,IAAK;IACxD,IAAIlC,YAAY,KAAKkC,KAAK,EAAE;MAC1BjC,eAAe,CAAC,IAAI,CAAC;MACrBzC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;IACvB,CAAC,MAAM;MACLyC,eAAe,CAACiC,KAAK,CAAC;MACtB1E,aAAa,CAAC0E,KAAK,CAAC,CAAC,CAAC;MACtBrC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAClB;EACF,CAAC;;EAED,MAAMsC,wBAAwB,GAAID,KAA0B,IAAK;IAC/D/B,gBAAgB,CAAEiC,OAAO,IAAK;MAAA,IAAAC,eAAA;MAC5B,IAAIC,cAAc,GAAG,CAAC,GAAGF,OAAO,CAAC;MAEjC,KAAAC,eAAA,GAAIC,cAAc,cAAAD,eAAA,eAAdA,eAAA,CAAgBE,QAAQ,CAACL,KAAK,CAAC,EAAE;QACnCI,cAAc,GAAGA,cAAc,CAACE,MAAM,CAAEzB,IAAI,IAAKA,IAAI,KAAKmB,KAAK,CAAC;MAClE,CAAC,MAAM;QACLI,cAAc,CAACG,IAAI,CAACP,KAAK,CAAC;MAC5B;MACA1E,aAAa,CAAC8E,cAAc,CAAC,CAAC,CAAC;MAC/B,OAAOA,cAAc;IACvB,CAAC,CAAC;EACJ,CAAC;EAED,MAAMI,mBAAmB,GAAIC,KAAgB,IAAK;IAChD,OAAOA,KAAK,CAACH,MAAM,CAAEzB,IAAmB,IAAK,CAACA,IAAI,CAACpC,QAAQ,CAAC;EAC9D,CAAC;EAED,MAAMiE,eAAe,GAAGA,CAAA,KAAM;IAC5B7C,YAAY,CAAEqC,OAAO,IAAK;MACxB,MAAME,cAAc,GAAG,EAAE;;MAEzB;MACA,MAAMO,eAAe,GAAGH,mBAAmB,CACzC7B,aAAa,GACT,IAAAS,+BAAwB,EAACO,WAAW,EAAE,MAAM,CAAC,CAACN,IAAI,CAAC,CAAC,GACpDM,WACN,CAAC;MAED,IAAI,CAACO,OAAO,EAAE;QACZ,KAAK,IAAI1F,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGmG,eAAe,CAACjG,MAAM,EAAEF,CAAC,EAAE,EAAE;UAC/C4F,cAAc,CAACG,IAAI,CAACI,eAAe,CAACnG,CAAC,CAAC,CAACiF,QAAQ,CAAC,CAAC;QACnD;MACF;MAEAxB,gBAAgB,CAACmC,cAAc,CAAC;MAChC9E,aAAa,CAAC8E,cAAc,CAAC,CAAC,CAAC;MAC/B,OAAO,CAACF,OAAO;IACjB,CAAC,CAAC;IAEF,IAAI,QAAO9C,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEwD,iBAAiB,MAAK,UAAU,IAAI,CAAChD,SAAS,EAAE;MACvER,YAAY,CAACwD,iBAAiB,CAAC,CAAC;IAClC;IAEA,IAAI,QAAOxD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEyD,mBAAmB,MAAK,UAAU,IAAIjD,SAAS,EAAE;MACxER,YAAY,CAACyD,mBAAmB,CAAC,CAAC;IACpC;EACF,CAAC;;EAED;AACF;AACA;EACE,MAAMC,cAAc,GAAG,IAAAC,kBAAW,EAC/BX,cAAqB,IAAK;IACzB;IACA,IACEI,mBAAmB,CAAClB,eAAe,CAAC,CAAC5E,MAAM,KAAK0F,cAAc,CAAC1F,MAAM,EACrE;MACAmD,YAAY,CAAC,IAAI,CAAC;IACpB,CAAC,MAAM;MACLA,YAAY,CAAC,KAAK,CAAC;IACrB;EACF,CAAC,EACD,CAACyB,eAAe,CAClB,CAAC;;EAED;EACA,IAAAd,gBAAS,EAAC,MAAM;IACd,IAAIhD,UAAU,EAAE;MACdsF,cAAc,CAAC9C,aAAa,CAAC;IAC/B;IACA,OAAO,MAAM,CAAC,CAAC;EACjB,CAAC,EAAE,CAAC8C,cAAc,EAAEtF,UAAU,EAAEwC,aAAa,CAAC,CAAC;;EAE/C;AACF;AACA;EACE,MAAMgD,qBAAqB,GAAGA,CAAA,KAAM;IAClC,IAAIxF,UAAU,IAAIiD,KAAK,CAACC,OAAO,CAACV,aAAa,CAAC,EAAE;MAC9C,IAAIiD,cAA6B,GAAG,EAAE;MAEtCjD,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEkD,OAAO,CAAEC,OAAwB,IAAK;QAAA,IAAAC,qBAAA;QACnD,IAAIC,iBAAiB,GAAG/B,eAAe,aAAfA,eAAe,gBAAA8B,qBAAA,GAAf9B,eAAe,CAAEgC,IAAI,CAC1CzC,IAAmB,IAAKA,IAAI,CAACY,QAAQ,CAAC,KAAK0B,OAC9C,CAAC,cAAAC,qBAAA,uBAFuBA,qBAAA,CAEpB7B,QAAQ,CAAC;QACb0B,cAAc,CAACV,IAAI,CAACc,iBAAiB,CAAC;MACxC,CAAC,CAAC;MACF,OAAOJ,cAAc;IACvB;IAEA,IAAII,iBAAiB,GAAG/B,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEgC,IAAI,CAC1CzC,IAAmB,IAAKA,IAAI,CAACY,QAAQ,CAAC,KAAK3B,YAC9C,CAAC;IACD,OAAOuD,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAG9B,QAAQ,CAAC;EACtC,CAAC;;EAED;AACF;AACA;EACE,MAAMgC,QAAQ,GAAIvB,KAAa,IAAK;IAClC7B,cAAc,CAAC6B,KAAK,CAAC;IAErB,IAAIwB,UAAU,GAAGxB,KAAK,CAACyB,QAAQ,CAAC,CAAC,CAACC,iBAAiB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;IAE5D,MAAMC,WAAW,GAAG,IAAIC,MAAM,CAACL,UAAU,EAAE,GAAG,CAAC;;IAE/C;IACA,MAAMM,aAAa,GAAGnD,aAAa,GAC/BoD,iBAAiB,CAACpC,WAAW,EAAkBiC,WAAW,CAAC,GAC3DI,cAAc,CAACrC,WAAW,EAAeiC,WAAW,CAAC;IAEzDpE,aAAa,CAACsE,aAAa,CAAC;EAC9B,CAAC;EAED,MAAME,cAAc,GAAGA,CAACC,QAAmB,EAAEL,WAAmB,KAAK;IACnE,MAAME,aAAa,GAAGG,QAAQ,CAAC3B,MAAM,CAAEzB,IAAmB,IAAK;MAC7D,IACEA,IAAI,CAACU,QAAQ,CAAC,CAACkC,QAAQ,CAAC,CAAC,CAACS,WAAW,CAAC,CAAC,CAACC,MAAM,CAACP,WAAW,CAAC,KAAK,CAAC,CAAC,IAClE/C,IAAI,CAACY,QAAQ,CAAC,CAACgC,QAAQ,CAAC,CAAC,CAACS,WAAW,CAAC,CAAC,CAACC,MAAM,CAACP,WAAW,CAAC,KAAK,CAAC,CAAC,EAClE;QACA,OAAO,IAAI;MACb;MACA;IACF,CAAC,CAAC;IACF,OAAOE,aAAa;EACtB,CAAC;EAED,MAAMC,iBAAiB,GAAGA,CACxBK,WAAyB,EACzBR,WAAmB,KAChB;IACH,MAAME,aAAa,GAAGM,WAAW,CAACC,GAAG,CAAEC,QAA0B,IAAK;MACpEA,QAAQ,CAACvD,IAAI,GAAGuD,QAAQ,CAACvD,IAAI,CAACuB,MAAM,CAAEzB,IAAmB,IAAK;QAC5D,IACEA,IAAI,CAACU,QAAQ,CAAC,CAACkC,QAAQ,CAAC,CAAC,CAACS,WAAW,CAAC,CAAC,CAACC,MAAM,CAACP,WAAW,CAAC,KAAK,CAAC,CAAC,IAClE/C,IAAI,CAACY,QAAQ,CAAC,CAACgC,QAAQ,CAAC,CAAC,CAACS,WAAW,CAAC,CAAC,CAACC,MAAM,CAACP,WAAW,CAAC,KAAK,CAAC,CAAC,EAClE;UACA,OAAOU,QAAQ,CAACvD,IAAI,CAACwB,IAAI,CAAC1B,IAAI,CAAC;QACjC;QACA;MACF,CAAC,CAAC;MAEF,OAAOyD,QAAQ;IACjB,CAAC,CAAC;IAEF,OAAOR,aAAa;EACtB,CAAC;;EAED;AACF;AACA;EACE,MAAMS,iBAAiB,GAAGA,CAAA,KAAM;IAC9B5E,OAAO,CAAC,CAACD,IAAI,CAAC;IACdS,cAAc,CAAC,EAAE,CAAC;IAClBX,aAAa,CAACrC,OAAO,CAAC;IACtBkD,YAAY,CAAC;MAAEC,SAAS,EAAE,CAAC;MAAEkE,YAAY,EAAE;IAAE,CAAC,CAAC;EACjD,CAAC;EAED,IAAAhE,gBAAS,EAAC,MAAM;IACd,IAAIrB,SAAS,EAAE;MACbQ,OAAO,CAAC,KAAK,CAAC;IAChB;IACA,OAAO,MAAM,CAAC,CAAC;EACjB,CAAC,EAAE,CAACR,SAAS,CAAC,CAAC;EAEf,IAAIsF,OAAO,GAAGjG,YAAY,IAAIkG,cAAM,CAACC,IAAI;;EAEzC;AACF;AACA;EACE,MAAMC,sBAAsB,GAAIC,aAAqB,IAAK;IACxDlE,aAAa,GACTgB,WAAW,CAAC0C,GAAG,CAAC,CAACxD,IAAsB,EAAE2D,YAAoB,KAAK;MAAA,IAAAM,UAAA;MAChE,CAAAA,UAAA,GAAAjE,IAAI,CAACE,IAAI,cAAA+D,UAAA,uBAATA,UAAA,CAAWxB,IAAI,CAAC,CAACyB,QAAuB,EAAEzE,SAAiB,KAAK;QAC9D,IAAIyE,QAAQ,CAACxD,QAAQ,CAAC,KAAKsD,aAAa,EAAE;UACxCxE,YAAY,CAAC;YAAEmE,YAAY;YAAElE;UAAU,CAAC,CAAC;QAC3C;MACF,CAAC,CAAC;IACJ,CAAC,CAAC,GACFqB,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE2B,IAAI,CAAC,CAACzC,IAAmB,EAAEP,SAAiB,KAAK;MAC5D,IAAIO,IAAI,CAACU,QAAQ,CAAC,KAAKsD,aAAa,EAAE;QACpCxE,YAAY,CAAC;UAAEC;QAAU,CAAC,CAAC;MAC7B;IACF,CAAC,CAAC;EACR,CAAC;EAED,oBACEtG,MAAA,CAAAgB,OAAA,CAAAgK,aAAA,CAAAhL,MAAA,CAAAgB,OAAA,CAAAiK,QAAA,qBACEjL,MAAA,CAAAgB,OAAA,CAAAgK,aAAA,CAACzK,SAAA,CAAAS,OAAQ,EAAAoB,QAAA;IACPY,KAAK,EAAEA,KAAM;IACbD,WAAW,EAAEA,WAAY;IACzBG,UAAU,EAAEA,UAAW;IACvBD,KAAK,EAAEA,KAAM;IACb+F,qBAAqB,EAAEA,qBAAsB;IAC7ClD,YAAY,EAAEA,YAAa;IAC3BE,aAAa,EAAEA,aAAc;IAC7BuE,iBAAiB,EAAEA,iBAAkB;IACrC5G,UAAU,EAAEA,UAAW;IACvBD,YAAY,EAAEA,YAAa;IAC3BG,aAAa,EAAEA,aAAc;IAC7BC,iBAAiB,EAAEA,iBAAkB;IACrCC,sBAAsB,EAAEA,sBAAuB;IAC/CC,kBAAkB,EAAEA,kBAAmB;IACvCC,sBAAsB,EAAEA,sBAAuB;IAC/CC,uBAAuB,EAAEA,uBAAwB;IACjDC,iBAAiB,EAAEA,iBAAkB;IACrCC,yBAAyB,EAAEA,yBAA0B;IACrDZ,UAAU,EAAEA,UAAW;IACvBgB,YAAY,EAAEiG,OAAQ;IACtBhG,QAAQ,EAAEA,QAAS;IACnBb,gBAAgB,EAAEA,gBAAiB;IACnCgH,sBAAsB,EAAEA;EAAuB,GAC3CtF,IAAI,CACT,CAAC,eACFtF,MAAA,CAAAgB,OAAA,CAAAgK,aAAA,CAACtK,YAAA,CAAAM,OAAW;IACV0E,IAAI,EAAEA,IAAK;IACXrB,oBAAoB,EAAEA,oBAAqB;IAC3CC,0BAA0B,EAAEA,0BAA2B;IACvD4G,cAAc,EAAEA,CAAA,KAAMX,iBAAiB,CAAC,CAAE;IAC1CrF,UAAU,EAAEA;EAAW,gBAEvBlF,MAAA,CAAAgB,OAAA,CAAAgK,aAAA,CAAChE,iBAAiB;IAChBmE,qBAAqB,EAAE,KAAM;IAC7BC,mBAAmB,eACjBpL,MAAA,CAAAgB,OAAA,CAAAgK,aAAA,CAAAhL,MAAA,CAAAgB,OAAA,CAAAiK,QAAA,QACGxH,YAAY,iBACXzD,MAAA,CAAAgB,OAAA,CAAAgK,aAAA,CAAC5K,MAAA,CAAAY,OAAK,EAAAoB,QAAA;MACJ4F,KAAK,EAAE9B,WAAY;MACnBmF,YAAY,EAAGC,IAAY,IAAK/B,QAAQ,CAAC+B,IAAI,CAAE;MAC/CC,KAAK,EAAE,CAAAlG,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEmG,cAAc,KAAIjH,gBAAiB;MAC1DC,YAAY,EAAEiG,OAAQ;MACtBgB,uBAAuB,EACrBpG,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEoG,uBACjB;MACDC,SAAS,EAAEA,CAAA,KAAM/F,OAAO,CAAC,IAAI,CAAE,CAAC;IAAA,GAC5BN,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEsG,cAAc,CACnC,CACF,EACA5G,mBAAmB,EACnBvB,UAAU,IAAI8D,eAAe,CAAC5E,MAAM,GAAG,CAAC,iBACvC1C,MAAA,CAAAgB,OAAA,CAAAgK,aAAA,CAAC7K,YAAA,CAAAyL,IAAI;MAACL,KAAK,EAAEM,MAAM,CAACC;IAAsB,gBACxC9L,MAAA,CAAAgB,OAAA,CAAAgK,aAAA,CAAC7K,YAAA,CAAA4L,gBAAgB;MAACC,OAAO,EAAEA,CAAA,KAAM,CAAC;IAAE,gBAClChM,MAAA,CAAAgB,OAAA,CAAAgK,aAAA,CAAC1K,SAAA,CAAAU,OAAQ;MACPgH,KAAK,EAAEpC,SAAU;MACjB5C,KAAK,EACH4C,SAAS,GACL,CAAAR,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAE6G,eAAe,KAAI,WAAW,GAC5C,CAAA7G,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAE8G,aAAa,KAAI,YACpC;MACDC,QAAQ,EAAEA,CAAA,KAAMzD,eAAe,CAAC,CAAE;MAClClE,YAAY,EAAEiG,OAAQ;MACtB/F,YAAY,EAAEA,YAAa;MAC3BC,aAAa,EAAEA,aAAc;MAC7BC,kBAAkB,EAAEA,kBAAmB;MACvCC,uBAAuB,EAAEA,uBAAwB;MACjDC,iBAAiB,EAAEA;IAAkB,CACtC,CACe,CACd,CAER,CACH;IACDsH,mBAAmB,EAAEpH,mBAAoB;IACzCC,mBAAmB,EAAEA,mBAAoB;IACzC9B,OAAO,EAAEoC,UAAW;IACpBnC,WAAW,EAAEmE,QAAS;IACtBlE,WAAW,EAAEoE,QAAS;IACtBjE,UAAU,EAAEA,UAAW;IACvBC,YAAY,EAAEA,YAAa;IAC3BuC,aAAa,EAAEA,aAAc;IAC7BF,YAAY,EAAEA,YAAa;IAC3BmC,wBAAwB,EAAEA,wBAAyB;IACnDF,qBAAqB,EAAEA,qBAAsB;IAC7CvD,YAAY,EAAEiG,OAAQ;IACtB/F,YAAY,EAAEA,YAAa;IAC3BC,aAAa,EAAEA,aAAc;IAC7BC,kBAAkB,EAAEA,kBAAmB;IACvCC,uBAAuB,EAAEA,uBAAwB;IACjDC,iBAAiB,EAAEA,iBAAkB;IACrCsB,SAAS,EAAEA;EAAU,CACtB,CACU,CACb,CAAC;AAEP,CAAC;AAACiG,OAAA,CAAAxJ,cAAA,GAAAA,cAAA;AAEF,MAAMgJ,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,qBAAqB,EAAE;IACrBU,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEY9J,cAAc;AAAAwJ,OAAA,CAAArL,OAAA,GAAA2L,QAAA"}

package/lib/commonjs/types/index.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.types.ts"],"sourcesContent":["import type {\n  ViewStyle,\n  ColorValue,\n  TextStyle,\n  ModalProps,\n} from 'react-native';\n\nexport type DropdownProps = {\n  placeholder?: string;\n  label?: string;\n  error?: string;\n  helperText?: string;\n  options: TFlatList | TSectionList;\n  optionLabel?: string;\n  optionValue?: string;\n  onValueChange: Function;\n  selectedValue?:\n    | string\n    | boolean\n    | number\n    | string[]\n    | boolean[]\n    | number[]\n    | null;\n  isMultiple?: boolean;\n  isSearchable?: boolean;\n  dropdownIcon?: React.ReactNode;\n  labelStyle?: TextStyle;\n  dropdownStyle?: ViewStyle;\n  dropdownIconStyle?: ViewStyle;\n  dropdownContainerStyle?: ViewStyle;\n  dropdownErrorStyle?: ViewStyle;\n  dropdownErrorTextStyle?: TextStyle;\n  dropdownHelperTextStyle?: TextStyle;\n  selectedItemStyle?: TextStyle;\n  multipleSelectedItemStyle?: TextStyle;\n  modalBackgroundStyle?: ViewStyle;\n  modalOptionsContainerStyle?: ViewStyle;\n  searchInputStyle?: ViewStyle;\n  primaryColor?: ColorValue;\n  disabled?: boolean;\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  placeholderStyle?: TextStyle;\n  listHeaderComponent?: React.ReactNode;\n  listFooterComponent?: React.ReactNode;\n  hideModal?: boolean;\n  modalProps?: ModalProps;\n  listComponentStyles?: {\n    listEmptyComponentStyle?: TextStyle;\n    itemSeparatorStyle?: ViewStyle;\n    sectionHeaderStyle?: TextStyle;\n  };\n  listControls?: {\n    selectAllText?: string;\n    unselectAllText?: string;\n    selectAllCallback?: () => void;\n    unselectAllCallback?: () => void;\n  };\n};\n\nexport type TFlatList = TFlatListItem[];\nexport type TFlatListItem = {\n  [key: string]: string | number | boolean;\n};\n\nexport type TSectionList = TSectionListItem[];\nexport type TSectionListItem = { title: string; data: TFlatList };\n"],"mappings":""}
+{"version":3,"names":[],"sources":["index.types.ts"],"sourcesContent":["import type {\n  ViewStyle,\n  ColorValue,\n  TextStyle,\n  ModalProps,\n  TextInputProps,\n} from 'react-native';\n\nexport type DropdownProps = {\n  placeholder?: string;\n  label?: string;\n  error?: string;\n  helperText?: string;\n  options: TFlatList | TSectionList;\n  optionLabel?: string;\n  optionValue?: string;\n  onValueChange: Function;\n  selectedValue?:\n    | string\n    | boolean\n    | number\n    | string[]\n    | boolean[]\n    | number[]\n    | null;\n  isMultiple?: boolean;\n  isSearchable?: boolean;\n  dropdownIcon?: React.ReactNode;\n  labelStyle?: TextStyle;\n  dropdownStyle?: ViewStyle;\n  dropdownIconStyle?: ViewStyle;\n  dropdownContainerStyle?: ViewStyle;\n  dropdownErrorStyle?: ViewStyle;\n  dropdownErrorTextStyle?: TextStyle;\n  dropdownHelperTextStyle?: TextStyle;\n  selectedItemStyle?: TextStyle;\n  multipleSelectedItemStyle?: TextStyle;\n  modalBackgroundStyle?: ViewStyle;\n  modalOptionsContainerStyle?: ViewStyle;\n  searchInputStyle?: ViewStyle;\n  primaryColor?: ColorValue;\n  disabled?: boolean;\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  placeholderStyle?: TextStyle;\n  listHeaderComponent?: React.ReactNode;\n  listFooterComponent?: React.ReactNode;\n  hideModal?: boolean;\n  modalProps?: ModalProps;\n  listComponentStyles?: {\n    listEmptyComponentStyle?: TextStyle;\n    itemSeparatorStyle?: ViewStyle;\n    sectionHeaderStyle?: TextStyle;\n  };\n  listControls?: {\n    selectAllText?: string;\n    unselectAllText?: string;\n    selectAllCallback?: () => void;\n    unselectAllCallback?: () => void;\n  };\n  searchControls?: {\n    textInputStyle?: ViewStyle | TextStyle;\n    textInputContainerStyle?: ViewStyle;\n    textInputProps?: TextInputProps;\n  };\n};\n\nexport type TFlatList = TFlatListItem[];\nexport type TFlatListItem = {\n  [key: string]: string | number | boolean;\n};\n\nexport type TSectionList = TSectionListItem[];\nexport type TSectionListItem = { title: string; data: TFlatList };\n"],"mappings":""}

package/lib/commonjs/utils/index.js

@@ -3,24 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getMaxLengthOfSectionListProperty = exports.extractPropertyFromArray = void 0;
+exports.extractPropertyFromArray = void 0;
 /**
  * Extract property from array
  */
+
 const extractPropertyFromArray = (arr, property) => {
   let extractedValue = arr.map(item => item[property]);
   return extractedValue;
 };
 exports.extractPropertyFromArray = extractPropertyFromArray;
-const getMaxLengthOfSectionListProperty = (sectionList, property) => {
-  let maxLength = 0;
-  sectionList.forEach(obj => {
-    var _obj$property;
-    if (((_obj$property = obj[property]) === null || _obj$property === void 0 ? void 0 : _obj$property.length) > maxLength) {
-      maxLength = obj.data.length;
-    }
-  });
-  return maxLength;
-};
-exports.getMaxLengthOfSectionListProperty = getMaxLengthOfSectionListProperty;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["extractPropertyFromArray","arr","property","extractedValue","map","item","exports","getMaxLengthOfSectionListProperty","sectionList","maxLength","forEach","obj","_obj$property","length","data"],"sources":["index.ts"],"sourcesContent":["import { TSectionList } from 'src/types/index.types';\n\n/**\n * Extract property from array\n */\nexport const extractPropertyFromArray = (arr: any, property: string) => {\n  let extractedValue = arr.map((item: any) => item[property]);\n\n  return extractedValue;\n};\n\nexport const getMaxLengthOfSectionListProperty = (\n  sectionList: TSectionList,\n  property: 'title' | 'data'\n) => {\n  let maxLength = 0;\n\n  sectionList.forEach((obj) => {\n    if (obj[property]?.length > maxLength) {\n      maxLength = obj.data.length;\n    }\n  });\n\n  return maxLength;\n};\n"],"mappings":";;;;;;AAEA;AACA;AACA;AACO,MAAMA,wBAAwB,GAAGA,CAACC,GAAQ,EAAEC,QAAgB,KAAK;EACtE,IAAIC,cAAc,GAAGF,GAAG,CAACG,GAAG,CAAEC,IAAS,IAAKA,IAAI,CAACH,QAAQ,CAAC,CAAC;EAE3D,OAAOC,cAAc;AACvB,CAAC;AAACG,OAAA,CAAAN,wBAAA,GAAAA,wBAAA;AAEK,MAAMO,iCAAiC,GAAGA,CAC/CC,WAAyB,EACzBN,QAA0B,KACvB;EACH,IAAIO,SAAS,GAAG,CAAC;EAEjBD,WAAW,CAACE,OAAO,CAAEC,GAAG,IAAK;IAAA,IAAAC,aAAA;IAC3B,IAAI,EAAAA,aAAA,GAAAD,GAAG,CAACT,QAAQ,CAAC,cAAAU,aAAA,uBAAbA,aAAA,CAAeC,MAAM,IAAGJ,SAAS,EAAE;MACrCA,SAAS,GAAGE,GAAG,CAACG,IAAI,CAACD,MAAM;IAC7B;EACF,CAAC,CAAC;EAEF,OAAOJ,SAAS;AAClB,CAAC;AAACH,OAAA,CAAAC,iCAAA,GAAAA,iCAAA"}
+{"version":3,"names":["extractPropertyFromArray","arr","property","extractedValue","map","item","exports"],"sources":["index.ts"],"sourcesContent":["/**\n * Extract property from array\n */\n\nexport const extractPropertyFromArray = (arr: any, property: string) => {\n  let extractedValue = arr.map((item: any) => item[property]);\n\n  return extractedValue;\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEO,MAAMA,wBAAwB,GAAGA,CAACC,GAAQ,EAAEC,QAAgB,KAAK;EACtE,IAAIC,cAAc,GAAGF,GAAG,CAACG,GAAG,CAAEC,IAAS,IAAKA,IAAI,CAACH,QAAQ,CAAC,CAAC;EAE3D,OAAOC,cAAc;AACvB,CAAC;AAACG,OAAA,CAAAN,wBAAA,GAAAA,wBAAA"}

package/lib/module/components/CustomModal/index.js

@@ -5,7 +5,6 @@ import { colors } from '../../styles/colors';
 const CustomModal = _ref => {
   let {
     open,
-    handleToggleModal,
     onRequestClose,
     modalBackgroundStyle,
     modalOptionsContainerStyle,
@@ -18,7 +17,7 @@ const CustomModal = _ref => {
     onRequestClose: () => onRequestClose(),
     animationType: "fade"
   }, modalProps), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: () => handleToggleModal(),
+    onPress: () => onRequestClose(),
     style: [styles.modalContainer, styles.modalBackgroundStyle, modalBackgroundStyle]
   }, /*#__PURE__*/React.createElement(SafeAreaView, {
     style: [styles.modalOptionsContainer, modalOptionsContainerStyle]

package/lib/module/components/CustomModal/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Modal","TouchableOpacity","SafeAreaView","StyleSheet","colors","CustomModal","_ref","open","handleToggleModal","onRequestClose","modalBackgroundStyle","modalOptionsContainerStyle","modalProps","children","createElement","_extends","transparent","visible","animationType","onPress","style","styles","modalContainer","modalOptionsContainer","create","flex","justifyContent","backgroundColor","maxHeight","white","borderTopLeftRadius","borderTopRightRadius"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Modal,\n  TouchableOpacity,\n  SafeAreaView,\n  StyleSheet,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\n\nconst CustomModal = ({\n  open,\n  handleToggleModal,\n  onRequestClose,\n  modalBackgroundStyle,\n  modalOptionsContainerStyle,\n  modalProps,\n  children,\n}: any) => {\n  return (\n    <Modal\n      transparent={true}\n      visible={open}\n      onRequestClose={() => onRequestClose()}\n      animationType=\"fade\"\n      {...modalProps}\n    >\n      <TouchableOpacity\n        onPress={() => handleToggleModal()}\n        style={[\n          styles.modalContainer,\n          styles.modalBackgroundStyle,\n          modalBackgroundStyle,\n        ]}\n      >\n        <SafeAreaView\n          style={[styles.modalOptionsContainer, modalOptionsContainerStyle]}\n        >\n          {children}\n        </SafeAreaView>\n      </TouchableOpacity>\n    </Modal>\n  );\n};\n\nconst styles = StyleSheet.create({\n  modalContainer: {\n    flex: 1,\n    justifyContent: 'flex-end',\n  },\n  modalBackgroundStyle: { backgroundColor: 'rgba(0, 0, 0, 0.5)' },\n  modalOptionsContainer: {\n    maxHeight: '50%',\n    backgroundColor: colors.white,\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n  },\n});\n\nexport default CustomModal;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,KAAK,EACLC,gBAAgB,EAChBC,YAAY,EACZC,UAAU,QACL,cAAc;AACrB,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,MAAMC,WAAW,GAAGC,IAAA,IAQT;EAAA,IARU;IACnBC,IAAI;IACJC,iBAAiB;IACjBC,cAAc;IACdC,oBAAoB;IACpBC,0BAA0B;IAC1BC,UAAU;IACVC;EACG,CAAC,GAAAP,IAAA;EACJ,oBACEP,KAAA,CAAAe,aAAA,CAACd,KAAK,EAAAe,QAAA;IACJC,WAAW,EAAE,IAAK;IAClBC,OAAO,EAAEV,IAAK;IACdE,cAAc,EAAEA,CAAA,KAAMA,cAAc,CAAC,CAAE;IACvCS,aAAa,EAAC;EAAM,GAChBN,UAAU,gBAEdb,KAAA,CAAAe,aAAA,CAACb,gBAAgB;IACfkB,OAAO,EAAEA,CAAA,KAAMX,iBAAiB,CAAC,CAAE;IACnCY,KAAK,EAAE,CACLC,MAAM,CAACC,cAAc,EACrBD,MAAM,CAACX,oBAAoB,EAC3BA,oBAAoB;EACpB,gBAEFX,KAAA,CAAAe,aAAA,CAACZ,YAAY;IACXkB,KAAK,EAAE,CAACC,MAAM,CAACE,qBAAqB,EAAEZ,0BAA0B;EAAE,GAEjEE,QACW,CACE,CACb,CAAC;AAEZ,CAAC;AAED,MAAMQ,MAAM,GAAGlB,UAAU,CAACqB,MAAM,CAAC;EAC/BF,cAAc,EAAE;IACdG,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDhB,oBAAoB,EAAE;IAAEiB,eAAe,EAAE;EAAqB,CAAC;EAC/DJ,qBAAqB,EAAE;IACrBK,SAAS,EAAE,KAAK;IAChBD,eAAe,EAAEvB,MAAM,CAACyB,KAAK;IAC7BC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACxB;AACF,CAAC,CAAC;AAEF,eAAe1B,WAAW"}
+{"version":3,"names":["React","Modal","TouchableOpacity","SafeAreaView","StyleSheet","colors","CustomModal","_ref","open","onRequestClose","modalBackgroundStyle","modalOptionsContainerStyle","modalProps","children","createElement","_extends","transparent","visible","animationType","onPress","style","styles","modalContainer","modalOptionsContainer","create","flex","justifyContent","backgroundColor","maxHeight","white","borderTopLeftRadius","borderTopRightRadius"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Modal,\n  TouchableOpacity,\n  SafeAreaView,\n  StyleSheet,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\n\nconst CustomModal = ({\n  open,\n  onRequestClose,\n  modalBackgroundStyle,\n  modalOptionsContainerStyle,\n  modalProps,\n  children,\n}: any) => {\n  return (\n    <Modal\n      transparent={true}\n      visible={open}\n      onRequestClose={() => onRequestClose()}\n      animationType=\"fade\"\n      {...modalProps}\n    >\n      <TouchableOpacity\n        onPress={() => onRequestClose()}\n        style={[\n          styles.modalContainer,\n          styles.modalBackgroundStyle,\n          modalBackgroundStyle,\n        ]}\n      >\n        <SafeAreaView\n          style={[styles.modalOptionsContainer, modalOptionsContainerStyle]}\n        >\n          {children}\n        </SafeAreaView>\n      </TouchableOpacity>\n    </Modal>\n  );\n};\n\nconst styles = StyleSheet.create({\n  modalContainer: {\n    flex: 1,\n    justifyContent: 'flex-end',\n  },\n  modalBackgroundStyle: { backgroundColor: 'rgba(0, 0, 0, 0.5)' },\n  modalOptionsContainer: {\n    maxHeight: '50%',\n    backgroundColor: colors.white,\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n  },\n});\n\nexport default CustomModal;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,KAAK,EACLC,gBAAgB,EAChBC,YAAY,EACZC,UAAU,QACL,cAAc;AACrB,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,MAAMC,WAAW,GAAGC,IAAA,IAOT;EAAA,IAPU;IACnBC,IAAI;IACJC,cAAc;IACdC,oBAAoB;IACpBC,0BAA0B;IAC1BC,UAAU;IACVC;EACG,CAAC,GAAAN,IAAA;EACJ,oBACEP,KAAA,CAAAc,aAAA,CAACb,KAAK,EAAAc,QAAA;IACJC,WAAW,EAAE,IAAK;IAClBC,OAAO,EAAET,IAAK;IACdC,cAAc,EAAEA,CAAA,KAAMA,cAAc,CAAC,CAAE;IACvCS,aAAa,EAAC;EAAM,GAChBN,UAAU,gBAEdZ,KAAA,CAAAc,aAAA,CAACZ,gBAAgB;IACfiB,OAAO,EAAEA,CAAA,KAAMV,cAAc,CAAC,CAAE;IAChCW,KAAK,EAAE,CACLC,MAAM,CAACC,cAAc,EACrBD,MAAM,CAACX,oBAAoB,EAC3BA,oBAAoB;EACpB,gBAEFV,KAAA,CAAAc,aAAA,CAACX,YAAY;IACXiB,KAAK,EAAE,CAACC,MAAM,CAACE,qBAAqB,EAAEZ,0BAA0B;EAAE,GAEjEE,QACW,CACE,CACb,CAAC;AAEZ,CAAC;AAED,MAAMQ,MAAM,GAAGjB,UAAU,CAACoB,MAAM,CAAC;EAC/BF,cAAc,EAAE;IACdG,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDhB,oBAAoB,EAAE;IAAEiB,eAAe,EAAE;EAAqB,CAAC;EAC/DJ,qBAAqB,EAAE;IACrBK,SAAS,EAAE,KAAK;IAChBD,eAAe,EAAEtB,MAAM,CAACwB,KAAK;IAC7BC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACxB;AACF,CAAC,CAAC;AAEF,eAAezB,WAAW"}

package/lib/module/components/Input/index.js

@@ -9,11 +9,13 @@ export const Input = _ref => {
     onChangeText,
     style,
     primaryColor,
+    textInputContainerStyle,
+    openModal,
     ...rest
   } = _ref;
   const [isFocused, setFocus] = useState(false);
   return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
+    style: [styles.container, textInputContainerStyle]
   }, /*#__PURE__*/React.createElement(TextInput, _extends({
     placeholder: placeholder,
     style: [inputStyles.input, Platform.select({
@@ -23,7 +25,10 @@ export const Input = _ref => {
     }), isFocused && {
       borderColor: primaryColor
     }, style],
-    onFocus: () => setFocus(true),
+    onFocus: () => {
+      setFocus(true);
+      openModal();
+    },
     onBlur: () => setFocus(false),
     value: value,
     onChangeText: onChangeText

package/lib/module/components/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","TextInput","StyleSheet","View","Platform","inputStyles","Input","_ref","placeholder","value","onChangeText","style","primaryColor","rest","isFocused","setFocus","createElement","styles","container","_extends","input","select","web","outlineColor","borderColor","onFocus","onBlur","create","margin"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { TextInput, StyleSheet, View, Platform } from 'react-native';\nimport { inputStyles } from '../../styles/input';\n\nexport const Input = ({\n  placeholder,\n  value,\n  onChangeText,\n  style,\n  primaryColor,\n  ...rest\n}: any) => {\n  const [isFocused, setFocus] = useState(false);\n\n  return (\n    <View style={styles.container}>\n      <TextInput\n        placeholder={placeholder}\n        style={[\n          inputStyles.input,\n          Platform.select({\n            web: {\n              outlineColor: primaryColor,\n            },\n          }),\n          isFocused && { borderColor: primaryColor },\n          style,\n        ]}\n        onFocus={() => setFocus(true)}\n        onBlur={() => setFocus(false)}\n        value={value}\n        onChangeText={onChangeText}\n        {...rest}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { margin: 23 },\n});\n\nexport default Input;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AACpE,SAASC,WAAW,QAAQ,oBAAoB;AAEhD,OAAO,MAAMC,KAAK,GAAGC,IAAA,IAOV;EAAA,IAPW;IACpBC,WAAW;IACXC,KAAK;IACLC,YAAY;IACZC,KAAK;IACLC,YAAY;IACZ,GAAGC;EACA,CAAC,GAAAN,IAAA;EACJ,MAAM,CAACO,SAAS,EAAEC,QAAQ,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EAE7C,oBACED,KAAA,CAAAiB,aAAA,CAACb,IAAI;IAACQ,KAAK,EAAEM,MAAM,CAACC;EAAU,gBAC5BnB,KAAA,CAAAiB,aAAA,CAACf,SAAS,EAAAkB,QAAA;IACRX,WAAW,EAAEA,WAAY;IACzBG,KAAK,EAAE,CACLN,WAAW,CAACe,KAAK,EACjBhB,QAAQ,CAACiB,MAAM,CAAC;MACdC,GAAG,EAAE;QACHC,YAAY,EAAEX;MAChB;IACF,CAAC,CAAC,EACFE,SAAS,IAAI;MAAEU,WAAW,EAAEZ;IAAa,CAAC,EAC1CD,KAAK,CACL;IACFc,OAAO,EAAEA,CAAA,KAAMV,QAAQ,CAAC,IAAI,CAAE;IAC9BW,MAAM,EAAEA,CAAA,KAAMX,QAAQ,CAAC,KAAK,CAAE;IAC9BN,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA;EAAa,GACvBG,IAAI,CACT,CACG,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGf,UAAU,CAACyB,MAAM,CAAC;EAC/BT,SAAS,EAAE;IAAEU,MAAM,EAAE;EAAG;AAC1B,CAAC,CAAC;AAEF,eAAetB,KAAK"}
+{"version":3,"names":["React","useState","TextInput","StyleSheet","View","Platform","inputStyles","Input","_ref","placeholder","value","onChangeText","style","primaryColor","textInputContainerStyle","openModal","rest","isFocused","setFocus","createElement","styles","container","_extends","input","select","web","outlineColor","borderColor","onFocus","onBlur","create","margin"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { TextInput, StyleSheet, View, Platform } from 'react-native';\nimport { inputStyles } from '../../styles/input';\n\nexport const Input = ({\n  placeholder,\n  value,\n  onChangeText,\n  style,\n  primaryColor,\n  textInputContainerStyle,\n  openModal,\n  ...rest\n}: any) => {\n  const [isFocused, setFocus] = useState(false);\n\n  return (\n    <View style={[styles.container, textInputContainerStyle]}>\n      <TextInput\n        placeholder={placeholder}\n        style={[\n          inputStyles.input,\n          Platform.select({\n            web: {\n              outlineColor: primaryColor,\n            },\n          }),\n          isFocused && { borderColor: primaryColor },\n          style,\n        ]}\n        onFocus={() => {\n          setFocus(true);\n          openModal();\n        }}\n        onBlur={() => setFocus(false)}\n        value={value}\n        onChangeText={onChangeText}\n        {...rest}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { margin: 23 },\n});\n\nexport default Input;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AACpE,SAASC,WAAW,QAAQ,oBAAoB;AAEhD,OAAO,MAAMC,KAAK,GAAGC,IAAA,IASV;EAAA,IATW;IACpBC,WAAW;IACXC,KAAK;IACLC,YAAY;IACZC,KAAK;IACLC,YAAY;IACZC,uBAAuB;IACvBC,SAAS;IACT,GAAGC;EACA,CAAC,GAAAR,IAAA;EACJ,MAAM,CAACS,SAAS,EAAEC,QAAQ,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EAE7C,oBACED,KAAA,CAAAmB,aAAA,CAACf,IAAI;IAACQ,KAAK,EAAE,CAACQ,MAAM,CAACC,SAAS,EAAEP,uBAAuB;EAAE,gBACvDd,KAAA,CAAAmB,aAAA,CAACjB,SAAS,EAAAoB,QAAA;IACRb,WAAW,EAAEA,WAAY;IACzBG,KAAK,EAAE,CACLN,WAAW,CAACiB,KAAK,EACjBlB,QAAQ,CAACmB,MAAM,CAAC;MACdC,GAAG,EAAE;QACHC,YAAY,EAAEb;MAChB;IACF,CAAC,CAAC,EACFI,SAAS,IAAI;MAAEU,WAAW,EAAEd;IAAa,CAAC,EAC1CD,KAAK,CACL;IACFgB,OAAO,EAAEA,CAAA,KAAM;MACbV,QAAQ,CAAC,IAAI,CAAC;MACdH,SAAS,CAAC,CAAC;IACb,CAAE;IACFc,MAAM,EAAEA,CAAA,KAAMX,QAAQ,CAAC,KAAK,CAAE;IAC9BR,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA;EAAa,GACvBK,IAAI,CACT,CACG,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGjB,UAAU,CAAC2B,MAAM,CAAC;EAC/BT,SAAS,EAAE;IAAEU,MAAM,EAAE;EAAG;AAC1B,CAAC,CAAC;AAEF,eAAexB,KAAK"}