react-native-input-select 1.3.6 → 1.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/lib/commonjs/components/CheckBox/checkbox.types.js.map +1 -1
  2. package/lib/commonjs/components/CheckBox/index.js +22 -25
  3. package/lib/commonjs/components/CheckBox/index.js.map +1 -1
  4. package/lib/commonjs/components/CustomModal/index.js +23 -26
  5. package/lib/commonjs/components/CustomModal/index.js.map +1 -1
  6. package/lib/commonjs/components/Dropdown/Dropdown.js +30 -30
  7. package/lib/commonjs/components/Dropdown/Dropdown.js.map +1 -1
  8. package/lib/commonjs/components/Dropdown/DropdownFlatList.js +39 -44
  9. package/lib/commonjs/components/Dropdown/DropdownFlatList.js.map +1 -1
  10. package/lib/commonjs/components/Dropdown/DropdownListItem.js +22 -24
  11. package/lib/commonjs/components/Dropdown/DropdownListItem.js.map +1 -1
  12. package/lib/commonjs/components/Dropdown/DropdownSectionList.js +47 -54
  13. package/lib/commonjs/components/Dropdown/DropdownSectionList.js.map +1 -1
  14. package/lib/commonjs/components/Dropdown/DropdownSelectedItemsView.js +48 -57
  15. package/lib/commonjs/components/Dropdown/DropdownSelectedItemsView.js.map +1 -1
  16. package/lib/commonjs/components/Input/index.js +13 -15
  17. package/lib/commonjs/components/Input/index.js.map +1 -1
  18. package/lib/commonjs/components/Others/index.js +18 -22
  19. package/lib/commonjs/components/Others/index.js.map +1 -1
  20. package/lib/commonjs/constants/index.js +3 -6
  21. package/lib/commonjs/constants/index.js.map +1 -1
  22. package/lib/commonjs/index.js +106 -91
  23. package/lib/commonjs/index.js.map +1 -1
  24. package/lib/commonjs/styles/colors.js +1 -2
  25. package/lib/commonjs/styles/colors.js.map +1 -1
  26. package/lib/commonjs/styles/input.js +1 -2
  27. package/lib/commonjs/styles/input.js.map +1 -1
  28. package/lib/commonjs/styles/typography.js +1 -2
  29. package/lib/commonjs/styles/typography.js.map +1 -1
  30. package/lib/commonjs/types/index.types.js.map +1 -1
  31. package/lib/commonjs/utils/index.js +1 -1
  32. package/lib/commonjs/utils/index.js.map +1 -1
  33. package/lib/module/components/CheckBox/checkbox.types.js.map +1 -1
  34. package/lib/module/components/CheckBox/index.js +20 -22
  35. package/lib/module/components/CheckBox/index.js.map +1 -1
  36. package/lib/module/components/CustomModal/index.js +21 -23
  37. package/lib/module/components/CustomModal/index.js.map +1 -1
  38. package/lib/module/components/Dropdown/Dropdown.js +28 -27
  39. package/lib/module/components/Dropdown/Dropdown.js.map +1 -1
  40. package/lib/module/components/Dropdown/DropdownFlatList.js +35 -39
  41. package/lib/module/components/Dropdown/DropdownFlatList.js.map +1 -1
  42. package/lib/module/components/Dropdown/DropdownListItem.js +18 -19
  43. package/lib/module/components/Dropdown/DropdownListItem.js.map +1 -1
  44. package/lib/module/components/Dropdown/DropdownSectionList.js +43 -49
  45. package/lib/module/components/Dropdown/DropdownSectionList.js.map +1 -1
  46. package/lib/module/components/Dropdown/DropdownSelectedItemsView.js +46 -54
  47. package/lib/module/components/Dropdown/DropdownSelectedItemsView.js.map +1 -1
  48. package/lib/module/components/Input/index.js +10 -11
  49. package/lib/module/components/Input/index.js.map +1 -1
  50. package/lib/module/components/Others/index.js +17 -21
  51. package/lib/module/components/Others/index.js.map +1 -1
  52. package/lib/module/constants/index.js.map +1 -1
  53. package/lib/module/index.js +104 -88
  54. package/lib/module/index.js.map +1 -1
  55. package/lib/module/styles/colors.js.map +1 -1
  56. package/lib/module/styles/input.js.map +1 -1
  57. package/lib/module/styles/typography.js.map +1 -1
  58. package/lib/module/types/index.types.js.map +1 -1
  59. package/lib/module/utils/index.js +1 -1
  60. package/lib/module/utils/index.js.map +1 -1
  61. package/lib/typescript/jest-setup.d.ts +2 -0
  62. package/lib/typescript/jest-setup.d.ts.map +1 -0
  63. package/lib/typescript/{components → src/components}/CheckBox/checkbox.types.d.ts +1 -0
  64. package/lib/typescript/src/components/CheckBox/checkbox.types.d.ts.map +1 -0
  65. package/lib/typescript/{components → src/components}/CheckBox/index.d.ts +3 -2
  66. package/lib/typescript/src/components/CheckBox/index.d.ts.map +1 -0
  67. package/lib/typescript/src/components/CustomModal/index.d.ts +6 -0
  68. package/lib/typescript/src/components/CustomModal/index.d.ts.map +1 -0
  69. package/lib/typescript/src/components/Dropdown/Dropdown.d.ts +4 -0
  70. package/lib/typescript/src/components/Dropdown/Dropdown.d.ts.map +1 -0
  71. package/lib/typescript/{components → src/components}/Dropdown/DropdownFlatList.d.ts +3 -2
  72. package/lib/typescript/src/components/Dropdown/DropdownFlatList.d.ts.map +1 -0
  73. package/lib/typescript/{components → src/components}/Dropdown/DropdownListItem.d.ts +2 -1
  74. package/lib/typescript/src/components/Dropdown/DropdownListItem.d.ts.map +1 -0
  75. package/lib/typescript/{components → src/components}/Dropdown/DropdownSectionList.d.ts +3 -2
  76. package/lib/typescript/src/components/Dropdown/DropdownSectionList.d.ts.map +1 -0
  77. package/lib/typescript/src/components/Dropdown/DropdownSelectedItemsView.d.ts +4 -0
  78. package/lib/typescript/src/components/Dropdown/DropdownSelectedItemsView.d.ts.map +1 -0
  79. package/lib/typescript/{components → src/components}/Input/index.d.ts +3 -2
  80. package/lib/typescript/src/components/Input/index.d.ts.map +1 -0
  81. package/lib/typescript/{components → src/components}/Others/index.d.ts +8 -7
  82. package/lib/typescript/src/components/Others/index.d.ts.map +1 -0
  83. package/lib/typescript/{constants → src/constants}/index.d.ts +1 -0
  84. package/lib/typescript/src/constants/index.d.ts.map +1 -0
  85. package/lib/typescript/{index.d.ts → src/index.d.ts} +1 -0
  86. package/lib/typescript/src/index.d.ts.map +1 -0
  87. package/lib/typescript/src/styles/colors.d.ts +2 -0
  88. package/lib/typescript/src/styles/colors.d.ts.map +1 -0
  89. package/lib/typescript/{styles → src/styles}/input.d.ts +1 -0
  90. package/lib/typescript/src/styles/input.d.ts.map +1 -0
  91. package/lib/typescript/src/styles/typography.d.ts +2 -0
  92. package/lib/typescript/src/styles/typography.d.ts.map +1 -0
  93. package/lib/typescript/{types → src/types}/index.types.d.ts +6 -2
  94. package/lib/typescript/src/types/index.types.d.ts.map +1 -0
  95. package/lib/typescript/{utils → src/utils}/index.d.ts +1 -0
  96. package/lib/typescript/src/utils/index.d.ts.map +1 -0
  97. package/package.json +28 -21
  98. package/src/components/CustomModal/index.tsx +5 -3
  99. package/src/components/Dropdown/Dropdown.tsx +4 -2
  100. package/src/components/Dropdown/DropdownSelectedItemsView.tsx +5 -5
  101. package/src/index.tsx +37 -7
  102. package/src/types/index.types.ts +4 -2
  103. package/lib/typescript/components/CustomModal/index.d.ts +0 -5
  104. package/lib/typescript/components/Dropdown/Dropdown.d.ts +0 -3
  105. package/lib/typescript/components/Dropdown/DropdownSelectedItemsView.d.ts +0 -3
  106. package/lib/typescript/styles/colors.d.ts +0 -1
  107. package/lib/typescript/styles/typography.d.ts +0 -1
@@ -2,39 +2,37 @@ import React from 'react';
2
2
  import { Pressable, Text, StyleSheet, Image, View } from 'react-native';
3
3
  import { colors } from '../../styles/colors';
4
4
  import { CHECKBOX_SIZE } from '../../constants';
5
- const CheckBox = _ref => {
6
- var _checkboxControls$che, _checkboxComponentSty, _checkboxControls$che2, _checkboxComponentSty2;
7
- let {
8
- label,
9
- value,
10
- disabled,
11
- primaryColor,
12
- checkboxSize,
13
- checkboxStyle,
14
- checkboxLabelStyle,
15
- checkboxComponentStyles,
16
- checkboxComponent,
17
- checkboxControls,
18
- onChange
19
- } = _ref;
5
+ const CheckBox = ({
6
+ label,
7
+ value,
8
+ disabled,
9
+ primaryColor,
10
+ checkboxSize,
11
+ checkboxStyle,
12
+ checkboxLabelStyle,
13
+ checkboxComponentStyles,
14
+ checkboxComponent,
15
+ checkboxControls,
16
+ onChange
17
+ }) => {
20
18
  const fillColor = {
21
- backgroundColor: disabled ? '#d3d3d3' : value ? (checkboxControls === null || checkboxControls === void 0 || (_checkboxControls$che = checkboxControls.checkboxStyle) === null || _checkboxControls$che === void 0 ? void 0 : _checkboxControls$che.backgroundColor) || (checkboxComponentStyles === null || checkboxComponentStyles === void 0 || (_checkboxComponentSty = checkboxComponentStyles.checkboxStyle) === null || _checkboxComponentSty === void 0 ? void 0 : _checkboxComponentSty.backgroundColor) || (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.backgroundColor) || primaryColor || 'green' : 'white',
22
- borderColor: disabled ? colors.disabled : (checkboxControls === null || checkboxControls === void 0 || (_checkboxControls$che2 = checkboxControls.checkboxStyle) === null || _checkboxControls$che2 === void 0 ? void 0 : _checkboxControls$che2.borderColor) || (checkboxComponentStyles === null || checkboxComponentStyles === void 0 || (_checkboxComponentSty2 = checkboxComponentStyles.checkboxStyle) === null || _checkboxComponentSty2 === void 0 ? void 0 : _checkboxComponentSty2.borderColor) || (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.borderColor) || styles.checkbox.borderColor
19
+ backgroundColor: disabled ? '#d3d3d3' : value ? checkboxControls?.checkboxStyle?.backgroundColor || checkboxComponentStyles?.checkboxStyle?.backgroundColor || checkboxStyle?.backgroundColor || primaryColor || 'green' : 'white',
20
+ borderColor: disabled ? colors.disabled : checkboxControls?.checkboxStyle?.borderColor || checkboxComponentStyles?.checkboxStyle?.borderColor || checkboxStyle?.borderColor || styles.checkbox.borderColor
23
21
  };
24
22
  return /*#__PURE__*/React.createElement(Pressable, {
25
23
  onPress: onChange ? () => onChange(!value) : null,
26
24
  style: [styles.checkboxContainer],
27
25
  disabled: disabled
28
26
  }, /*#__PURE__*/React.createElement(View, {
29
- style: [styles.checkbox, (checkboxControls === null || checkboxControls === void 0 ? void 0 : checkboxControls.checkboxStyle) || (checkboxComponentStyles === null || checkboxComponentStyles === void 0 ? void 0 : checkboxComponentStyles.checkboxStyle) || checkboxStyle, fillColor]
30
- }, (checkboxControls === null || checkboxControls === void 0 ? void 0 : checkboxControls.checkboxComponent) || checkboxComponent || /*#__PURE__*/React.createElement(Image, {
27
+ style: [styles.checkbox, checkboxControls?.checkboxStyle || checkboxComponentStyles?.checkboxStyle || checkboxStyle, fillColor]
28
+ }, checkboxControls?.checkboxComponent || checkboxComponent || /*#__PURE__*/React.createElement(Image, {
31
29
  source: require('../../asset/check.png'),
32
30
  style: [{
33
- height: (checkboxControls === null || checkboxControls === void 0 ? void 0 : checkboxControls.checkboxSize) || (checkboxComponentStyles === null || checkboxComponentStyles === void 0 ? void 0 : checkboxComponentStyles.checkboxSize) || checkboxSize || CHECKBOX_SIZE,
34
- width: (checkboxControls === null || checkboxControls === void 0 ? void 0 : checkboxControls.checkboxSize) || (checkboxComponentStyles === null || checkboxComponentStyles === void 0 ? void 0 : checkboxComponentStyles.checkboxSize) || checkboxSize || CHECKBOX_SIZE
31
+ height: checkboxControls?.checkboxSize || checkboxComponentStyles?.checkboxSize || checkboxSize || CHECKBOX_SIZE,
32
+ width: checkboxControls?.checkboxSize || checkboxComponentStyles?.checkboxSize || checkboxSize || CHECKBOX_SIZE
35
33
  }]
36
34
  })), label && label !== '' && /*#__PURE__*/React.createElement(Text, {
37
- style: [(checkboxControls === null || checkboxControls === void 0 ? void 0 : checkboxControls.checkboxLabelStyle) || (checkboxComponentStyles === null || checkboxComponentStyles === void 0 ? void 0 : checkboxComponentStyles.checkboxLabelStyle) || checkboxLabelStyle, styles.labelStyle]
35
+ style: [checkboxControls?.checkboxLabelStyle || checkboxComponentStyles?.checkboxLabelStyle || checkboxLabelStyle, styles.labelStyle]
38
36
  }, label));
39
37
  };
40
38
  const styles = StyleSheet.create({
@@ -1 +1 @@
1
- {"version":3,"names":["React","Pressable","Text","StyleSheet","Image","View","colors","CHECKBOX_SIZE","CheckBox","_ref","_checkboxControls$che","_checkboxComponentSty","_checkboxControls$che2","_checkboxComponentSty2","label","value","disabled","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","checkboxControls","onChange","fillColor","backgroundColor","borderColor","styles","checkbox","createElement","onPress","style","checkboxContainer","source","require","height","width","labelStyle","create","flexDirection","flexWrap","alignItems","padding","borderWidth","borderStyle","borderRadius","marginLeft"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, Text, StyleSheet, Image, View } from 'react-native';\nimport { colors } from '../../styles/colors';\nimport { CHECKBOX_SIZE } from '../../constants';\nimport type { CheckboxProps } from './checkbox.types';\n\nconst CheckBox = ({\n label,\n value,\n disabled,\n primaryColor,\n checkboxSize,\n checkboxStyle,\n checkboxLabelStyle,\n checkboxComponentStyles,\n checkboxComponent,\n checkboxControls,\n onChange,\n}: CheckboxProps) => {\n const fillColor = {\n backgroundColor: disabled\n ? '#d3d3d3'\n : value\n ? checkboxControls?.checkboxStyle?.backgroundColor ||\n checkboxComponentStyles?.checkboxStyle?.backgroundColor ||\n checkboxStyle?.backgroundColor ||\n primaryColor ||\n 'green'\n : 'white',\n borderColor: disabled\n ? colors.disabled\n : checkboxControls?.checkboxStyle?.borderColor ||\n checkboxComponentStyles?.checkboxStyle?.borderColor ||\n checkboxStyle?.borderColor ||\n styles.checkbox.borderColor,\n };\n\n return (\n <Pressable\n onPress={onChange ? () => onChange(!value) : null}\n style={[styles.checkboxContainer]}\n disabled={disabled}\n >\n <View\n style={[\n styles.checkbox,\n checkboxControls?.checkboxStyle ||\n checkboxComponentStyles?.checkboxStyle ||\n checkboxStyle,\n fillColor,\n ]}\n >\n {checkboxControls?.checkboxComponent || checkboxComponent || (\n <Image\n source={require('../../asset/check.png')}\n style={[\n {\n height:\n checkboxControls?.checkboxSize ||\n checkboxComponentStyles?.checkboxSize ||\n checkboxSize ||\n CHECKBOX_SIZE,\n width:\n checkboxControls?.checkboxSize ||\n checkboxComponentStyles?.checkboxSize ||\n checkboxSize ||\n CHECKBOX_SIZE,\n },\n ]}\n />\n )}\n </View>\n {label && label !== '' && (\n <Text\n style={[\n checkboxControls?.checkboxLabelStyle ||\n checkboxComponentStyles?.checkboxLabelStyle ||\n checkboxLabelStyle,\n styles.labelStyle,\n ]}\n >\n {label}\n </Text>\n )}\n </Pressable>\n );\n};\n\nconst styles = StyleSheet.create({\n checkboxContainer: {\n flexDirection: 'row',\n flexWrap: 'nowrap',\n alignItems: 'center',\n },\n checkbox: {\n padding: 4,\n borderWidth: 1,\n borderStyle: 'solid',\n borderRadius: 4,\n borderColor: 'black',\n },\n labelStyle: { marginLeft: 10 },\n});\n\nexport default CheckBox;\n"],"mappings":"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"}
1
+ {"version":3,"names":["React","Pressable","Text","StyleSheet","Image","View","colors","CHECKBOX_SIZE","CheckBox","label","value","disabled","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","checkboxControls","onChange","fillColor","backgroundColor","borderColor","styles","checkbox","createElement","onPress","style","checkboxContainer","source","require","height","width","labelStyle","create","flexDirection","flexWrap","alignItems","padding","borderWidth","borderStyle","borderRadius","marginLeft"],"sourceRoot":"../../../../src","sources":["components/CheckBox/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,IAAI,EAAEC,UAAU,EAAEC,KAAK,EAAEC,IAAI,QAAQ,cAAc;AACvE,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,aAAa,QAAQ,iBAAiB;AAG/C,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,YAAY;EACZC,YAAY;EACZC,aAAa;EACbC,kBAAkB;EAClBC,uBAAuB;EACvBC,iBAAiB;EACjBC,gBAAgB;EAChBC;AACa,CAAC,KAAK;EACnB,MAAMC,SAAS,GAAG;IAChBC,eAAe,EAAEV,QAAQ,GACrB,SAAS,GACTD,KAAK,GACLQ,gBAAgB,EAAEJ,aAAa,EAAEO,eAAe,IAChDL,uBAAuB,EAAEF,aAAa,EAAEO,eAAe,IACvDP,aAAa,EAAEO,eAAe,IAC9BT,YAAY,IACZ,OAAO,GACP,OAAO;IACXU,WAAW,EAAEX,QAAQ,GACjBL,MAAM,CAACK,QAAQ,GACfO,gBAAgB,EAAEJ,aAAa,EAAEQ,WAAW,IAC5CN,uBAAuB,EAAEF,aAAa,EAAEQ,WAAW,IACnDR,aAAa,EAAEQ,WAAW,IAC1BC,MAAM,CAACC,QAAQ,CAACF;EACtB,CAAC;EAED,oBACEtB,KAAA,CAAAyB,aAAA,CAACxB,SAAS;IACRyB,OAAO,EAAEP,QAAQ,GAAG,MAAMA,QAAQ,CAAC,CAACT,KAAK,CAAC,GAAG,IAAK;IAClDiB,KAAK,EAAE,CAACJ,MAAM,CAACK,iBAAiB,CAAE;IAClCjB,QAAQ,EAAEA;EAAS,gBAEnBX,KAAA,CAAAyB,aAAA,CAACpB,IAAI;IACHsB,KAAK,EAAE,CACLJ,MAAM,CAACC,QAAQ,EACfN,gBAAgB,EAAEJ,aAAa,IAC7BE,uBAAuB,EAAEF,aAAa,IACtCA,aAAa,EACfM,SAAS;EACT,GAEDF,gBAAgB,EAAED,iBAAiB,IAAIA,iBAAiB,iBACvDjB,KAAA,CAAAyB,aAAA,CAACrB,KAAK;IACJyB,MAAM,EAAEC,OAAO,CAAC,uBAAuB,CAAE;IACzCH,KAAK,EAAE,CACL;MACEI,MAAM,EACJb,gBAAgB,EAAEL,YAAY,IAC9BG,uBAAuB,EAAEH,YAAY,IACrCA,YAAY,IACZN,aAAa;MACfyB,KAAK,EACHd,gBAAgB,EAAEL,YAAY,IAC9BG,uBAAuB,EAAEH,YAAY,IACrCA,YAAY,IACZN;IACJ,CAAC;EACD,CACH,CAEC,CAAC,EACNE,KAAK,IAAIA,KAAK,KAAK,EAAE,iBACpBT,KAAA,CAAAyB,aAAA,CAACvB,IAAI;IACHyB,KAAK,EAAE,CACLT,gBAAgB,EAAEH,kBAAkB,IAClCC,uBAAuB,EAAED,kBAAkB,IAC3CA,kBAAkB,EACpBQ,MAAM,CAACU,UAAU;EACjB,GAEDxB,KACG,CAEC,CAAC;AAEhB,CAAC;AAED,MAAMc,MAAM,GAAGpB,UAAU,CAAC+B,MAAM,CAAC;EAC/BN,iBAAiB,EAAE;IACjBO,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,QAAQ;IAClBC,UAAU,EAAE;EACd,CAAC;EACDb,QAAQ,EAAE;IACRc,OAAO,EAAE,CAAC;IACVC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,OAAO;IACpBC,YAAY,EAAE,CAAC;IACfnB,WAAW,EAAE;EACf,CAAC;EACDW,UAAU,EAAE;IAAES,UAAU,EAAE;EAAG;AAC/B,CAAC,CAAC;AAEF,eAAelC,QAAQ","ignoreList":[]}
@@ -1,13 +1,12 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2
2
  import React from 'react';
3
3
  import { KeyboardAvoidingView, Modal, Platform, SafeAreaView, StyleSheet, TouchableOpacity, TouchableWithoutFeedback } from 'react-native';
4
4
  import { colors } from '../../styles/colors';
5
5
  // In iOS, `SafeAreaView` does not automatically account on keyboard.
6
6
  // Therefore, for iOS we need to wrap the content in `KeyboardAvoidingView`.
7
- const ModalContentWrapper = _ref => {
8
- let {
9
- children
10
- } = _ref;
7
+ const ModalContentWrapper = ({
8
+ children
9
+ }) => {
11
10
  return Platform.OS === 'ios' ? /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
12
11
  style: [{
13
12
  flex: 1
@@ -15,31 +14,30 @@ const ModalContentWrapper = _ref => {
15
14
  behavior: "padding"
16
15
  }, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
17
16
  };
18
- const CustomModal = _ref2 => {
19
- let {
20
- visible,
21
- onRequestClose,
22
- modalBackgroundStyle,
23
- //kept for backwards compatibility
24
- modalOptionsContainerStyle,
25
- //kept for backwards compatibility
26
- modalControls,
27
- modalProps,
28
- //kept for backwards compatibility
29
- children
30
- } = _ref2;
17
+ const CustomModal = ({
18
+ visible,
19
+ closeModal,
20
+ modalBackgroundStyle,
21
+ //kept for backwards compatibility
22
+ modalOptionsContainerStyle,
23
+ //kept for backwards compatibility
24
+ modalControls,
25
+ modalProps,
26
+ //kept for backwards compatibility
27
+ children
28
+ }) => {
31
29
  return /*#__PURE__*/React.createElement(Modal, _extends({
32
30
  transparent: true,
33
31
  visible: visible,
34
- onRequestClose: () => onRequestClose === null || onRequestClose === void 0 ? void 0 : onRequestClose(),
32
+ onRequestClose: () => closeModal?.(),
35
33
  animationType: "fade"
36
- }, modalControls === null || modalControls === void 0 ? void 0 : modalControls.modalProps, modalProps), /*#__PURE__*/React.createElement(ModalContentWrapper, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
37
- onPress: () => onRequestClose === null || onRequestClose === void 0 ? void 0 : onRequestClose(),
38
- style: [styles.modalContainer, styles.modalBackgroundStyle, (modalControls === null || modalControls === void 0 ? void 0 : modalControls.modalBackgroundStyle) || modalBackgroundStyle]
34
+ }, modalControls?.modalProps, modalProps), /*#__PURE__*/React.createElement(ModalContentWrapper, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
35
+ onPress: () => closeModal?.() || modalControls?.modalProps?.closeModal?.(),
36
+ style: [styles.modalContainer, styles.modalBackgroundStyle, modalControls?.modalBackgroundStyle || modalBackgroundStyle]
39
37
  }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
40
38
  onPress: () => {}
41
39
  }, /*#__PURE__*/React.createElement(SafeAreaView, {
42
- style: [styles.modalOptionsContainer, (modalControls === null || modalControls === void 0 ? void 0 : modalControls.modalOptionsContainerStyle) || modalOptionsContainerStyle]
40
+ style: [styles.modalOptionsContainer, modalControls?.modalOptionsContainerStyle || modalOptionsContainerStyle]
43
41
  }, children)))));
44
42
  };
45
43
  const styles = StyleSheet.create({
@@ -1 +1 @@
1
- {"version":3,"names":["React","KeyboardAvoidingView","Modal","Platform","SafeAreaView","StyleSheet","TouchableOpacity","TouchableWithoutFeedback","colors","ModalContentWrapper","_ref","children","OS","createElement","style","flex","behavior","Fragment","CustomModal","_ref2","visible","onRequestClose","modalBackgroundStyle","modalOptionsContainerStyle","modalControls","modalProps","_extends","transparent","animationType","onPress","styles","modalContainer","modalOptionsContainer","create","justifyContent","backgroundColor","maxHeight","white","borderTopLeftRadius","borderTopRightRadius","zIndex"],"sources":["index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport {\n KeyboardAvoidingView,\n Modal,\n ModalProps,\n Platform,\n SafeAreaView,\n StyleSheet,\n TouchableOpacity,\n TouchableWithoutFeedback,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\nimport { TCustomModalControls } from 'src/types/index.types';\n\ntype ScreenWrapperProps = {\n children: React.ReactNode;\n};\n\n// In iOS, `SafeAreaView` does not automatically account on keyboard.\n// Therefore, for iOS we need to wrap the content in `KeyboardAvoidingView`.\nconst ModalContentWrapper = ({\n children,\n}: ScreenWrapperProps): ReactElement => {\n return Platform.OS === 'ios' ? (\n <KeyboardAvoidingView style={[{ flex: 1 }]} behavior=\"padding\">\n {children}\n </KeyboardAvoidingView>\n ) : (\n <>{children}</>\n );\n};\n\nconst CustomModal = ({\n visible,\n onRequestClose,\n modalBackgroundStyle, //kept for backwards compatibility\n modalOptionsContainerStyle, //kept for backwards compatibility\n modalControls,\n modalProps, //kept for backwards compatibility\n children,\n}: TCustomModalControls & ModalProps) => {\n return (\n <Modal\n transparent={true}\n visible={visible}\n onRequestClose={() => onRequestClose?.()}\n animationType=\"fade\"\n {...modalControls?.modalProps}\n {...modalProps} //kept for backwards compatibility\n >\n {/*Used to fix the select with search box behavior in iOS*/}\n <ModalContentWrapper>\n <TouchableOpacity\n onPress={() => onRequestClose?.()}\n style={[\n styles.modalContainer,\n styles.modalBackgroundStyle,\n modalControls?.modalBackgroundStyle || modalBackgroundStyle,\n ]}\n >\n {/* Added this `TouchableWithoutFeedback` wrapper because of the closing modal on expo web */}\n <TouchableWithoutFeedback onPress={() => {}}>\n <SafeAreaView\n style={[\n styles.modalOptionsContainer,\n modalControls?.modalOptionsContainerStyle ||\n modalOptionsContainerStyle,\n ]}\n >\n {children}\n </SafeAreaView>\n </TouchableWithoutFeedback>\n </TouchableOpacity>\n </ModalContentWrapper>\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 zIndex: 5,\n },\n});\n\nexport default CustomModal;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAwB,OAAO;AAC3C,SACEC,oBAAoB,EACpBC,KAAK,EAELC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,gBAAgB,EAChBC,wBAAwB,QACnB,cAAc;AACrB,SAASC,MAAM,QAAQ,qBAAqB;AAO5C;AACA;AACA,MAAMC,mBAAmB,GAAGC,IAAA,IAEY;EAAA,IAFX;IAC3BC;EACkB,CAAC,GAAAD,IAAA;EACnB,OAAOP,QAAQ,CAACS,EAAE,KAAK,KAAK,gBAC1BZ,KAAA,CAAAa,aAAA,CAACZ,oBAAoB;IAACa,KAAK,EAAE,CAAC;MAAEC,IAAI,EAAE;IAAE,CAAC,CAAE;IAACC,QAAQ,EAAC;EAAS,GAC3DL,QACmB,CAAC,gBAEvBX,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAiB,QAAA,QAAGN,QAAW,CACf;AACH,CAAC;AAED,MAAMO,WAAW,GAAGC,KAAA,IAQqB;EAAA,IARpB;IACnBC,OAAO;IACPC,cAAc;IACdC,oBAAoB;IAAE;IACtBC,0BAA0B;IAAE;IAC5BC,aAAa;IACbC,UAAU;IAAE;IACZd;EACiC,CAAC,GAAAQ,KAAA;EAClC,oBACEnB,KAAA,CAAAa,aAAA,CAACX,KAAK,EAAAwB,QAAA;IACJC,WAAW,EAAE,IAAK;IAClBP,OAAO,EAAEA,OAAQ;IACjBC,cAAc,EAAEA,CAAA,KAAMA,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAG,CAAE;IACzCO,aAAa,EAAC;EAAM,GAChBJ,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEC,UAAU,EACzBA,UAAU,gBAGdzB,KAAA,CAAAa,aAAA,CAACJ,mBAAmB,qBAClBT,KAAA,CAAAa,aAAA,CAACP,gBAAgB;IACfuB,OAAO,EAAEA,CAAA,KAAMR,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAG,CAAE;IAClCP,KAAK,EAAE,CACLgB,MAAM,CAACC,cAAc,EACrBD,MAAM,CAACR,oBAAoB,EAC3B,CAAAE,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEF,oBAAoB,KAAIA,oBAAoB;EAC3D,gBAGFtB,KAAA,CAAAa,aAAA,CAACN,wBAAwB;IAACsB,OAAO,EAAEA,CAAA,KAAM,CAAC;EAAE,gBAC1C7B,KAAA,CAAAa,aAAA,CAACT,YAAY;IACXU,KAAK,EAAE,CACLgB,MAAM,CAACE,qBAAqB,EAC5B,CAAAR,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAED,0BAA0B,KACvCA,0BAA0B;EAC5B,GAEDZ,QACW,CACU,CACV,CACC,CAChB,CAAC;AAEZ,CAAC;AAED,MAAMmB,MAAM,GAAGzB,UAAU,CAAC4B,MAAM,CAAC;EAC/BF,cAAc,EAAE;IACdhB,IAAI,EAAE,CAAC;IACPmB,cAAc,EAAE;EAClB,CAAC;EACDZ,oBAAoB,EAAE;IAAEa,eAAe,EAAE;EAAqB,CAAC;EAC/DH,qBAAqB,EAAE;IACrBI,SAAS,EAAE,KAAK;IAChBD,eAAe,EAAE3B,MAAM,CAAC6B,KAAK;IAC7BC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAetB,WAAW"}
1
+ {"version":3,"names":["React","KeyboardAvoidingView","Modal","Platform","SafeAreaView","StyleSheet","TouchableOpacity","TouchableWithoutFeedback","colors","ModalContentWrapper","children","OS","createElement","style","flex","behavior","Fragment","CustomModal","visible","closeModal","modalBackgroundStyle","modalOptionsContainerStyle","modalControls","modalProps","_extends","transparent","onRequestClose","animationType","onPress","styles","modalContainer","modalOptionsContainer","create","justifyContent","backgroundColor","maxHeight","white","borderTopLeftRadius","borderTopRightRadius","zIndex"],"sourceRoot":"../../../../src","sources":["components/CustomModal/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAwB,OAAO;AAC3C,SACEC,oBAAoB,EACpBC,KAAK,EAELC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,gBAAgB,EAChBC,wBAAwB,QACnB,cAAc;AACrB,SAASC,MAAM,QAAQ,qBAAqB;AAO5C;AACA;AACA,MAAMC,mBAAmB,GAAGA,CAAC;EAC3BC;AACkB,CAAC,KAAmB;EACtC,OAAOP,QAAQ,CAACQ,EAAE,KAAK,KAAK,gBAC1BX,KAAA,CAAAY,aAAA,CAACX,oBAAoB;IAACY,KAAK,EAAE,CAAC;MAAEC,IAAI,EAAE;IAAE,CAAC,CAAE;IAACC,QAAQ,EAAC;EAAS,GAC3DL,QACmB,CAAC,gBAEvBV,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAgB,QAAA,QAAGN,QAAW,CACf;AACH,CAAC;AAED,MAAMO,WAAW,GAAGA,CAAC;EACnBC,OAAO;EACPC,UAAU;EACVC,oBAAoB;EAAE;EACtBC,0BAA0B;EAAE;EAC5BC,aAAa;EACbC,UAAU;EAAE;EACZb;AACiC,CAAC,KAAK;EACvC,oBACEV,KAAA,CAAAY,aAAA,CAACV,KAAK,EAAAsB,QAAA;IACJC,WAAW,EAAE,IAAK;IAClBP,OAAO,EAAEA,OAAQ;IACjBQ,cAAc,EAAEA,CAAA,KAAMP,UAAU,GAAG,CAAE;IACrCQ,aAAa,EAAC;EAAM,GAChBL,aAAa,EAAEC,UAAU,EACzBA,UAAU,gBAGdvB,KAAA,CAAAY,aAAA,CAACH,mBAAmB,qBAClBT,KAAA,CAAAY,aAAA,CAACN,gBAAgB;IACfsB,OAAO,EAAEA,CAAA,KACPT,UAAU,GAAG,CAAC,IAAIG,aAAa,EAAEC,UAAU,EAAEJ,UAAU,GAAG,CAC3D;IACDN,KAAK,EAAE,CACLgB,MAAM,CAACC,cAAc,EACrBD,MAAM,CAACT,oBAAoB,EAC3BE,aAAa,EAAEF,oBAAoB,IAAIA,oBAAoB;EAC3D,gBAGFpB,KAAA,CAAAY,aAAA,CAACL,wBAAwB;IAACqB,OAAO,EAAEA,CAAA,KAAM,CAAC;EAAE,gBAC1C5B,KAAA,CAAAY,aAAA,CAACR,YAAY;IACXS,KAAK,EAAE,CACLgB,MAAM,CAACE,qBAAqB,EAC5BT,aAAa,EAAED,0BAA0B,IACvCA,0BAA0B;EAC5B,GAEDX,QACW,CACU,CACV,CACC,CAChB,CAAC;AAEZ,CAAC;AAED,MAAMmB,MAAM,GAAGxB,UAAU,CAAC2B,MAAM,CAAC;EAC/BF,cAAc,EAAE;IACdhB,IAAI,EAAE,CAAC;IACPmB,cAAc,EAAE;EAClB,CAAC;EACDb,oBAAoB,EAAE;IAAEc,eAAe,EAAE;EAAqB,CAAC;EAC/DH,qBAAqB,EAAE;IACrBI,SAAS,EAAE,KAAK;IAChBD,eAAe,EAAE1B,MAAM,CAAC4B,KAAK;IAC7BC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAetB,WAAW","ignoreList":[]}
@@ -3,32 +3,32 @@ import { View, Text, StyleSheet } from 'react-native';
3
3
  import DropdownSelectedItemsView from './DropdownSelectedItemsView';
4
4
  import { colors } from '../../styles/colors';
5
5
  import { typography } from '../../styles/typography';
6
- const Dropdown = _ref => {
7
- let {
8
- label,
9
- placeholder,
10
- helperText,
11
- error,
12
- getSelectedItemsLabel,
13
- handleToggleModal,
14
- isMultiple,
15
- selectedItem,
16
- selectedItems,
17
- dropdownIcon,
18
- labelStyle,
19
- dropdownStyle,
20
- dropdownIconStyle,
21
- dropdownContainerStyle,
22
- selectedItemStyle,
23
- placeholderStyle,
24
- multipleSelectedItemStyle,
25
- dropdownErrorStyle,
26
- dropdownErrorTextStyle,
27
- dropdownHelperTextStyle,
28
- primaryColor,
29
- disabled,
30
- setIndexOfSelectedItem
31
- } = _ref;
6
+ const Dropdown = ({
7
+ label,
8
+ placeholder,
9
+ helperText,
10
+ error,
11
+ getSelectedItemsLabel,
12
+ openModal,
13
+ closeModal,
14
+ isMultiple,
15
+ selectedItem,
16
+ selectedItems,
17
+ dropdownIcon,
18
+ labelStyle,
19
+ dropdownStyle,
20
+ dropdownIconStyle,
21
+ dropdownContainerStyle,
22
+ selectedItemStyle,
23
+ placeholderStyle,
24
+ multipleSelectedItemStyle,
25
+ dropdownErrorStyle,
26
+ dropdownErrorTextStyle,
27
+ dropdownHelperTextStyle,
28
+ primaryColor,
29
+ disabled,
30
+ setIndexOfSelectedItem
31
+ }) => {
32
32
  return /*#__PURE__*/React.createElement(View, {
33
33
  style: [styles.dropdownInputContainer, dropdownContainerStyle]
34
34
  }, label && label !== '' && /*#__PURE__*/React.createElement(Text, {
@@ -37,7 +37,8 @@ const Dropdown = _ref => {
37
37
  placeholder: placeholder,
38
38
  error: error,
39
39
  getSelectedItemsLabel: getSelectedItemsLabel,
40
- handleToggleModal: handleToggleModal,
40
+ openModal: openModal,
41
+ closeModal: closeModal,
41
42
  isMultiple: isMultiple,
42
43
  selectedItem: selectedItem,
43
44
  selectedItems: selectedItems,
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","Text","StyleSheet","DropdownSelectedItemsView","colors","typography","Dropdown","_ref","label","placeholder","helperText","error","getSelectedItemsLabel","handleToggleModal","isMultiple","selectedItem","selectedItems","dropdownIcon","labelStyle","dropdownStyle","dropdownIconStyle","dropdownContainerStyle","selectedItemStyle","placeholderStyle","multipleSelectedItemStyle","dropdownErrorStyle","dropdownErrorTextStyle","dropdownHelperTextStyle","primaryColor","disabled","setIndexOfSelectedItem","createElement","style","styles","dropdownInputContainer","helper","create","marginBottom","color","gray","caption","red","marginTop","primary","width","blackText","black"],"sources":["Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, StyleSheet } from 'react-native';\nimport DropdownSelectedItemsView from './DropdownSelectedItemsView';\nimport { colors } from '../../styles/colors';\nimport { typography } from '../../styles/typography';\n\nconst Dropdown = ({\n label,\n placeholder,\n helperText,\n error,\n getSelectedItemsLabel,\n handleToggleModal,\n isMultiple,\n selectedItem,\n selectedItems,\n dropdownIcon,\n labelStyle,\n dropdownStyle,\n dropdownIconStyle,\n dropdownContainerStyle,\n selectedItemStyle,\n placeholderStyle,\n multipleSelectedItemStyle,\n dropdownErrorStyle,\n dropdownErrorTextStyle,\n dropdownHelperTextStyle,\n primaryColor,\n disabled,\n setIndexOfSelectedItem,\n}: any) => {\n return (\n <View style={[styles.dropdownInputContainer, dropdownContainerStyle]}>\n {label && label !== '' && (\n <Text style={[styles.label, labelStyle]}>{label}</Text>\n )}\n\n <DropdownSelectedItemsView\n placeholder={placeholder}\n error={error}\n getSelectedItemsLabel={getSelectedItemsLabel}\n handleToggleModal={handleToggleModal}\n isMultiple={isMultiple}\n selectedItem={selectedItem}\n selectedItems={selectedItems}\n dropdownIcon={dropdownIcon}\n dropdownStyle={dropdownStyle}\n dropdownIconStyle={dropdownIconStyle}\n selectedItemStyle={selectedItemStyle}\n multipleSelectedItemStyle={multipleSelectedItemStyle}\n dropdownErrorStyle={dropdownErrorStyle}\n primaryColor={primaryColor}\n disabled={disabled}\n placeholderStyle={placeholderStyle}\n setIndexOfSelectedItem={setIndexOfSelectedItem}\n />\n\n {error && error !== '' && (\n <Text style={[styles.error, dropdownErrorTextStyle]}>{error}</Text>\n )}\n\n {helperText && helperText !== '' && !error && (\n <Text style={[styles.helper, dropdownHelperTextStyle]}>\n {helperText}\n </Text>\n )}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n label: { marginBottom: 16, color: colors.gray, ...typography.caption },\n error: { color: colors.red, marginTop: 8, ...typography.caption },\n helper: { marginTop: 8, color: colors.primary, ...typography.caption },\n dropdownInputContainer: { marginBottom: 23, width: '100%' },\n blackText: { color: colors.black },\n});\n\nexport default Dropdown;\n"],"mappings":"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"}
1
+ {"version":3,"names":["React","View","Text","StyleSheet","DropdownSelectedItemsView","colors","typography","Dropdown","label","placeholder","helperText","error","getSelectedItemsLabel","openModal","closeModal","isMultiple","selectedItem","selectedItems","dropdownIcon","labelStyle","dropdownStyle","dropdownIconStyle","dropdownContainerStyle","selectedItemStyle","placeholderStyle","multipleSelectedItemStyle","dropdownErrorStyle","dropdownErrorTextStyle","dropdownHelperTextStyle","primaryColor","disabled","setIndexOfSelectedItem","createElement","style","styles","dropdownInputContainer","helper","create","marginBottom","color","gray","caption","red","marginTop","primary","width","blackText","black"],"sourceRoot":"../../../../src","sources":["components/Dropdown/Dropdown.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,39 +1,37 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2
2
  /* eslint-disable react-native/no-inline-styles */
3
3
  import React, { useEffect, useRef } from 'react';
4
4
  import { FlatList, StyleSheet } from 'react-native';
5
5
  import DropdownListItem from './DropdownListItem';
6
6
  import { ItemSeparatorComponent, ListEmptyComponent } from '../Others';
7
- const DropdownFlatList = _ref => {
8
- let {
9
- options,
10
- optionLabel,
11
- optionValue,
12
- isMultiple,
13
- isSearchable,
14
- selectedItems,
15
- selectedItem,
16
- handleMultipleSelections,
17
- handleSingleSelection,
18
- primaryColor,
19
- checkboxSize,
20
- // kept for backwards compatibility to be removed in future release
21
- checkboxStyle,
22
- // kept for backwards compatibility to be removed in future release
23
- checkboxLabelStyle,
24
- // kept for backwards compatibility to be removed in future release
25
- checkboxComponentStyles,
26
- checkboxComponent,
27
- checkboxControls,
28
- listComponentStyles,
29
- listIndex,
30
- emptyListMessage,
31
- ...rest
32
- } = _ref;
7
+ const DropdownFlatList = ({
8
+ options,
9
+ optionLabel,
10
+ optionValue,
11
+ isMultiple,
12
+ isSearchable,
13
+ selectedItems,
14
+ selectedItem,
15
+ handleMultipleSelections,
16
+ handleSingleSelection,
17
+ primaryColor,
18
+ checkboxSize,
19
+ // kept for backwards compatibility to be removed in future release
20
+ checkboxStyle,
21
+ // kept for backwards compatibility to be removed in future release
22
+ checkboxLabelStyle,
23
+ // kept for backwards compatibility to be removed in future release
24
+ checkboxComponentStyles,
25
+ checkboxComponent,
26
+ checkboxControls,
27
+ listComponentStyles,
28
+ listIndex,
29
+ emptyListMessage,
30
+ ...rest
31
+ }) => {
33
32
  const flatlistRef = useRef(null);
34
33
  const scrollToItem = index => {
35
- var _flatlistRef$current;
36
- (_flatlistRef$current = flatlistRef.current) === null || _flatlistRef$current === void 0 ? void 0 : _flatlistRef$current.scrollToIndex({
34
+ flatlistRef.current?.scrollToIndex({
37
35
  index,
38
36
  animated: true
39
37
  });
@@ -48,14 +46,14 @@ const DropdownFlatList = _ref => {
48
46
  extraData: isMultiple ? selectedItems : selectedItem,
49
47
  initialNumToRender: 5,
50
48
  ListEmptyComponent: /*#__PURE__*/React.createElement(ListEmptyComponent, {
51
- listEmptyComponentStyle: listComponentStyles === null || listComponentStyles === void 0 ? void 0 : listComponentStyles.listEmptyComponentStyle,
49
+ listEmptyComponentStyle: listComponentStyles?.listEmptyComponentStyle,
52
50
  emptyListMessage: emptyListMessage
53
51
  }),
54
52
  contentContainerStyle: [isSearchable ? {
55
53
  paddingTop: 0
56
54
  } : styles.contentContainerStyle],
57
55
  ItemSeparatorComponent: () => /*#__PURE__*/React.createElement(ItemSeparatorComponent, {
58
- itemSeparatorStyle: listComponentStyles === null || listComponentStyles === void 0 ? void 0 : listComponentStyles.itemSeparatorStyle
56
+ itemSeparatorStyle: listComponentStyles?.itemSeparatorStyle
59
57
  }),
60
58
  renderItem: item => _renderItem(item, {
61
59
  optionLabel,
@@ -79,20 +77,18 @@ const DropdownFlatList = _ref => {
79
77
  }),
80
78
  keyExtractor: (_item, index) => `Options${index}`,
81
79
  ref: flatlistRef,
82
- onScrollToIndexFailed: _ref2 => {
83
- let {
84
- index
85
- } = _ref2;
80
+ onScrollToIndexFailed: ({
81
+ index
82
+ }) => {
86
83
  setTimeout(() => {
87
84
  scrollToItem(index);
88
85
  }, 500);
89
86
  }
90
87
  }, rest));
91
88
  };
92
- const _renderItem = (_ref3, props) => {
93
- let {
94
- item
95
- } = _ref3;
89
+ const _renderItem = ({
90
+ item
91
+ }, props) => {
96
92
  return /*#__PURE__*/React.createElement(DropdownListItem, {
97
93
  item: item,
98
94
  optionLabel: props.optionLabel,
@@ -1 +1 @@
1
- {"version":3,"names":["React","useEffect","useRef","FlatList","StyleSheet","DropdownListItem","ItemSeparatorComponent","ListEmptyComponent","DropdownFlatList","_ref","options","optionLabel","optionValue","isMultiple","isSearchable","selectedItems","selectedItem","handleMultipleSelections","handleSingleSelection","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","checkboxControls","listComponentStyles","listIndex","emptyListMessage","rest","flatlistRef","scrollToItem","index","_flatlistRef$current","current","scrollToIndex","animated","itemIndex","createElement","_extends","data","extraData","initialNumToRender","listEmptyComponentStyle","contentContainerStyle","paddingTop","styles","itemSeparatorStyle","renderItem","item","_renderItem","selectedOption","onChange","keyExtractor","_item","ref","onScrollToIndexFailed","_ref2","setTimeout","_ref3","props","create"],"sources":["DropdownFlatList.tsx"],"sourcesContent":["/* eslint-disable react-native/no-inline-styles */\nimport React, { useEffect, useRef } from 'react';\nimport { FlatList, StyleSheet } from 'react-native';\nimport DropdownListItem from './DropdownListItem';\nimport { ItemSeparatorComponent, ListEmptyComponent } from '../Others';\nimport { TFlatList } from 'src/types/index.types';\n\nconst DropdownFlatList = ({\n options,\n optionLabel,\n optionValue,\n isMultiple,\n isSearchable,\n selectedItems,\n selectedItem,\n handleMultipleSelections,\n handleSingleSelection,\n primaryColor,\n checkboxSize, // kept for backwards compatibility to be removed in future release\n checkboxStyle, // kept for backwards compatibility to be removed in future release\n checkboxLabelStyle, // kept for backwards compatibility to be removed in future release\n checkboxComponentStyles,\n checkboxComponent,\n checkboxControls,\n listComponentStyles,\n listIndex,\n emptyListMessage,\n ...rest\n}: any) => {\n const flatlistRef = useRef<FlatList<TFlatList>>(null);\n\n const scrollToItem = (index: number) => {\n flatlistRef.current?.scrollToIndex({\n index,\n animated: true,\n });\n };\n\n useEffect(() => {\n if (listIndex.itemIndex >= 0) {\n scrollToItem(listIndex.itemIndex);\n }\n }, [listIndex]);\n\n return (\n <FlatList\n data={options}\n extraData={isMultiple ? selectedItems : selectedItem}\n initialNumToRender={5}\n ListEmptyComponent={\n <ListEmptyComponent\n listEmptyComponentStyle={listComponentStyles?.listEmptyComponentStyle}\n emptyListMessage={emptyListMessage}\n />\n }\n contentContainerStyle={[\n isSearchable ? { paddingTop: 0 } : styles.contentContainerStyle,\n ]}\n ItemSeparatorComponent={() => (\n <ItemSeparatorComponent\n itemSeparatorStyle={listComponentStyles?.itemSeparatorStyle}\n />\n )}\n renderItem={(item) =>\n _renderItem(item, {\n optionLabel,\n optionValue,\n isMultiple,\n selectedOption: isMultiple ? selectedItems : selectedItem,\n onChange: isMultiple\n ? handleMultipleSelections\n : handleSingleSelection,\n scrollToItem,\n primaryColor,\n checkboxSize, // kept for backwards compatibility\n checkboxStyle, // kept for backwards compatibility\n checkboxLabelStyle, // kept for backwards compatibility\n checkboxComponentStyles, // kept for backwards compatibility\n checkboxComponent, // kept for backwards compatibility\n checkboxControls,\n })\n }\n keyExtractor={(_item, index) => `Options${index}`}\n ref={flatlistRef}\n onScrollToIndexFailed={({ index }) => {\n setTimeout(() => {\n scrollToItem(index);\n }, 500);\n }}\n {...rest}\n />\n );\n};\n\nconst _renderItem = ({ item }: any, props: any) => {\n return (\n <DropdownListItem\n item={item}\n optionLabel={props.optionLabel}\n optionValue={props.optionValue}\n isMultiple={props.isMultiple}\n selectedOption={props.selectedOption}\n onChange={props.onChange}\n primaryColor={props.primaryColor}\n checkboxSize={props.checkboxSize}\n checkboxStyle={props.checkboxStyle}\n checkboxLabelStyle={props.checkboxLabelStyle}\n scrollToItem={props.scrollToItem}\n checkboxComponentStyles={props.checkboxComponentStyles}\n checkboxComponent={props.checkboxComponent}\n checkboxControls={props.checkboxControls}\n />\n );\n};\n\nconst styles = StyleSheet.create({\n contentContainerStyle: { paddingTop: 20 },\n});\n\nexport default DropdownFlatList;\n"],"mappings":"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"}
1
+ {"version":3,"names":["React","useEffect","useRef","FlatList","StyleSheet","DropdownListItem","ItemSeparatorComponent","ListEmptyComponent","DropdownFlatList","options","optionLabel","optionValue","isMultiple","isSearchable","selectedItems","selectedItem","handleMultipleSelections","handleSingleSelection","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","checkboxControls","listComponentStyles","listIndex","emptyListMessage","rest","flatlistRef","scrollToItem","index","current","scrollToIndex","animated","itemIndex","createElement","_extends","data","extraData","initialNumToRender","listEmptyComponentStyle","contentContainerStyle","paddingTop","styles","itemSeparatorStyle","renderItem","item","_renderItem","selectedOption","onChange","keyExtractor","_item","ref","onScrollToIndexFailed","setTimeout","props","create"],"sourceRoot":"../../../../src","sources":["components/Dropdown/DropdownFlatList.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,22 +1,21 @@
1
1
  import React, { memo } from 'react';
2
2
  import { TouchableOpacity, StyleSheet } from 'react-native';
3
3
  import CheckBox from '../CheckBox';
4
- const DropdownListItem = _ref => {
5
- let {
6
- item,
7
- optionLabel,
8
- optionValue,
9
- isMultiple,
10
- selectedOption,
11
- onChange,
12
- primaryColor,
13
- checkboxSize,
14
- checkboxStyle,
15
- checkboxLabelStyle,
16
- checkboxComponentStyles,
17
- checkboxComponent,
18
- checkboxControls
19
- } = _ref;
4
+ const DropdownListItem = ({
5
+ item,
6
+ optionLabel,
7
+ optionValue,
8
+ isMultiple,
9
+ selectedOption,
10
+ onChange,
11
+ primaryColor,
12
+ checkboxSize,
13
+ checkboxStyle,
14
+ checkboxLabelStyle,
15
+ checkboxComponentStyles,
16
+ checkboxComponent,
17
+ checkboxControls
18
+ }) => {
20
19
  return /*#__PURE__*/React.createElement(TouchableOpacity, {
21
20
  style: styles.listItemContainerStyle,
22
21
  onPress: item.disabled ? () => {} : () => onChange(item[optionValue]) // intentionally didn't use the disable property
@@ -26,9 +25,9 @@ const DropdownListItem = _ref => {
26
25
  onChange: () => onChange(item[optionValue]),
27
26
  primaryColor: primaryColor,
28
27
  checkboxControls: checkboxControls,
29
- checkboxSize: (checkboxComponentStyles === null || checkboxComponentStyles === void 0 ? void 0 : checkboxComponentStyles.checkboxSize) || checkboxSize,
30
- checkboxStyle: (checkboxComponentStyles === null || checkboxComponentStyles === void 0 ? void 0 : checkboxComponentStyles.checkboxStyle) || checkboxStyle,
31
- checkboxLabelStyle: (checkboxComponentStyles === null || checkboxComponentStyles === void 0 ? void 0 : checkboxComponentStyles.checkboxLabelStyle) || checkboxLabelStyle,
28
+ checkboxSize: checkboxComponentStyles?.checkboxSize || checkboxSize,
29
+ checkboxStyle: checkboxComponentStyles?.checkboxStyle || checkboxStyle,
30
+ checkboxLabelStyle: checkboxComponentStyles?.checkboxLabelStyle || checkboxLabelStyle,
32
31
  disabled: item.disabled,
33
32
  checkboxComponent: checkboxComponent
34
33
  }));
@@ -1 +1 @@
1
- {"version":3,"names":["React","memo","TouchableOpacity","StyleSheet","CheckBox","DropdownListItem","_ref","item","optionLabel","optionValue","isMultiple","selectedOption","onChange","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","checkboxControls","createElement","style","styles","listItemContainerStyle","onPress","disabled","value","includes","label","create","paddingHorizontal","paddingVertical","flexDirection","alignItems"],"sources":["DropdownListItem.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { TouchableOpacity, StyleSheet } from 'react-native';\nimport CheckBox from '../CheckBox';\n\nconst DropdownListItem = ({\n item,\n optionLabel,\n optionValue,\n isMultiple,\n selectedOption,\n onChange,\n primaryColor,\n checkboxSize,\n checkboxStyle,\n checkboxLabelStyle,\n checkboxComponentStyles,\n checkboxComponent,\n checkboxControls,\n}: any) => {\n return (\n <TouchableOpacity\n style={styles.listItemContainerStyle}\n onPress={\n item.disabled ? () => {} : () => onChange(item[optionValue]) // intentionally didn't use the disable property\n }\n >\n <CheckBox\n value={\n isMultiple\n ? selectedOption.includes(item[optionValue])\n : [selectedOption].includes(item[optionValue])\n }\n label={item[optionLabel]}\n onChange={() => onChange(item[optionValue])}\n primaryColor={primaryColor}\n checkboxControls={checkboxControls}\n checkboxSize={checkboxComponentStyles?.checkboxSize || checkboxSize}\n checkboxStyle={checkboxComponentStyles?.checkboxStyle || checkboxStyle}\n checkboxLabelStyle={\n checkboxComponentStyles?.checkboxLabelStyle || checkboxLabelStyle\n }\n disabled={item.disabled}\n checkboxComponent={checkboxComponent}\n />\n </TouchableOpacity>\n );\n};\n\nconst styles = StyleSheet.create({\n listItemContainerStyle: {\n paddingHorizontal: 20,\n paddingVertical: 10,\n flexDirection: 'row',\n alignItems: 'center',\n },\n});\n\nexport default memo(DropdownListItem);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AAC3D,OAAOC,QAAQ,MAAM,aAAa;AAElC,MAAMC,gBAAgB,GAAGC,IAAA,IAcd;EAAA,IAde;IACxBC,IAAI;IACJC,WAAW;IACXC,WAAW;IACXC,UAAU;IACVC,cAAc;IACdC,QAAQ;IACRC,YAAY;IACZC,YAAY;IACZC,aAAa;IACbC,kBAAkB;IAClBC,uBAAuB;IACvBC,iBAAiB;IACjBC;EACG,CAAC,GAAAb,IAAA;EACJ,oBACEN,KAAA,CAAAoB,aAAA,CAAClB,gBAAgB;IACfmB,KAAK,EAAEC,MAAM,CAACC,sBAAuB;IACrCC,OAAO,EACLjB,IAAI,CAACkB,QAAQ,GAAG,MAAM,CAAC,CAAC,GAAG,MAAMb,QAAQ,CAACL,IAAI,CAACE,WAAW,CAAC,CAAC,CAAC;EAC9D,gBAEDT,KAAA,CAAAoB,aAAA,CAAChB,QAAQ;IACPsB,KAAK,EACHhB,UAAU,GACNC,cAAc,CAACgB,QAAQ,CAACpB,IAAI,CAACE,WAAW,CAAC,CAAC,GAC1C,CAACE,cAAc,CAAC,CAACgB,QAAQ,CAACpB,IAAI,CAACE,WAAW,CAAC,CAChD;IACDmB,KAAK,EAAErB,IAAI,CAACC,WAAW,CAAE;IACzBI,QAAQ,EAAEA,CAAA,KAAMA,QAAQ,CAACL,IAAI,CAACE,WAAW,CAAC,CAAE;IAC5CI,YAAY,EAAEA,YAAa;IAC3BM,gBAAgB,EAAEA,gBAAiB;IACnCL,YAAY,EAAE,CAAAG,uBAAuB,aAAvBA,uBAAuB,uBAAvBA,uBAAuB,CAAEH,YAAY,KAAIA,YAAa;IACpEC,aAAa,EAAE,CAAAE,uBAAuB,aAAvBA,uBAAuB,uBAAvBA,uBAAuB,CAAEF,aAAa,KAAIA,aAAc;IACvEC,kBAAkB,EAChB,CAAAC,uBAAuB,aAAvBA,uBAAuB,uBAAvBA,uBAAuB,CAAED,kBAAkB,KAAIA,kBAChD;IACDS,QAAQ,EAAElB,IAAI,CAACkB,QAAS;IACxBP,iBAAiB,EAAEA;EAAkB,CACtC,CACe,CAAC;AAEvB,CAAC;AAED,MAAMI,MAAM,GAAGnB,UAAU,CAAC0B,MAAM,CAAC;EAC/BN,sBAAsB,EAAE;IACtBO,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,4BAAehC,IAAI,CAACI,gBAAgB,CAAC"}
1
+ {"version":3,"names":["React","memo","TouchableOpacity","StyleSheet","CheckBox","DropdownListItem","item","optionLabel","optionValue","isMultiple","selectedOption","onChange","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","checkboxControls","createElement","style","styles","listItemContainerStyle","onPress","disabled","value","includes","label","create","paddingHorizontal","paddingVertical","flexDirection","alignItems"],"sourceRoot":"../../../../src","sources":["components/Dropdown/DropdownListItem.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AAC3D,OAAOC,QAAQ,MAAM,aAAa;AAElC,MAAMC,gBAAgB,GAAGA,CAAC;EACxBC,IAAI;EACJC,WAAW;EACXC,WAAW;EACXC,UAAU;EACVC,cAAc;EACdC,QAAQ;EACRC,YAAY;EACZC,YAAY;EACZC,aAAa;EACbC,kBAAkB;EAClBC,uBAAuB;EACvBC,iBAAiB;EACjBC;AACG,CAAC,KAAK;EACT,oBACElB,KAAA,CAAAmB,aAAA,CAACjB,gBAAgB;IACfkB,KAAK,EAAEC,MAAM,CAACC,sBAAuB;IACrCC,OAAO,EACLjB,IAAI,CAACkB,QAAQ,GAAG,MAAM,CAAC,CAAC,GAAG,MAAMb,QAAQ,CAACL,IAAI,CAACE,WAAW,CAAC,CAAC,CAAC;EAC9D,gBAEDR,KAAA,CAAAmB,aAAA,CAACf,QAAQ;IACPqB,KAAK,EACHhB,UAAU,GACNC,cAAc,CAACgB,QAAQ,CAACpB,IAAI,CAACE,WAAW,CAAC,CAAC,GAC1C,CAACE,cAAc,CAAC,CAACgB,QAAQ,CAACpB,IAAI,CAACE,WAAW,CAAC,CAChD;IACDmB,KAAK,EAAErB,IAAI,CAACC,WAAW,CAAE;IACzBI,QAAQ,EAAEA,CAAA,KAAMA,QAAQ,CAACL,IAAI,CAACE,WAAW,CAAC,CAAE;IAC5CI,YAAY,EAAEA,YAAa;IAC3BM,gBAAgB,EAAEA,gBAAiB;IACnCL,YAAY,EAAEG,uBAAuB,EAAEH,YAAY,IAAIA,YAAa;IACpEC,aAAa,EAAEE,uBAAuB,EAAEF,aAAa,IAAIA,aAAc;IACvEC,kBAAkB,EAChBC,uBAAuB,EAAED,kBAAkB,IAAIA,kBAChD;IACDS,QAAQ,EAAElB,IAAI,CAACkB,QAAS;IACxBP,iBAAiB,EAAEA;EAAkB,CACtC,CACe,CAAC;AAEvB,CAAC;AAED,MAAMI,MAAM,GAAGlB,UAAU,CAACyB,MAAM,CAAC;EAC/BN,sBAAsB,EAAE;IACtBO,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,4BAAe/B,IAAI,CAACI,gBAAgB,CAAC","ignoreList":[]}