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
@@ -1,33 +1,32 @@
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, useState, useRef } from 'react';
4
4
  import { SectionList, StyleSheet } from 'react-native';
5
5
  import DropdownListItem from './DropdownListItem';
6
6
  import { ItemSeparatorComponent, ListEmptyComponent, SectionHeaderTitle } from '../Others';
7
7
  import { extractPropertyFromArray } from '../../utils';
8
- const DropdownSectionList = _ref => {
9
- let {
10
- options,
11
- optionLabel,
12
- optionValue,
13
- isMultiple,
14
- isSearchable,
15
- selectedItems,
16
- selectedItem,
17
- handleMultipleSelections,
18
- handleSingleSelection,
19
- primaryColor,
20
- checkboxSize,
21
- checkboxStyle,
22
- checkboxLabelStyle,
23
- checkboxComponentStyles,
24
- checkboxComponent,
25
- checkboxControls,
26
- listComponentStyles,
27
- listIndex,
28
- emptyListMessage,
29
- ...rest
30
- } = _ref;
8
+ const DropdownSectionList = ({
9
+ options,
10
+ optionLabel,
11
+ optionValue,
12
+ isMultiple,
13
+ isSearchable,
14
+ selectedItems,
15
+ selectedItem,
16
+ handleMultipleSelections,
17
+ handleSingleSelection,
18
+ primaryColor,
19
+ checkboxSize,
20
+ checkboxStyle,
21
+ checkboxLabelStyle,
22
+ checkboxComponentStyles,
23
+ checkboxComponent,
24
+ checkboxControls,
25
+ listComponentStyles,
26
+ listIndex,
27
+ emptyListMessage,
28
+ ...rest
29
+ }) => {
31
30
  const [expandedSections, setExpandedSections] = useState(new Set());
32
31
 
33
32
  /**
@@ -60,8 +59,7 @@ const DropdownSectionList = _ref => {
60
59
 
61
60
  const sectionlistRef = useRef(null);
62
61
  const scrollToLocation = listIndex => {
63
- var _sectionlistRef$curre;
64
- sectionlistRef === null || sectionlistRef === void 0 || (_sectionlistRef$curre = sectionlistRef.current) === null || _sectionlistRef$curre === void 0 ? void 0 : _sectionlistRef$curre.scrollToLocation({
62
+ sectionlistRef?.current?.scrollToLocation({
65
63
  sectionIndex: listIndex.sectionIndex,
66
64
  animated: true,
67
65
  itemIndex: listIndex.itemIndex
@@ -77,14 +75,14 @@ const DropdownSectionList = _ref => {
77
75
  extraData: isMultiple ? selectedItems : selectedItem,
78
76
  initialNumToRender: 5,
79
77
  ListEmptyComponent: /*#__PURE__*/React.createElement(ListEmptyComponent, {
80
- listEmptyComponentStyle: listComponentStyles === null || listComponentStyles === void 0 ? void 0 : listComponentStyles.listEmptyComponentStyle,
78
+ listEmptyComponentStyle: listComponentStyles?.listEmptyComponentStyle,
81
79
  emptyListMessage: emptyListMessage
82
80
  }),
83
81
  contentContainerStyle: [isSearchable ? {
84
82
  paddingTop: 0
85
83
  } : styles.contentContainerStyle],
86
84
  ItemSeparatorComponent: () => /*#__PURE__*/React.createElement(ItemSeparatorComponent, {
87
- itemSeparatorStyle: listComponentStyles === null || listComponentStyles === void 0 ? void 0 : listComponentStyles.itemSeparatorStyle
85
+ itemSeparatorStyle: listComponentStyles?.itemSeparatorStyle
88
86
  }),
89
87
  renderItem: item => _renderItem(item, {
90
88
  optionLabel,
@@ -106,19 +104,16 @@ const DropdownSectionList = _ref => {
106
104
  checkboxControls,
107
105
  expandedSections
108
106
  }),
109
- renderSectionHeader: _ref2 => {
110
- let {
111
- section: {
112
- title
113
- }
114
- } = _ref2;
115
- return /*#__PURE__*/React.createElement(SectionHeaderTitle, {
116
- title: title,
117
- sectionHeaderStyle: listComponentStyles === null || listComponentStyles === void 0 ? void 0 : listComponentStyles.sectionHeaderStyle,
118
- onPress: () => handleToggleListExpansion(title),
119
- isExpanded: expandedSections.has(title)
120
- });
121
- },
107
+ renderSectionHeader: ({
108
+ section: {
109
+ title
110
+ }
111
+ }) => /*#__PURE__*/React.createElement(SectionHeaderTitle, {
112
+ title: title,
113
+ sectionHeaderStyle: listComponentStyles?.sectionHeaderStyle,
114
+ onPress: () => handleToggleListExpansion(title),
115
+ isExpanded: expandedSections.has(title)
116
+ }),
122
117
  keyExtractor: (_item, index) => `Options${index}`,
123
118
  stickySectionHeadersEnabled: false,
124
119
  ref: sectionlistRef,
@@ -129,14 +124,13 @@ const DropdownSectionList = _ref => {
129
124
  }
130
125
  }, rest));
131
126
  };
132
- const _renderItem = (_ref3, props) => {
133
- let {
134
- section: {
135
- title
136
- },
137
- item
138
- } = _ref3;
139
- const isExpanded = props === null || props === void 0 ? void 0 : props.expandedSections.has(title);
127
+ const _renderItem = ({
128
+ section: {
129
+ title
130
+ },
131
+ item
132
+ }, props) => {
133
+ const isExpanded = props?.expandedSections.has(title);
140
134
 
141
135
  //return null if it is not expanded
142
136
  if (!isExpanded) return null;
@@ -1 +1 @@
1
- {"version":3,"names":["React","useEffect","useState","useRef","SectionList","StyleSheet","DropdownListItem","ItemSeparatorComponent","ListEmptyComponent","SectionHeaderTitle","extractPropertyFromArray","DropdownSectionList","_ref","options","optionLabel","optionValue","isMultiple","isSearchable","selectedItems","selectedItem","handleMultipleSelections","handleSingleSelection","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","checkboxControls","listComponentStyles","listIndex","emptyListMessage","rest","expandedSections","setExpandedSections","Set","initialState","handleToggleListExpansion","title","expandedSectionsState","next","has","delete","add","sectionlistRef","scrollToLocation","_sectionlistRef$curre","current","sectionIndex","animated","itemIndex","createElement","_extends","sections","extraData","initialNumToRender","listEmptyComponentStyle","contentContainerStyle","paddingTop","styles","itemSeparatorStyle","renderItem","item","_renderItem","selectedOption","onChange","renderSectionHeader","_ref2","section","sectionHeaderStyle","onPress","isExpanded","keyExtractor","_item","index","stickySectionHeadersEnabled","ref","onScrollToIndexFailed","setTimeout","_ref3","props","create"],"sources":["DropdownSectionList.tsx"],"sourcesContent":["/* eslint-disable react-native/no-inline-styles */\nimport React, { useEffect, useState, useRef } from 'react';\nimport { SectionList, StyleSheet } from 'react-native';\nimport DropdownListItem from './DropdownListItem';\nimport {\n ItemSeparatorComponent,\n ListEmptyComponent,\n SectionHeaderTitle,\n} from '../Others';\nimport { extractPropertyFromArray } from '../../utils';\nimport { TSectionList } from 'src/types/index.types';\n\nconst DropdownSectionList = ({\n options,\n optionLabel,\n optionValue,\n isMultiple,\n isSearchable,\n selectedItems,\n selectedItem,\n handleMultipleSelections,\n handleSingleSelection,\n primaryColor,\n checkboxSize,\n checkboxStyle,\n checkboxLabelStyle,\n checkboxComponentStyles,\n checkboxComponent,\n checkboxControls,\n listComponentStyles,\n listIndex,\n emptyListMessage,\n ...rest\n}: any) => {\n const [expandedSections, setExpandedSections] = useState(new Set());\n\n /**\n * Expand all sections\n */\n useEffect(() => {\n let initialState = new Set(extractPropertyFromArray(options, 'title'));\n setExpandedSections(initialState);\n }, [options]);\n\n /**\n * @param title\n */\n const handleToggleListExpansion = (title: string) => {\n setExpandedSections((expandedSectionsState) => {\n // Using Set here but you can use an array too\n const next = new Set(expandedSectionsState);\n if (next.has(title)) {\n next.delete(title);\n } else {\n next.add(title);\n }\n return next;\n });\n };\n\n /**\n * @description Scroll to item location\n */\n\n const sectionlistRef = useRef<SectionList<TSectionList>>(null);\n\n const scrollToLocation = (listIndex: any) => {\n sectionlistRef?.current?.scrollToLocation({\n sectionIndex: listIndex.sectionIndex,\n animated: true,\n itemIndex: listIndex.itemIndex,\n });\n };\n\n useEffect(() => {\n if (listIndex.itemIndex >= 0 && listIndex.sectionIndex >= 0) {\n scrollToLocation(listIndex);\n }\n }, [listIndex]);\n\n return (\n <SectionList\n sections={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 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 expandedSections,\n })\n }\n renderSectionHeader={({ section: { title } }) => (\n <SectionHeaderTitle\n title={title}\n sectionHeaderStyle={listComponentStyles?.sectionHeaderStyle}\n onPress={() => handleToggleListExpansion(title)}\n isExpanded={expandedSections.has(title)}\n />\n )}\n keyExtractor={(_item, index) => `Options${index}`}\n stickySectionHeadersEnabled={false}\n ref={sectionlistRef}\n onScrollToIndexFailed={() => {\n setTimeout(() => {\n scrollToLocation(listIndex);\n }, 500);\n }}\n {...rest}\n />\n );\n};\n\nconst _renderItem = ({ section: { title }, item }: any, props: any) => {\n const isExpanded = props?.expandedSections.has(title);\n\n //return null if it is not expanded\n if (!isExpanded) return null;\n\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 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 DropdownSectionList;\n"],"mappings":"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"}
1
+ {"version":3,"names":["React","useEffect","useState","useRef","SectionList","StyleSheet","DropdownListItem","ItemSeparatorComponent","ListEmptyComponent","SectionHeaderTitle","extractPropertyFromArray","DropdownSectionList","options","optionLabel","optionValue","isMultiple","isSearchable","selectedItems","selectedItem","handleMultipleSelections","handleSingleSelection","primaryColor","checkboxSize","checkboxStyle","checkboxLabelStyle","checkboxComponentStyles","checkboxComponent","checkboxControls","listComponentStyles","listIndex","emptyListMessage","rest","expandedSections","setExpandedSections","Set","initialState","handleToggleListExpansion","title","expandedSectionsState","next","has","delete","add","sectionlistRef","scrollToLocation","current","sectionIndex","animated","itemIndex","createElement","_extends","sections","extraData","initialNumToRender","listEmptyComponentStyle","contentContainerStyle","paddingTop","styles","itemSeparatorStyle","renderItem","item","_renderItem","selectedOption","onChange","renderSectionHeader","section","sectionHeaderStyle","onPress","isExpanded","keyExtractor","_item","index","stickySectionHeadersEnabled","ref","onScrollToIndexFailed","setTimeout","props","create"],"sourceRoot":"../../../../src","sources":["components/Dropdown/DropdownSectionList.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,48 +1,43 @@
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 { View, Text, Pressable, ScrollView, StyleSheet, Image, TouchableOpacity } from 'react-native';
4
4
  import { colors } from '../../styles/colors';
5
5
  import { inputStyles } from '../../styles/input';
6
- const DropdownSelectedItemsView = _ref => {
7
- var _getSelectedItemsLabe;
8
- let {
9
- placeholder,
10
- error,
11
- getSelectedItemsLabel,
12
- handleToggleModal,
13
- isMultiple,
14
- selectedItem,
15
- selectedItems,
16
- dropdownIcon,
17
- dropdownStyle,
18
- dropdownIconStyle,
19
- selectedItemStyle,
20
- placeholderStyle,
21
- multipleSelectedItemStyle,
22
- dropdownErrorStyle,
23
- primaryColor,
24
- disabled,
25
- setIndexOfSelectedItem
26
- } = _ref;
6
+ const DropdownSelectedItemsView = ({
7
+ placeholder,
8
+ error,
9
+ getSelectedItemsLabel,
10
+ openModal,
11
+ isMultiple,
12
+ selectedItem,
13
+ selectedItems,
14
+ dropdownIcon,
15
+ dropdownStyle,
16
+ dropdownIconStyle,
17
+ selectedItemStyle,
18
+ placeholderStyle,
19
+ multipleSelectedItemStyle,
20
+ dropdownErrorStyle,
21
+ primaryColor,
22
+ disabled,
23
+ setIndexOfSelectedItem
24
+ }) => {
27
25
  return /*#__PURE__*/React.createElement(Pressable, {
28
- onPress: () => handleToggleModal(),
29
- style: _ref2 => {
30
- let {
31
- pressed
32
- } = _ref2;
33
- return [pressed && {
34
- ...inputStyles.inputFocusState,
35
- borderColor: primaryColor
36
- }, {
37
- ...inputStyles.input,
38
- ...dropdownStyle
39
- }, error &&
40
- //this must be last
41
- error !== '' && !pressed && {
42
- ...inputStyles.inputFocusErrorState,
43
- ...dropdownErrorStyle
44
- }];
45
- },
26
+ onPress: () => openModal(),
27
+ style: ({
28
+ pressed
29
+ }) => [pressed && {
30
+ ...inputStyles.inputFocusState,
31
+ borderColor: primaryColor
32
+ }, {
33
+ ...inputStyles.input,
34
+ ...dropdownStyle
35
+ }, error &&
36
+ //this must be last
37
+ error !== '' && !pressed && {
38
+ ...inputStyles.inputFocusErrorState,
39
+ ...dropdownErrorStyle
40
+ }],
46
41
  disabled: disabled
47
42
  }, /*#__PURE__*/React.createElement(ScrollView, {
48
43
  horizontal: true,
@@ -51,12 +46,11 @@ const DropdownSelectedItemsView = _ref => {
51
46
  }, /*#__PURE__*/React.createElement(View, {
52
47
  style: styles.selectedItemsContainer,
53
48
  onStartShouldSetResponder: () => true
54
- }, isMultiple ? (_getSelectedItemsLabe = getSelectedItemsLabel()) === null || _getSelectedItemsLabe === void 0 ? void 0 : _getSelectedItemsLabe.map((label, i) => /*#__PURE__*/React.createElement(DropdownContent, {
49
+ }, isMultiple ? getSelectedItemsLabel()?.map((label, i) => /*#__PURE__*/React.createElement(DropdownContent, {
55
50
  onPress: () => {
56
- handleToggleModal();
51
+ openModal();
57
52
  setIndexOfSelectedItem(label); // immediately scrolls to list item with the specified label when modal
58
53
  },
59
-
60
54
  key: `react-native-input-select-${Math.random()}-${i}`,
61
55
  style: [styles.selectedItems, {
62
56
  backgroundColor: primaryColor
@@ -65,15 +59,14 @@ const DropdownSelectedItemsView = _ref => {
65
59
  disabled: disabled
66
60
  })) : /*#__PURE__*/React.createElement(DropdownContent, {
67
61
  onPress: () => {
68
- handleToggleModal();
62
+ openModal();
69
63
  setIndexOfSelectedItem(getSelectedItemsLabel()); // immediately scrolls to list item with the specified label when modal
70
64
  },
71
-
72
65
  style: [styles.blackText, selectedItemStyle],
73
66
  label: getSelectedItemsLabel(),
74
67
  disabled: disabled
75
- }), !selectedItem && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) === 0 && /*#__PURE__*/React.createElement(DropdownContent, {
76
- onPress: () => handleToggleModal(),
68
+ }), !selectedItem && selectedItems?.length === 0 && /*#__PURE__*/React.createElement(DropdownContent, {
69
+ onPress: () => openModal(),
77
70
  style: [styles.blackText, placeholderStyle],
78
71
  label: placeholder ?? 'Select an option',
79
72
  disabled: disabled
@@ -83,13 +76,12 @@ const DropdownSelectedItemsView = _ref => {
83
76
  source: require('../../asset/arrow-down.png')
84
77
  })));
85
78
  };
86
- const DropdownContent = _ref3 => {
87
- let {
88
- onPress,
89
- style,
90
- label,
91
- ...rest
92
- } = _ref3;
79
+ const DropdownContent = ({
80
+ onPress,
81
+ style,
82
+ label,
83
+ ...rest
84
+ }) => {
93
85
  return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
94
86
  onPress: () => onPress()
95
87
  }, rest), /*#__PURE__*/React.createElement(Text, {
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","Text","Pressable","ScrollView","StyleSheet","Image","TouchableOpacity","colors","inputStyles","DropdownSelectedItemsView","_ref","_getSelectedItemsLabe","placeholder","error","getSelectedItemsLabel","handleToggleModal","isMultiple","selectedItem","selectedItems","dropdownIcon","dropdownStyle","dropdownIconStyle","selectedItemStyle","placeholderStyle","multipleSelectedItemStyle","dropdownErrorStyle","primaryColor","disabled","setIndexOfSelectedItem","createElement","onPress","style","_ref2","pressed","inputFocusState","borderColor","input","inputFocusErrorState","horizontal","alwaysBounceHorizontal","showsHorizontalScrollIndicator","styles","selectedItemsContainer","onStartShouldSetResponder","map","label","i","DropdownContent","key","Math","random","backgroundColor","blackText","length","iconStyle","source","require","_ref3","rest","_extends","create","position","right","top","flexDirection","flexWrap","alignItems","color","white","paddingHorizontal","paddingVertical","borderRadius","primary","marginRight","overflow","black"],"sources":["DropdownSelectedItemsView.tsx"],"sourcesContent":["import React from 'react';\nimport {\n View,\n Text,\n Pressable,\n ScrollView,\n StyleSheet,\n Image,\n TouchableOpacity,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\nimport { inputStyles } from '../../styles/input';\n\nconst DropdownSelectedItemsView = ({\n placeholder,\n error,\n getSelectedItemsLabel,\n handleToggleModal,\n isMultiple,\n selectedItem,\n selectedItems,\n dropdownIcon,\n dropdownStyle,\n dropdownIconStyle,\n selectedItemStyle,\n placeholderStyle,\n multipleSelectedItemStyle,\n dropdownErrorStyle,\n primaryColor,\n disabled,\n setIndexOfSelectedItem,\n}: any) => {\n return (\n <Pressable\n onPress={() => handleToggleModal()}\n style={({ pressed }) => [\n pressed && {\n ...inputStyles.inputFocusState,\n borderColor: primaryColor,\n },\n { ...inputStyles.input, ...dropdownStyle },\n error && //this must be last\n error !== '' &&\n !pressed && {\n ...inputStyles.inputFocusErrorState,\n ...dropdownErrorStyle,\n },\n ]}\n disabled={disabled}\n >\n <ScrollView\n horizontal\n alwaysBounceHorizontal\n showsHorizontalScrollIndicator={false}\n >\n <View\n style={styles.selectedItemsContainer}\n onStartShouldSetResponder={() => true}\n >\n {isMultiple ? (\n getSelectedItemsLabel()?.map((label: string, i: Number) => (\n <DropdownContent\n onPress={() => {\n handleToggleModal();\n setIndexOfSelectedItem(label); // immediately scrolls to list item with the specified label when modal\n }}\n key={`react-native-input-select-${Math.random()}-${i}`}\n style={[\n styles.selectedItems,\n { backgroundColor: primaryColor },\n multipleSelectedItemStyle,\n ]}\n label={label}\n disabled={disabled}\n />\n ))\n ) : (\n <DropdownContent\n onPress={() => {\n handleToggleModal();\n setIndexOfSelectedItem(getSelectedItemsLabel()); // immediately scrolls to list item with the specified label when modal\n }}\n style={[styles.blackText, selectedItemStyle]}\n label={getSelectedItemsLabel()}\n disabled={disabled}\n />\n )}\n {!selectedItem && selectedItems?.length === 0 && (\n <DropdownContent\n onPress={() => handleToggleModal()}\n style={[styles.blackText, placeholderStyle]}\n label={placeholder ?? 'Select an option'}\n disabled={disabled}\n />\n )}\n </View>\n </ScrollView>\n <View style={[styles.iconStyle, dropdownIconStyle]}>\n {dropdownIcon || (\n <Image source={require('../../asset/arrow-down.png')} />\n )}\n </View>\n </Pressable>\n );\n};\n\nconst DropdownContent = ({ onPress, style, label, ...rest }: any) => {\n return (\n <TouchableOpacity onPress={() => onPress()} {...rest}>\n <Text style={style}>{label}</Text>\n </TouchableOpacity>\n );\n};\n\nconst styles = StyleSheet.create({\n iconStyle: { position: 'absolute', right: 25, top: 25 },\n selectedItemsContainer: {\n flexDirection: 'row',\n flexWrap: 'nowrap',\n alignItems: 'center',\n },\n selectedItems: {\n color: colors.white,\n paddingHorizontal: 10,\n paddingVertical: 5,\n borderRadius: 10,\n backgroundColor: colors.primary,\n marginRight: 10,\n overflow: 'hidden',\n },\n blackText: { color: colors.black },\n});\n\nexport default DropdownSelectedItemsView;\n"],"mappings":"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"}
1
+ {"version":3,"names":["React","View","Text","Pressable","ScrollView","StyleSheet","Image","TouchableOpacity","colors","inputStyles","DropdownSelectedItemsView","placeholder","error","getSelectedItemsLabel","openModal","isMultiple","selectedItem","selectedItems","dropdownIcon","dropdownStyle","dropdownIconStyle","selectedItemStyle","placeholderStyle","multipleSelectedItemStyle","dropdownErrorStyle","primaryColor","disabled","setIndexOfSelectedItem","createElement","onPress","style","pressed","inputFocusState","borderColor","input","inputFocusErrorState","horizontal","alwaysBounceHorizontal","showsHorizontalScrollIndicator","styles","selectedItemsContainer","onStartShouldSetResponder","map","label","i","DropdownContent","key","Math","random","backgroundColor","blackText","length","iconStyle","source","require","rest","_extends","create","position","right","top","flexDirection","flexWrap","alignItems","color","white","paddingHorizontal","paddingVertical","borderRadius","primary","marginRight","overflow","black"],"sourceRoot":"../../../../src","sources":["components/Dropdown/DropdownSelectedItemsView.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,17 +1,16 @@
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, { useState } from 'react';
3
3
  import { TextInput, StyleSheet, View, Platform } from 'react-native';
4
4
  import { inputStyles } from '../../styles/input';
5
- export const Input = _ref => {
6
- let {
7
- placeholder,
8
- value,
9
- onChangeText,
10
- style,
11
- primaryColor,
12
- textInputContainerStyle,
13
- ...rest
14
- } = _ref;
5
+ export const Input = ({
6
+ placeholder,
7
+ value,
8
+ onChangeText,
9
+ style,
10
+ primaryColor,
11
+ textInputContainerStyle,
12
+ ...rest
13
+ }) => {
15
14
  const [isFocused, setFocus] = useState(false);
16
15
  return /*#__PURE__*/React.createElement(View, {
17
16
  style: [styles.container, textInputContainerStyle]
@@ -1 +1 @@
1
- {"version":3,"names":["React","useState","TextInput","StyleSheet","View","Platform","inputStyles","Input","_ref","placeholder","value","onChangeText","style","primaryColor","textInputContainerStyle","rest","isFocused","setFocus","createElement","styles","container","_extends","input","select","web","outlineColor","borderColor","onFocus","onBlur","returnKeyType","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 ...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 }}\n onBlur={() => setFocus(false)}\n value={value}\n onChangeText={onChangeText}\n returnKeyType=\"search\"\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,IAQV;EAAA,IARW;IACpBC,WAAW;IACXC,KAAK;IACLC,YAAY;IACZC,KAAK;IACLC,YAAY;IACZC,uBAAuB;IACvB,GAAGC;EACA,CAAC,GAAAP,IAAA;EACJ,MAAM,CAACQ,SAAS,EAAEC,QAAQ,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAE7C,oBACED,KAAA,CAAAkB,aAAA,CAACd,IAAI;IAACQ,KAAK,EAAE,CAACO,MAAM,CAACC,SAAS,EAAEN,uBAAuB;EAAE,gBACvDd,KAAA,CAAAkB,aAAA,CAAChB,SAAS,EAAAmB,QAAA;IACRZ,WAAW,EAAEA,WAAY;IACzBG,KAAK,EAAE,CACLN,WAAW,CAACgB,KAAK,EACjBjB,QAAQ,CAACkB,MAAM,CAAC;MACdC,GAAG,EAAE;QACHC,YAAY,EAAEZ;MAChB;IACF,CAAC,CAAC,EACFG,SAAS,IAAI;MAAEU,WAAW,EAAEb;IAAa,CAAC,EAC1CD,KAAK,CACL;IACFe,OAAO,EAAEA,CAAA,KAAM;MACbV,QAAQ,CAAC,IAAI,CAAC;IAChB,CAAE;IACFW,MAAM,EAAEA,CAAA,KAAMX,QAAQ,CAAC,KAAK,CAAE;IAC9BP,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BkB,aAAa,EAAC;EAAQ,GAClBd,IAAI,CACT,CACG,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGhB,UAAU,CAAC2B,MAAM,CAAC;EAC/BV,SAAS,EAAE;IAAEW,MAAM,EAAE;EAAG;AAC1B,CAAC,CAAC;AAEF,eAAexB,KAAK"}
1
+ {"version":3,"names":["React","useState","TextInput","StyleSheet","View","Platform","inputStyles","Input","placeholder","value","onChangeText","style","primaryColor","textInputContainerStyle","rest","isFocused","setFocus","createElement","styles","container","_extends","input","select","web","outlineColor","borderColor","onFocus","onBlur","returnKeyType","create","margin"],"sourceRoot":"../../../../src","sources":["components/Input/index.tsx"],"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,GAAGA,CAAC;EACpBC,WAAW;EACXC,KAAK;EACLC,YAAY;EACZC,KAAK;EACLC,YAAY;EACZC,uBAAuB;EACvB,GAAGC;AACA,CAAC,KAAK;EACT,MAAM,CAACC,SAAS,EAAEC,QAAQ,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EAE7C,oBACED,KAAA,CAAAiB,aAAA,CAACb,IAAI;IAACO,KAAK,EAAE,CAACO,MAAM,CAACC,SAAS,EAAEN,uBAAuB;EAAE,gBACvDb,KAAA,CAAAiB,aAAA,CAACf,SAAS,EAAAkB,QAAA;IACRZ,WAAW,EAAEA,WAAY;IACzBG,KAAK,EAAE,CACLL,WAAW,CAACe,KAAK,EACjBhB,QAAQ,CAACiB,MAAM,CAAC;MACdC,GAAG,EAAE;QACHC,YAAY,EAAEZ;MAChB;IACF,CAAC,CAAC,EACFG,SAAS,IAAI;MAAEU,WAAW,EAAEb;IAAa,CAAC,EAC1CD,KAAK,CACL;IACFe,OAAO,EAAEA,CAAA,KAAM;MACbV,QAAQ,CAAC,IAAI,CAAC;IAChB,CAAE;IACFW,MAAM,EAAEA,CAAA,KAAMX,QAAQ,CAAC,KAAK,CAAE;IAC9BP,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BkB,aAAa,EAAC;EAAQ,GAClBd,IAAI,CACT,CACG,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGf,UAAU,CAAC0B,MAAM,CAAC;EAC/BV,SAAS,EAAE;IAAEW,MAAM,EAAE;EAAG;AAC1B,CAAC,CAAC;AAEF,eAAevB,KAAK","ignoreList":[]}
@@ -1,41 +1,37 @@
1
1
  import React from 'react';
2
2
  import { View, Text, StyleSheet, TouchableOpacity, Image } from 'react-native';
3
3
  import { colors } from '../../styles/colors';
4
- export const ListEmptyComponent = _ref => {
5
- let {
6
- listEmptyComponentStyle,
7
- emptyListMessage
8
- } = _ref;
4
+ export const ListEmptyComponent = ({
5
+ listEmptyComponentStyle,
6
+ emptyListMessage
7
+ }) => {
9
8
  return /*#__PURE__*/React.createElement(View, {
10
9
  style: styles.listEmptyComponentStyle
11
10
  }, /*#__PURE__*/React.createElement(Text, {
12
11
  style: listEmptyComponentStyle
13
12
  }, emptyListMessage || 'No options available'));
14
13
  };
15
- export const ItemSeparatorComponent = _ref2 => {
16
- let {
17
- itemSeparatorStyle
18
- } = _ref2;
14
+ export const ItemSeparatorComponent = ({
15
+ itemSeparatorStyle
16
+ }) => {
19
17
  return /*#__PURE__*/React.createElement(View, {
20
18
  style: [styles.itemSeparatorStyle, itemSeparatorStyle]
21
19
  });
22
20
  };
23
- export const ListItemContainer = _ref3 => {
24
- let {
25
- children,
26
- listItemContainerStyle
27
- } = _ref3;
21
+ export const ListItemContainer = ({
22
+ children,
23
+ listItemContainerStyle
24
+ }) => {
28
25
  return /*#__PURE__*/React.createElement(View, {
29
26
  style: [styles.listItemContainerStyle, listItemContainerStyle]
30
27
  }, children);
31
28
  };
32
- export const SectionHeaderTitle = _ref4 => {
33
- let {
34
- title,
35
- sectionHeaderStyle,
36
- onPress,
37
- isExpanded
38
- } = _ref4;
29
+ export const SectionHeaderTitle = ({
30
+ title,
31
+ sectionHeaderStyle,
32
+ onPress,
33
+ isExpanded
34
+ }) => {
39
35
  return /*#__PURE__*/React.createElement(TouchableOpacity, {
40
36
  onPress: onPress
41
37
  }, /*#__PURE__*/React.createElement(ListItemContainer, {
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","Image","colors","ListEmptyComponent","_ref","listEmptyComponentStyle","emptyListMessage","createElement","style","styles","ItemSeparatorComponent","_ref2","itemSeparatorStyle","ListItemContainer","_ref3","children","listItemContainerStyle","SectionHeaderTitle","_ref4","title","sectionHeaderStyle","onPress","isExpanded","accordionStyle","rotatedIcon90","source","require","create","alignItems","width","marginVertical","backgroundColor","gray","height","opacity","paddingHorizontal","paddingVertical","flexDirection","fontWeight","flexWrap","justifyContent","alignContent","transform","rotate"],"sources":["index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n View,\n Text,\n StyleSheet,\n TouchableOpacity,\n TextStyle,\n Image,\n ViewStyle,\n} from 'react-native';\nimport { colors } from '../../styles/colors';\n\nexport const ListEmptyComponent = ({\n listEmptyComponentStyle,\n emptyListMessage,\n}: any) => {\n return (\n <View style={styles.listEmptyComponentStyle}>\n <Text style={listEmptyComponentStyle}>\n {emptyListMessage || 'No options available'}\n </Text>\n </View>\n );\n};\n\nexport const ItemSeparatorComponent = ({\n itemSeparatorStyle,\n}: {\n itemSeparatorStyle: ViewStyle;\n}) => {\n return <View style={[styles.itemSeparatorStyle, itemSeparatorStyle]} />;\n};\n\nexport const ListItemContainer = ({\n children,\n listItemContainerStyle,\n}: {\n children: ReactNode;\n listItemContainerStyle: ViewStyle;\n}) => {\n return (\n <View style={[styles.listItemContainerStyle, listItemContainerStyle]}>\n {children}\n </View>\n );\n};\n\nexport const SectionHeaderTitle = ({\n title,\n sectionHeaderStyle,\n onPress,\n isExpanded,\n}: {\n title: string;\n sectionHeaderStyle?: TextStyle;\n onPress?: () => void;\n isExpanded: Boolean;\n}) => {\n return (\n <TouchableOpacity onPress={onPress}>\n <ListItemContainer listItemContainerStyle={styles.accordionStyle}>\n <Text style={[styles.sectionHeaderStyle, sectionHeaderStyle]}>\n {title}\n </Text>\n <View style={isExpanded ? null : styles.rotatedIcon90}>\n <Image source={require('../../asset/arrow-down.png')} />\n </View>\n </ListItemContainer>\n </TouchableOpacity>\n );\n};\n\nconst styles = StyleSheet.create({\n listEmptyComponentStyle: {\n alignItems: 'center',\n width: '100%',\n marginVertical: 20,\n },\n itemSeparatorStyle: {\n backgroundColor: colors.gray,\n height: 1,\n opacity: 0.15,\n },\n listItemContainerStyle: {\n paddingHorizontal: 20,\n paddingVertical: 10,\n flexDirection: 'row',\n alignItems: 'center',\n },\n sectionHeaderStyle: { fontWeight: '500' },\n accordionStyle: {\n flexDirection: 'row',\n flexWrap: 'nowrap',\n justifyContent: 'space-between',\n alignContent: 'center',\n },\n rotatedIcon90: {\n transform: [{ rotate: '-90deg' }],\n },\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SACEC,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,gBAAgB,EAEhBC,KAAK,QAEA,cAAc;AACrB,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAGvB;EAAA,IAHwB;IACjCC,uBAAuB;IACvBC;EACG,CAAC,GAAAF,IAAA;EACJ,oBACER,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACJ;EAAwB,gBAC1CT,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEH;EAAwB,GAClCC,gBAAgB,IAAI,sBACjB,CACF,CAAC;AAEX,CAAC;AAED,OAAO,MAAMI,sBAAsB,GAAGC,KAAA,IAIhC;EAAA,IAJiC;IACrCC;EAGF,CAAC,GAAAD,KAAA;EACC,oBAAOf,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE,CAACC,MAAM,CAACG,kBAAkB,EAAEA,kBAAkB;EAAE,CAAE,CAAC;AACzE,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAGC,KAAA,IAM3B;EAAA,IAN4B;IAChCC,QAAQ;IACRC;EAIF,CAAC,GAAAF,KAAA;EACC,oBACElB,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE,CAACC,MAAM,CAACO,sBAAsB,EAAEA,sBAAsB;EAAE,GAClED,QACG,CAAC;AAEX,CAAC;AAED,OAAO,MAAME,kBAAkB,GAAGC,KAAA,IAU5B;EAAA,IAV6B;IACjCC,KAAK;IACLC,kBAAkB;IAClBC,OAAO;IACPC;EAMF,CAAC,GAAAJ,KAAA;EACC,oBACEtB,KAAA,CAAAW,aAAA,CAACP,gBAAgB;IAACqB,OAAO,EAAEA;EAAQ,gBACjCzB,KAAA,CAAAW,aAAA,CAACM,iBAAiB;IAACG,sBAAsB,EAAEP,MAAM,CAACc;EAAe,gBAC/D3B,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAE,CAACC,MAAM,CAACW,kBAAkB,EAAEA,kBAAkB;EAAE,GAC1DD,KACG,CAAC,eACPvB,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEc,UAAU,GAAG,IAAI,GAAGb,MAAM,CAACe;EAAc,gBACpD5B,KAAA,CAAAW,aAAA,CAACN,KAAK;IAACwB,MAAM,EAAEC,OAAO,CAAC,4BAA4B;EAAE,CAAE,CACnD,CACW,CACH,CAAC;AAEvB,CAAC;AAED,MAAMjB,MAAM,GAAGV,UAAU,CAAC4B,MAAM,CAAC;EAC/BtB,uBAAuB,EAAE;IACvBuB,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,cAAc,EAAE;EAClB,CAAC;EACDlB,kBAAkB,EAAE;IAClBmB,eAAe,EAAE7B,MAAM,CAAC8B,IAAI;IAC5BC,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE;EACX,CAAC;EACDlB,sBAAsB,EAAE;IACtBmB,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBT,UAAU,EAAE;EACd,CAAC;EACDR,kBAAkB,EAAE;IAAEkB,UAAU,EAAE;EAAM,CAAC;EACzCf,cAAc,EAAE;IACdc,aAAa,EAAE,KAAK;IACpBE,QAAQ,EAAE,QAAQ;IAClBC,cAAc,EAAE,eAAe;IAC/BC,YAAY,EAAE;EAChB,CAAC;EACDjB,aAAa,EAAE;IACbkB,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC;EAClC;AACF,CAAC,CAAC"}
1
+ {"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","Image","colors","ListEmptyComponent","listEmptyComponentStyle","emptyListMessage","createElement","style","styles","ItemSeparatorComponent","itemSeparatorStyle","ListItemContainer","children","listItemContainerStyle","SectionHeaderTitle","title","sectionHeaderStyle","onPress","isExpanded","accordionStyle","rotatedIcon90","source","require","create","alignItems","width","marginVertical","backgroundColor","gray","height","opacity","paddingHorizontal","paddingVertical","flexDirection","fontWeight","flexWrap","justifyContent","alignContent","transform","rotate"],"sourceRoot":"../../../../src","sources":["components/Others/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SACEC,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,gBAAgB,EAEhBC,KAAK,QAEA,cAAc;AACrB,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC,uBAAuB;EACvBC;AACG,CAAC,KAAK;EACT,oBACET,KAAA,CAAAU,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACJ;EAAwB,gBAC1CR,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACS,KAAK,EAAEH;EAAwB,GAClCC,gBAAgB,IAAI,sBACjB,CACF,CAAC;AAEX,CAAC;AAED,OAAO,MAAMI,sBAAsB,GAAGA,CAAC;EACrCC;AAGF,CAAC,KAAK;EACJ,oBAAOd,KAAA,CAAAU,aAAA,CAACT,IAAI;IAACU,KAAK,EAAE,CAACC,MAAM,CAACE,kBAAkB,EAAEA,kBAAkB;EAAE,CAAE,CAAC;AACzE,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,QAAQ;EACRC;AAIF,CAAC,KAAK;EACJ,oBACEjB,KAAA,CAAAU,aAAA,CAACT,IAAI;IAACU,KAAK,EAAE,CAACC,MAAM,CAACK,sBAAsB,EAAEA,sBAAsB;EAAE,GAClED,QACG,CAAC;AAEX,CAAC;AAED,OAAO,MAAME,kBAAkB,GAAGA,CAAC;EACjCC,KAAK;EACLC,kBAAkB;EAClBC,OAAO;EACPC;AAMF,CAAC,KAAK;EACJ,oBACEtB,KAAA,CAAAU,aAAA,CAACN,gBAAgB;IAACiB,OAAO,EAAEA;EAAQ,gBACjCrB,KAAA,CAAAU,aAAA,CAACK,iBAAiB;IAACE,sBAAsB,EAAEL,MAAM,CAACW;EAAe,gBAC/DvB,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACS,KAAK,EAAE,CAACC,MAAM,CAACQ,kBAAkB,EAAEA,kBAAkB;EAAE,GAC1DD,KACG,CAAC,eACPnB,KAAA,CAAAU,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEW,UAAU,GAAG,IAAI,GAAGV,MAAM,CAACY;EAAc,gBACpDxB,KAAA,CAAAU,aAAA,CAACL,KAAK;IAACoB,MAAM,EAAEC,OAAO,CAAC,4BAA4B;EAAE,CAAE,CACnD,CACW,CACH,CAAC;AAEvB,CAAC;AAED,MAAMd,MAAM,GAAGT,UAAU,CAACwB,MAAM,CAAC;EAC/BnB,uBAAuB,EAAE;IACvBoB,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,cAAc,EAAE;EAClB,CAAC;EACDhB,kBAAkB,EAAE;IAClBiB,eAAe,EAAEzB,MAAM,CAAC0B,IAAI;IAC5BC,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE;EACX,CAAC;EACDjB,sBAAsB,EAAE;IACtBkB,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBT,UAAU,EAAE;EACd,CAAC;EACDR,kBAAkB,EAAE;IAAEkB,UAAU,EAAE;EAAM,CAAC;EACzCf,cAAc,EAAE;IACdc,aAAa,EAAE,KAAK;IACpBE,QAAQ,EAAE,QAAQ;IAClBC,cAAc,EAAE,eAAe;IAC/BC,YAAY,EAAE;EAChB,CAAC;EACDjB,aAAa,EAAE;IACbkB,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC;EAClC;AACF,CAAC,CAAC","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["DEFAULT_OPTION_LABEL","DEFAULT_OPTION_VALUE","CHECKBOX_SIZE"],"sources":["index.ts"],"sourcesContent":["export const DEFAULT_OPTION_LABEL = 'label';\nexport const DEFAULT_OPTION_VALUE = 'value';\nexport const CHECKBOX_SIZE = 14;\n"],"mappings":"AAAA,OAAO,MAAMA,oBAAoB,GAAG,OAAO;AAC3C,OAAO,MAAMC,oBAAoB,GAAG,OAAO;AAC3C,OAAO,MAAMC,aAAa,GAAG,EAAE"}
1
+ {"version":3,"names":["DEFAULT_OPTION_LABEL","DEFAULT_OPTION_VALUE","CHECKBOX_SIZE"],"sourceRoot":"../../../src","sources":["constants/index.ts"],"mappings":"AAAA,OAAO,MAAMA,oBAAoB,GAAG,OAAO;AAC3C,OAAO,MAAMC,oBAAoB,GAAG,OAAO;AAC3C,OAAO,MAAMC,aAAa,GAAG,EAAE","ignoreList":[]}