@draftbit/core 48.4.8-d976c5.2 → 48.4.8-f6d6b8.2

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 (297) hide show
  1. package/package.json +3 -3
  2. package/src/Provider.js +0 -10
  3. package/src/Provider.js.map +0 -1
  4. package/src/components/AccordionGroup.js +0 -45
  5. package/src/components/AccordionGroup.js.map +0 -1
  6. package/src/components/ActionSheet/ActionSheet.js +0 -46
  7. package/src/components/ActionSheet/ActionSheet.js.map +0 -1
  8. package/src/components/ActionSheet/ActionSheetCancel.js +0 -7
  9. package/src/components/ActionSheet/ActionSheetCancel.js.map +0 -1
  10. package/src/components/ActionSheet/ActionSheetItem.js +0 -31
  11. package/src/components/ActionSheet/ActionSheetItem.js.map +0 -1
  12. package/src/components/ActionSheet/index.js +0 -4
  13. package/src/components/ActionSheet/index.js.map +0 -1
  14. package/src/components/AspectRatio.js +0 -19
  15. package/src/components/AspectRatio.js.map +0 -1
  16. package/src/components/BottomSheet/BottomSheet.js +0 -72
  17. package/src/components/BottomSheet/BottomSheet.js.map +0 -1
  18. package/src/components/BottomSheet/BottomSheetComponent.js +0 -438
  19. package/src/components/BottomSheet/BottomSheetComponent.js.map +0 -1
  20. package/src/components/BottomSheet/index.js +0 -2
  21. package/src/components/BottomSheet/index.js.map +0 -1
  22. package/src/components/Button.js +0 -121
  23. package/src/components/Button.js.map +0 -1
  24. package/src/components/Checkbox/Checkbox.js +0 -63
  25. package/src/components/Checkbox/Checkbox.js.map +0 -1
  26. package/src/components/Checkbox/CheckboxGroupRow.js +0 -77
  27. package/src/components/Checkbox/CheckboxGroupRow.js.map +0 -1
  28. package/src/components/Checkbox/CheckboxRow.js +0 -78
  29. package/src/components/Checkbox/CheckboxRow.js.map +0 -1
  30. package/src/components/Checkbox/context.js +0 -15
  31. package/src/components/Checkbox/context.js.map +0 -1
  32. package/src/components/Checkbox/index.js +0 -3
  33. package/src/components/Checkbox/index.js.map +0 -1
  34. package/src/components/Config.js +0 -65
  35. package/src/components/Config.js.map +0 -1
  36. package/src/components/DatePicker/DatePicker.js +0 -384
  37. package/src/components/DatePicker/DatePicker.js.map +0 -1
  38. package/src/components/DatePicker/DatePickerComponent.js +0 -14
  39. package/src/components/DatePicker/DatePickerComponent.js.map +0 -1
  40. package/src/components/DatePicker/DatePickerComponent.web.js +0 -31
  41. package/src/components/DatePicker/DatePickerComponent.web.js.map +0 -1
  42. package/src/components/DatePicker/DatePickerComponentType.js +0 -2
  43. package/src/components/DatePicker/DatePickerComponentType.js.map +0 -1
  44. package/src/components/DeckSwiper/DeckSwiper.js +0 -91
  45. package/src/components/DeckSwiper/DeckSwiper.js.map +0 -1
  46. package/src/components/DeckSwiper/DeckSwiperCard.js +0 -21
  47. package/src/components/DeckSwiper/DeckSwiperCard.js.map +0 -1
  48. package/src/components/DeckSwiper/index.js +0 -3
  49. package/src/components/DeckSwiper/index.js.map +0 -1
  50. package/src/components/Divider.js +0 -14
  51. package/src/components/Divider.js.map +0 -1
  52. package/src/components/Elevation.js +0 -21
  53. package/src/components/Elevation.js.map +0 -1
  54. package/src/components/FormRow.js +0 -20
  55. package/src/components/FormRow.js.map +0 -1
  56. package/src/components/IconButton.js +0 -36
  57. package/src/components/IconButton.js.map +0 -1
  58. package/src/components/Image.js +0 -48
  59. package/src/components/Image.js.map +0 -1
  60. package/src/components/Layout/AspectRatio.js +0 -7
  61. package/src/components/Layout/AspectRatio.js.map +0 -1
  62. package/src/components/Layout/Center.js +0 -15
  63. package/src/components/Layout/Center.js.map +0 -1
  64. package/src/components/Layout/Circle.js +0 -16
  65. package/src/components/Layout/Circle.js.map +0 -1
  66. package/src/components/Layout/HStack.js +0 -12
  67. package/src/components/Layout/HStack.js.map +0 -1
  68. package/src/components/Layout/LayoutCommon.js +0 -8
  69. package/src/components/Layout/LayoutCommon.js.map +0 -1
  70. package/src/components/Layout/Spacer.js +0 -15
  71. package/src/components/Layout/Spacer.js.map +0 -1
  72. package/src/components/Layout/Square.js +0 -25
  73. package/src/components/Layout/Square.js.map +0 -1
  74. package/src/components/Layout/VStack.js +0 -12
  75. package/src/components/Layout/VStack.js.map +0 -1
  76. package/src/components/Layout/ZStack.js +0 -20
  77. package/src/components/Layout/ZStack.js.map +0 -1
  78. package/src/components/Layout/index.js +0 -9
  79. package/src/components/Layout/index.js.map +0 -1
  80. package/src/components/Markdown.js +0 -11
  81. package/src/components/Markdown.js.map +0 -1
  82. package/src/components/MediaPlayer/AudioPlayer/AudioPlayerCommon.js +0 -2
  83. package/src/components/MediaPlayer/AudioPlayer/AudioPlayerCommon.js.map +0 -1
  84. package/src/components/MediaPlayer/AudioPlayer/AudioPlayerWithInterface.js +0 -126
  85. package/src/components/MediaPlayer/AudioPlayer/AudioPlayerWithInterface.js.map +0 -1
  86. package/src/components/MediaPlayer/AudioPlayer/HeadlessAudioPlayer.js +0 -93
  87. package/src/components/MediaPlayer/AudioPlayer/HeadlessAudioPlayer.js.map +0 -1
  88. package/src/components/MediaPlayer/AudioPlayer/index.js +0 -15
  89. package/src/components/MediaPlayer/AudioPlayer/index.js.map +0 -1
  90. package/src/components/MediaPlayer/MediaPlaybackWrapper.js +0 -42
  91. package/src/components/MediaPlayer/MediaPlaybackWrapper.js.map +0 -1
  92. package/src/components/MediaPlayer/MediaPlayerCommon.js +0 -24
  93. package/src/components/MediaPlayer/MediaPlayerCommon.js.map +0 -1
  94. package/src/components/MediaPlayer/VideoPlayer/VideoPlayer.js +0 -75
  95. package/src/components/MediaPlayer/VideoPlayer/VideoPlayer.js.map +0 -1
  96. package/src/components/MediaPlayer/VideoPlayer/index.js +0 -2
  97. package/src/components/MediaPlayer/VideoPlayer/index.js.map +0 -1
  98. package/src/components/NumberInput.js +0 -60
  99. package/src/components/NumberInput.js.map +0 -1
  100. package/src/components/Picker/Picker.js +0 -288
  101. package/src/components/Picker/Picker.js.map +0 -1
  102. package/src/components/Picker/PickerComponent.android.js +0 -70
  103. package/src/components/Picker/PickerComponent.android.js.map +0 -1
  104. package/src/components/Picker/PickerComponent.ios.js +0 -80
  105. package/src/components/Picker/PickerComponent.ios.js.map +0 -1
  106. package/src/components/Picker/PickerComponent.web.js +0 -71
  107. package/src/components/Picker/PickerComponent.web.js.map +0 -1
  108. package/src/components/Picker/PickerTypes.js +0 -2
  109. package/src/components/Picker/PickerTypes.js.map +0 -1
  110. package/src/components/PinInput/CustomPinInputCell.js +0 -11
  111. package/src/components/PinInput/CustomPinInputCell.js.map +0 -1
  112. package/src/components/PinInput/PinInput.js +0 -70
  113. package/src/components/PinInput/PinInput.js.map +0 -1
  114. package/src/components/PinInput/PinInputText.js +0 -14
  115. package/src/components/PinInput/PinInputText.js.map +0 -1
  116. package/src/components/PinInput/index.js +0 -4
  117. package/src/components/PinInput/index.js.map +0 -1
  118. package/src/components/Portal/Portal.js +0 -36
  119. package/src/components/Portal/Portal.js.map +0 -1
  120. package/src/components/Portal/PortalConsumer.js +0 -28
  121. package/src/components/Portal/PortalConsumer.js.map +0 -1
  122. package/src/components/Portal/PortalHost.js +0 -108
  123. package/src/components/Portal/PortalHost.js.map +0 -1
  124. package/src/components/Portal/PortalManager.js +0 -33
  125. package/src/components/Portal/PortalManager.js.map +0 -1
  126. package/src/components/Pressable.js +0 -13
  127. package/src/components/Pressable.js.map +0 -1
  128. package/src/components/Progress/CircularProgress/CircularProgress.js +0 -103
  129. package/src/components/Progress/CircularProgress/CircularProgress.js.map +0 -1
  130. package/src/components/Progress/CircularProgress/index.js +0 -14
  131. package/src/components/Progress/CircularProgress/index.js.map +0 -1
  132. package/src/components/Progress/IndeterminateProgress.js +0 -39
  133. package/src/components/Progress/IndeterminateProgress.js.map +0 -1
  134. package/src/components/Progress/LinearProgress/LinearProgress.js +0 -56
  135. package/src/components/Progress/LinearProgress/LinearProgress.js.map +0 -1
  136. package/src/components/Progress/LinearProgress/index.js +0 -14
  137. package/src/components/Progress/LinearProgress/index.js.map +0 -1
  138. package/src/components/Progress/ProgressCommon.js +0 -2
  139. package/src/components/Progress/ProgressCommon.js.map +0 -1
  140. package/src/components/ProgressIndicator.js +0 -28
  141. package/src/components/ProgressIndicator.js.map +0 -1
  142. package/src/components/RadioButton/RadioButton.js +0 -18
  143. package/src/components/RadioButton/RadioButton.js.map +0 -1
  144. package/src/components/RadioButton/RadioButtonGroup.js +0 -44
  145. package/src/components/RadioButton/RadioButtonGroup.js.map +0 -1
  146. package/src/components/RadioButton/RadioButtonRow.js +0 -77
  147. package/src/components/RadioButton/RadioButtonRow.js.map +0 -1
  148. package/src/components/RadioButton/context.js +0 -15
  149. package/src/components/RadioButton/context.js.map +0 -1
  150. package/src/components/RadioButton/index.js +0 -4
  151. package/src/components/RadioButton/index.js.map +0 -1
  152. package/src/components/Row.js +0 -49
  153. package/src/components/Row.js.map +0 -1
  154. package/src/components/SVG.js +0 -14
  155. package/src/components/SVG.js.map +0 -1
  156. package/src/components/ScreenContainer.js +0 -36
  157. package/src/components/ScreenContainer.js.map +0 -1
  158. package/src/components/SectionList/SectionHeader.js +0 -14
  159. package/src/components/SectionList/SectionHeader.js.map +0 -1
  160. package/src/components/SectionList/SectionList.js +0 -101
  161. package/src/components/SectionList/SectionList.js.map +0 -1
  162. package/src/components/SectionList/index.js +0 -3
  163. package/src/components/SectionList/index.js.map +0 -1
  164. package/src/components/Shadow.js +0 -26
  165. package/src/components/Shadow.js.map +0 -1
  166. package/src/components/Slider.js +0 -64
  167. package/src/components/Slider.js.map +0 -1
  168. package/src/components/StarRating.js +0 -51
  169. package/src/components/StarRating.js.map +0 -1
  170. package/src/components/StepIndicator.js +0 -347
  171. package/src/components/StepIndicator.js.map +0 -1
  172. package/src/components/Stepper.js +0 -42
  173. package/src/components/Stepper.js.map +0 -1
  174. package/src/components/Surface.js +0 -33
  175. package/src/components/Surface.js.map +0 -1
  176. package/src/components/SwipeableItem/SwipeableItem.js +0 -119
  177. package/src/components/SwipeableItem/SwipeableItem.js.map +0 -1
  178. package/src/components/SwipeableItem/SwipeableItemButton.js +0 -6
  179. package/src/components/SwipeableItem/SwipeableItemButton.js.map +0 -1
  180. package/src/components/SwipeableItem/SwipeableItemCommon.js +0 -44
  181. package/src/components/SwipeableItem/SwipeableItemCommon.js.map +0 -1
  182. package/src/components/SwipeableItem/SwipeableList.js +0 -29
  183. package/src/components/SwipeableItem/SwipeableList.js.map +0 -1
  184. package/src/components/SwipeableItem/index.js +0 -4
  185. package/src/components/SwipeableItem/index.js.map +0 -1
  186. package/src/components/Swiper/Swiper.js +0 -74
  187. package/src/components/Swiper/Swiper.js.map +0 -1
  188. package/src/components/Swiper/SwiperItem.js +0 -10
  189. package/src/components/Swiper/SwiperItem.js.map +0 -1
  190. package/src/components/Swiper/index.js +0 -3
  191. package/src/components/Swiper/index.js.map +0 -1
  192. package/src/components/Switch.js +0 -57
  193. package/src/components/Switch.js.map +0 -1
  194. package/src/components/TabView/TabView.js +0 -55
  195. package/src/components/TabView/TabView.js.map +0 -1
  196. package/src/components/TabView/TabViewItem.js +0 -12
  197. package/src/components/TabView/TabViewItem.js.map +0 -1
  198. package/src/components/TabView/index.js +0 -3
  199. package/src/components/TabView/index.js.map +0 -1
  200. package/src/components/Table/Table.js +0 -94
  201. package/src/components/Table/Table.js.map +0 -1
  202. package/src/components/Table/TableCell.js +0 -34
  203. package/src/components/Table/TableCell.js.map +0 -1
  204. package/src/components/Table/TableCommon.js +0 -13
  205. package/src/components/Table/TableCommon.js.map +0 -1
  206. package/src/components/Table/TableRow.js +0 -40
  207. package/src/components/Table/TableRow.js.map +0 -1
  208. package/src/components/Table/index.js +0 -4
  209. package/src/components/Table/index.js.map +0 -1
  210. package/src/components/Text.js +0 -34
  211. package/src/components/Text.js.map +0 -1
  212. package/src/components/TextField.js +0 -430
  213. package/src/components/TextField.js.map +0 -1
  214. package/src/components/TextInput.js +0 -15
  215. package/src/components/TextInput.js.map +0 -1
  216. package/src/components/Touchable.js +0 -13
  217. package/src/components/Touchable.js.map +0 -1
  218. package/src/components/Touchable.web.js +0 -3
  219. package/src/components/Touchable.web.js.map +0 -1
  220. package/src/components/Typography.js +0 -37
  221. package/src/components/Typography.js.map +0 -1
  222. package/src/components/YoutubePlayer/YoutubePlayer.js +0 -21
  223. package/src/components/YoutubePlayer/YoutubePlayer.js.map +0 -1
  224. package/src/components/YoutubePlayer/YoutubePlayer.native.js +0 -10
  225. package/src/components/YoutubePlayer/YoutubePlayer.native.js.map +0 -1
  226. package/src/components/YoutubePlayer/YoutubePlayerProps.js +0 -2
  227. package/src/components/YoutubePlayer/YoutubePlayerProps.js.map +0 -1
  228. package/src/components/YoutubePlayer/index.js +0 -2
  229. package/src/components/YoutubePlayer/index.js.map +0 -1
  230. package/src/components/useAuthState.js +0 -35
  231. package/src/components/useAuthState.js.map +0 -1
  232. package/src/constants.js +0 -11
  233. package/src/constants.js.map +0 -1
  234. package/src/deprecated-components/AccordionItem.js +0 -36
  235. package/src/deprecated-components/AccordionItem.js.map +0 -1
  236. package/src/deprecated-components/AnimatedCircularProgress.js +0 -47
  237. package/src/deprecated-components/AnimatedCircularProgress.js.map +0 -1
  238. package/src/deprecated-components/AvatarEdit.js +0 -34
  239. package/src/deprecated-components/AvatarEdit.js.map +0 -1
  240. package/src/deprecated-components/Banner.js +0 -113
  241. package/src/deprecated-components/Banner.js.map +0 -1
  242. package/src/deprecated-components/Card.js +0 -61
  243. package/src/deprecated-components/Card.js.map +0 -1
  244. package/src/deprecated-components/CheckboxGroup.js +0 -25
  245. package/src/deprecated-components/CheckboxGroup.js.map +0 -1
  246. package/src/deprecated-components/CircleImage.js +0 -12
  247. package/src/deprecated-components/CircleImage.js.map +0 -1
  248. package/src/deprecated-components/CircularProgress.js +0 -85
  249. package/src/deprecated-components/CircularProgress.js.map +0 -1
  250. package/src/deprecated-components/Container.js +0 -47
  251. package/src/deprecated-components/Container.js.map +0 -1
  252. package/src/deprecated-components/DeprecatedButton.js +0 -87
  253. package/src/deprecated-components/DeprecatedButton.js.map +0 -1
  254. package/src/deprecated-components/DeprecatedCardWrapper.js +0 -22
  255. package/src/deprecated-components/DeprecatedCardWrapper.js.map +0 -1
  256. package/src/deprecated-components/DeprecatedFAB.js +0 -118
  257. package/src/deprecated-components/DeprecatedFAB.js.map +0 -1
  258. package/src/deprecated-components/FAB.js +0 -50
  259. package/src/deprecated-components/FAB.js.map +0 -1
  260. package/src/deprecated-components/FieldSearchBarFull.js +0 -57
  261. package/src/deprecated-components/FieldSearchBarFull.js.map +0 -1
  262. package/src/deprecated-components/Layout.js +0 -69
  263. package/src/deprecated-components/Layout.js.map +0 -1
  264. package/src/deprecated-components/ProgressBar.js +0 -122
  265. package/src/deprecated-components/ProgressBar.js.map +0 -1
  266. package/src/deprecated-components/ProgressCircle.js +0 -17
  267. package/src/deprecated-components/ProgressCircle.js.map +0 -1
  268. package/src/deprecated-components/RadioButtonFieldGroup.js +0 -21
  269. package/src/deprecated-components/RadioButtonFieldGroup.js.map +0 -1
  270. package/src/deprecated-components/RowBodyIcon.js +0 -12
  271. package/src/deprecated-components/RowBodyIcon.js.map +0 -1
  272. package/src/deprecated-components/RowHeadlineImageCaption.js +0 -16
  273. package/src/deprecated-components/RowHeadlineImageCaption.js.map +0 -1
  274. package/src/deprecated-components/RowHeadlineImageIcon.js +0 -18
  275. package/src/deprecated-components/RowHeadlineImageIcon.js.map +0 -1
  276. package/src/deprecated-components/ToggleButton.js +0 -43
  277. package/src/deprecated-components/ToggleButton.js.map +0 -1
  278. package/src/hooks.js +0 -25
  279. package/src/hooks.js.map +0 -1
  280. package/src/index.js +0 -66
  281. package/src/index.js.map +0 -1
  282. package/src/interfaces/Icon.js +0 -9
  283. package/src/interfaces/Icon.js.map +0 -1
  284. package/src/styles/DarkTheme.js +0 -27
  285. package/src/styles/DarkTheme.js.map +0 -1
  286. package/src/styles/DefaultTheme.js +0 -112
  287. package/src/styles/DefaultTheme.js.map +0 -1
  288. package/src/styles/fonts.js +0 -63
  289. package/src/styles/fonts.js.map +0 -1
  290. package/src/styles/overlay.js +0 -61
  291. package/src/styles/overlay.js.map +0 -1
  292. package/src/styles/shadow.js +0 -52
  293. package/src/styles/shadow.js.map +0 -1
  294. package/src/theming.js +0 -4
  295. package/src/theming.js.map +0 -1
  296. package/src/utilities.js +0 -180
  297. package/src/utilities.js.map +0 -1
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- import { View, Text } from "react-native";
3
- import { withTheme } from "../../theming";
4
- const SectionHeader = ({ style, children, }) => React.createElement(View, { style: [style] }, children);
5
- export const DefaultSectionHeader = withTheme(({ title, theme }) => {
6
- return (React.createElement(Text, { testID: "default-section-header", style: {
7
- color: theme.colors.background,
8
- backgroundColor: theme.colors.primary,
9
- fontSize: 16,
10
- padding: 10,
11
- } }, title));
12
- });
13
- export default SectionHeader;
14
- //# sourceMappingURL=SectionHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAwB,IAAI,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAO1C,MAAM,aAAa,GAA0D,CAAC,EAC5E,KAAK,EACL,QAAQ,GACT,EAAE,EAAE,CAAC,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,KAAK,CAAC,IAAG,QAAQ,CAAQ,CAAC;AAM9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,SAAS,CAC3C,CAAC,EAAE,KAAK,EAAE,KAAK,EAA6B,EAAE,EAAE;IAC9C,OAAO,CACL,oBAAC,IAAI,IACH,MAAM,EAAC,wBAAwB,EAC/B,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;YAC9B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACrC,QAAQ,EAAE,EAAE;YACZ,OAAO,EAAE,EAAE;SACZ,IAEA,KAAK,CACD,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -1,101 +0,0 @@
1
- import React from "react";
2
- import { FlashList } from "@shopify/flash-list";
3
- import { FlatList } from "react-native";
4
- import SectionHeader, { DefaultSectionHeader } from "./SectionHeader";
5
- import { flattenReactFragments } from "../../utilities";
6
- export const DEFAULT_SECTION = "Uncategorized";
7
- const SectionList = ({ sectionKey, stickyHeader = false, listComponent = "FlatList", data: dataProp, renderItem: renderItemProp, ...rest }) => {
8
- const data = React.useMemo(() => (Array.isArray(dataProp) ? dataProp : []), [dataProp]);
9
- const dataWithSections = React.useMemo(() => {
10
- var _a;
11
- const result = [];
12
- const sectionDataItems = {};
13
- for (const item of data) {
14
- const section = ((_a = item[sectionKey]) === null || _a === void 0 ? void 0 : _a.toString()) || DEFAULT_SECTION;
15
- if (sectionDataItems[section]) {
16
- sectionDataItems[section].push(item);
17
- }
18
- else {
19
- sectionDataItems[section] = [item];
20
- }
21
- }
22
- for (const section in sectionDataItems) {
23
- result.push({ type: "SECTION_ITEM", title: section });
24
- const sectionItems = sectionDataItems[section].map((item) => ({ type: "DATA_ITEM", data: item }));
25
- result.push(...sectionItems);
26
- }
27
- return result;
28
- }, [data, sectionKey]);
29
- const sectionHeaderIndicies = React.useMemo(() => stickyHeader
30
- ? dataWithSections
31
- .filter((item) => item.type === "SECTION_ITEM")
32
- .map((item) => dataWithSections.indexOf(item))
33
- : undefined, [dataWithSections, stickyHeader]);
34
- const extractSectionHeader = (element) => {
35
- if (!element) {
36
- return null;
37
- }
38
- const props = element.props || {};
39
- const children = flattenReactFragments(React.Children.toArray(props.children));
40
- if (element.type === SectionHeader) {
41
- return element;
42
- }
43
- else {
44
- for (const child of children) {
45
- if (child.type === SectionHeader) {
46
- return child;
47
- }
48
- }
49
- }
50
- return null;
51
- };
52
- const extractRemainingNonSectionHeader = (element) => {
53
- if (!element) {
54
- return null;
55
- }
56
- const props = element.props || {};
57
- const children = flattenReactFragments(React.Children.toArray(props.children));
58
- if (element.type === SectionHeader) {
59
- return null;
60
- }
61
- else {
62
- const newChildren = [];
63
- for (const child of children) {
64
- if (child.type !== SectionHeader) {
65
- newChildren.push(child);
66
- }
67
- }
68
- return React.cloneElement(element, {
69
- ...props,
70
- children: newChildren,
71
- });
72
- }
73
- };
74
- const renderItem = ({ item, index, }) => {
75
- switch (item.type) {
76
- case "SECTION_ITEM": {
77
- const renderedItem = renderItemProp({
78
- index,
79
- section: item.title,
80
- });
81
- return (extractSectionHeader(renderedItem) || (React.createElement(DefaultSectionHeader, { title: item.title })));
82
- }
83
- case "DATA_ITEM": {
84
- const renderedItem = renderItemProp({
85
- item: item.data,
86
- index,
87
- section: item.data[sectionKey] || DEFAULT_SECTION,
88
- });
89
- return extractRemainingNonSectionHeader(renderedItem);
90
- }
91
- }
92
- };
93
- switch (listComponent) {
94
- case "FlatList":
95
- return (React.createElement(FlatList, { stickyHeaderIndices: sectionHeaderIndicies, ...rest, data: dataWithSections, renderItem: renderItem }));
96
- case "FlashList":
97
- return (React.createElement(FlashList, { stickyHeaderIndices: sectionHeaderIndicies, ...rest, data: dataWithSections, renderItem: renderItem }));
98
- }
99
- };
100
- export default SectionList;
101
- //# sourceMappingURL=SectionList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SectionList.js","sourceRoot":"","sources":["SectionList.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- export { default as SectionList } from "./SectionList";
2
- export { default as SectionHeader } from "./SectionHeader";
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
@@ -1,26 +0,0 @@
1
- import React from "react";
2
- import { StyleSheet } from "react-native";
3
- import { Shadow as ShadowComponent } from "react-native-shadow-2";
4
- import { extractBorderAndMarginStyles, extractSizeStyles } from "../utilities";
5
- const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShadowSideEnd = true, showShadowSideTop = true, showShadowSideBottom = true, showShadowCornerTopStart = true, showShadowCornerTopEnd = true, showShadowCornerBottomStart = true, showShadowCornerBottomEnd = true, paintInside = true, style, ...rest }) => {
6
- const { borderStyles } = extractBorderAndMarginStyles(style);
7
- const shadowStyles = StyleSheet.flatten([
8
- borderStyles,
9
- extractSizeStyles(style),
10
- ]);
11
- const containerStyle = StyleSheet.flatten(style);
12
- Object.keys(shadowStyles).forEach((key) => delete containerStyle[key]);
13
- return (React.createElement(ShadowComponent, { offset: [offsetX, offsetY], sides: {
14
- start: showShadowSideStart,
15
- end: showShadowSideEnd,
16
- top: showShadowSideTop,
17
- bottom: showShadowSideBottom,
18
- }, corners: {
19
- topStart: showShadowCornerTopStart,
20
- topEnd: showShadowCornerTopEnd,
21
- bottomStart: showShadowCornerBottomStart,
22
- bottomEnd: showShadowCornerBottomEnd,
23
- }, style: shadowStyles, containerStyle: containerStyle, paintInside: paintInside, ...rest }));
24
- };
25
- export default Shadow;
26
- //# sourceMappingURL=Shadow.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Shadow.js","sourceRoot":"","sources":["Shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAwB,UAAU,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,4BAA4B,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAsB/E,MAAM,MAAM,GAAmD,CAAC,EAC9D,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,EACX,mBAAmB,GAAG,IAAI,EAC1B,iBAAiB,GAAG,IAAI,EACxB,iBAAiB,GAAG,IAAI,EACxB,oBAAoB,GAAG,IAAI,EAC3B,wBAAwB,GAAG,IAAI,EAC/B,sBAAsB,GAAG,IAAI,EAC7B,2BAA2B,GAAG,IAAI,EAClC,yBAAyB,GAAG,IAAI,EAChC,WAAW,GAAG,IAAI,EAClB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,4BAA4B,CAAC,KAAK,CAAC,CAAC;IAE7D,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC;QACtC,YAAY;QACZ,iBAAiB,CAAC,KAAK,CAAC;KACzB,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAmB,CAAC;IACnE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,oBAAC,eAAe,IACd,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC1B,KAAK,EAAE;YACL,KAAK,EAAE,mBAAmB;YAC1B,GAAG,EAAE,iBAAiB;YACtB,GAAG,EAAE,iBAAiB;YACtB,MAAM,EAAE,oBAAoB;SAC7B,EACD,OAAO,EAAE;YACP,QAAQ,EAAE,wBAAwB;YAClC,MAAM,EAAE,sBAAsB;YAC9B,WAAW,EAAE,2BAA2B;YACxC,SAAS,EAAE,yBAAyB;SACrC,EACD,KAAK,EAAE,YAAY,EACnB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,KACpB,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,64 +0,0 @@
1
- import * as React from "react";
2
- import { View, StyleSheet } from "react-native";
3
- import NativeSlider from "@react-native-community/slider";
4
- import isNumber from "lodash.isnumber";
5
- import toNumber from "lodash.tonumber";
6
- import { withTheme } from "../theming";
7
- function maybeParseValue(value) {
8
- if (value === undefined) {
9
- return undefined;
10
- }
11
- if (isNumber(value)) {
12
- return value;
13
- }
14
- try {
15
- const maybe = toNumber(value);
16
- if (isNumber(maybe)) {
17
- return maybe;
18
- }
19
- }
20
- catch {
21
- return undefined;
22
- }
23
- return undefined;
24
- }
25
- function Slider({ Icon, leftIcon, rightIcon, leftIconColor, rightIconColor, value, defaultValue, minimumTrackTintColor, maximumTrackTintColor, thumbTintColor, minimumValue = 0, maximumValue = 100, tapToSeek, step = 1, onValueChange = () => { }, style, theme, ...rest }) {
26
- const [internalValue, setInternalValue] = React.useState(value || defaultValue);
27
- React.useEffect(() => {
28
- if (value != null) {
29
- setInternalValue(value);
30
- }
31
- }, [value]);
32
- React.useEffect(() => {
33
- if (defaultValue != null) {
34
- setInternalValue(defaultValue);
35
- }
36
- }, [defaultValue]);
37
- const minTrackColor = minimumTrackTintColor || theme.colors.primary;
38
- const maxTrackColor = maximumTrackTintColor || theme.colors.light;
39
- const thumbColor = thumbTintColor || theme.colors.primary;
40
- const leftIconThemeColor = leftIconColor || theme.colors.light;
41
- const rightIconThemeColor = rightIconColor || theme.colors.light;
42
- const parsedValue = maybeParseValue(internalValue);
43
- const handleSlidingComplete = (newValue) => {
44
- setInternalValue(newValue);
45
- onValueChange(newValue);
46
- };
47
- return (React.createElement(View, { style: [styles.container, style], ...rest },
48
- leftIcon ? (React.createElement(Icon, { color: leftIconThemeColor, name: leftIcon, size: 24 })) : null,
49
- React.createElement(NativeSlider, { value: parsedValue, step: step, minimumValue: minimumValue, maximumValue: maximumValue, tapToSeek: tapToSeek, minimumTrackTintColor: minTrackColor, maximumTrackTintColor: maxTrackColor, thumbTintColor: thumbColor, onSlidingComplete: handleSlidingComplete, style: styles.slider }),
50
- rightIcon ? (React.createElement(Icon, { color: rightIconThemeColor, name: rightIcon, size: 24 })) : null));
51
- }
52
- const styles = StyleSheet.create({
53
- container: {
54
- height: 40,
55
- flexDirection: "row",
56
- alignItems: "center",
57
- },
58
- slider: {
59
- flex: 1,
60
- marginHorizontal: 12,
61
- },
62
- });
63
- export default withTheme(Slider);
64
- //# sourceMappingURL=Slider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Slider.js","sourceRoot":"","sources":["Slider.tsx"],"names":[],"mappings":"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"}
@@ -1,51 +0,0 @@
1
- import * as React from "react";
2
- import { View, StyleSheet, Pressable, } from "react-native";
3
- import { withTheme } from "../theming";
4
- const StarRating = ({ Icon, starSize = 16, maxStars = 5, rating = 0, defaultValue, isEditable = false, activeColor, inactiveColor, style, onPress, ...rest }) => {
5
- const [localRating, setLocalRating] = React.useState(rating || defaultValue || 0);
6
- React.useEffect(() => {
7
- if (rating != null) {
8
- setLocalRating(rating);
9
- }
10
- }, [rating]);
11
- React.useEffect(() => {
12
- if (defaultValue != null) {
13
- setLocalRating(defaultValue);
14
- }
15
- }, [defaultValue]);
16
- const ratingHandler = React.useCallback((r) => {
17
- setLocalRating(r);
18
- !!onPress && onPress(r);
19
- }, [onPress]);
20
- const ratingRounded = Math.round(localRating * 2) / 2;
21
- return (React.createElement(View, { style: [styles.container, style], ...rest }, [...Array(maxStars)].map((_, i) => (React.createElement(View, { key: i, style: { display: "flex" } },
22
- React.createElement(Icon, { name: ratingRounded - i === 0.5
23
- ? "MaterialIcons/star-half"
24
- : "MaterialIcons/star", size: starSize, color: ratingRounded > i ? activeColor : inactiveColor }),
25
- isEditable && (React.createElement(View, { style: styles.touchContainer },
26
- React.createElement(Pressable, { style: styles.pressable, onPress: () => ratingHandler(i + 0.5) }),
27
- React.createElement(Pressable, { style: styles.pressable, onPress: () => ratingHandler(i + 1) }))))))));
28
- };
29
- const styles = StyleSheet.create({
30
- container: {
31
- flexDirection: "row",
32
- alignItems: "center",
33
- },
34
- touchContainer: {
35
- display: "flex",
36
- flexDirection: "row",
37
- position: "absolute",
38
- top: 0,
39
- right: 0,
40
- left: 0,
41
- bottom: 0,
42
- zIndex: 1,
43
- },
44
- pressable: {
45
- flex: 1,
46
- height: "100%",
47
- width: "50%",
48
- },
49
- });
50
- export default withTheme(StarRating);
51
- //# sourceMappingURL=StarRating.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StarRating.js","sourceRoot":"","sources":["StarRating.tsx"],"names":[],"mappings":"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"}
@@ -1,347 +0,0 @@
1
- // @ts-nocheck
2
- import React, { Component } from "react";
3
- import { View, Text, StyleSheet, Animated, TouchableWithoutFeedback, } from "react-native";
4
- const STEP_STATUS = {
5
- CURRENT: "current",
6
- FINISHED: "finished",
7
- UNFINISHED: "unfinished",
8
- };
9
- export default class StepIndicator extends Component {
10
- constructor(props) {
11
- super(props);
12
- this.renderProgressBarBackground = () => {
13
- const { stepCount, direction } = this.props;
14
- let progressBarBackgroundStyle;
15
- if (direction === "vertical") {
16
- progressBarBackgroundStyle = {
17
- backgroundColor: this.state.customStyles.separatorUnFinishedColor,
18
- position: "absolute",
19
- left: (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,
20
- top: this.state.height / (2 * stepCount),
21
- bottom: this.state.height / (2 * stepCount),
22
- width: this.state.customStyles.separatorStrokeUnfinishedWidth === 0
23
- ? this.state.customStyles.separatorStrokeWidth
24
- : this.state.customStyles.separatorStrokeUnfinishedWidth,
25
- };
26
- }
27
- else {
28
- progressBarBackgroundStyle = {
29
- backgroundColor: this.state.customStyles.separatorUnFinishedColor,
30
- position: "absolute",
31
- top: (this.state.height - this.state.customStyles.separatorStrokeWidth) /
32
- 2,
33
- left: this.state.width / (2 * stepCount),
34
- right: this.state.width / (2 * stepCount),
35
- height: this.state.customStyles.separatorStrokeUnfinishedWidth === 0
36
- ? this.state.customStyles.separatorStrokeWidth
37
- : this.state.customStyles.separatorStrokeUnfinishedWidth,
38
- };
39
- }
40
- return (React.createElement(View, { onLayout: (event) => {
41
- if (direction === "vertical") {
42
- this.setState({ progressBarSize: event.nativeEvent.layout.height }, () => {
43
- this.onCurrentPositionChanged(this.props.currentPosition);
44
- });
45
- }
46
- else {
47
- this.setState({ progressBarSize: event.nativeEvent.layout.width }, () => {
48
- this.onCurrentPositionChanged(this.props.currentPosition);
49
- });
50
- }
51
- }, style: progressBarBackgroundStyle }));
52
- };
53
- this.renderProgressBar = () => {
54
- const { stepCount, direction } = this.props;
55
- let progressBarStyle;
56
- if (direction === "vertical") {
57
- progressBarStyle = {
58
- backgroundColor: this.state.customStyles.separatorFinishedColor,
59
- position: "absolute",
60
- left: (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,
61
- top: this.state.height / (2 * stepCount),
62
- bottom: this.state.height / (2 * stepCount),
63
- width: this.state.customStyles.separatorStrokeFinishedWidth === 0
64
- ? this.state.customStyles.separatorStrokeWidth
65
- : this.state.customStyles.separatorStrokeFinishedWidth,
66
- height: this.progressAnim,
67
- };
68
- }
69
- else {
70
- progressBarStyle = {
71
- backgroundColor: this.state.customStyles.separatorFinishedColor,
72
- position: "absolute",
73
- top: (this.state.height - this.state.customStyles.separatorStrokeWidth) /
74
- 2,
75
- left: this.state.width / (2 * stepCount),
76
- right: this.state.width / (2 * stepCount),
77
- height: this.state.customStyles.separatorStrokeFinishedWidth === 0
78
- ? this.state.customStyles.separatorStrokeWidth
79
- : this.state.customStyles.separatorStrokeFinishedWidth,
80
- width: this.progressAnim,
81
- };
82
- }
83
- return React.createElement(Animated.View, { style: progressBarStyle });
84
- };
85
- this.renderStepIndicator = () => {
86
- let steps = [];
87
- const { stepCount, direction } = this.props;
88
- for (let position = 0; position < stepCount; position++) {
89
- steps.push(React.createElement(TouchableWithoutFeedback, { key: position, onPress: () => this.stepPressed(position) },
90
- React.createElement(View, { style: [
91
- styles.stepContainer,
92
- direction === "vertical"
93
- ? { flexDirection: "column" }
94
- : { flexDirection: "row" },
95
- ] }, this.renderStep(position))));
96
- }
97
- return (React.createElement(View, { onLayout: (event) => this.setState({
98
- width: event.nativeEvent.layout.width,
99
- height: event.nativeEvent.layout.height,
100
- }), style: [
101
- styles.stepIndicatorContainer,
102
- direction === "vertical"
103
- ? {
104
- flexDirection: "column",
105
- width: this.state.customStyles.currentStepIndicatorSize,
106
- }
107
- : {
108
- flexDirection: "row",
109
- height: this.state.customStyles.currentStepIndicatorSize,
110
- },
111
- ] }, steps));
112
- };
113
- this.renderStepLabels = () => {
114
- const { labels, direction, currentPosition, renderLabel } = this.props;
115
- var labelViews = labels.map((label, index) => {
116
- const selectedStepLabelStyle = index === currentPosition
117
- ? { color: this.state.customStyles.currentStepLabelColor }
118
- : { color: this.state.customStyles.labelColor };
119
- return (React.createElement(TouchableWithoutFeedback, { style: styles.stepLabelItem, key: index, onPress: () => this.stepPressed(index) },
120
- React.createElement(View, { style: styles.stepLabelItem }, renderLabel ? (renderLabel({
121
- position: index,
122
- stepStatus: this.getStepStatus(index),
123
- label,
124
- currentPosition,
125
- })) : (React.createElement(Text, { style: [
126
- styles.stepLabel,
127
- selectedStepLabelStyle,
128
- {
129
- fontSize: this.state.customStyles.labelSize,
130
- fontFamily: this.state.customStyles.labelFontFamily,
131
- },
132
- ] }, label)))));
133
- });
134
- return (React.createElement(View, { style: [
135
- styles.stepLabelsContainer,
136
- direction === "vertical"
137
- ? { flexDirection: "column", paddingHorizontal: 4 }
138
- : { flexDirection: "row", paddingVertical: 4 },
139
- { alignItems: this.state.customStyles.labelAlign },
140
- ] }, labelViews));
141
- };
142
- this.renderStep = (position) => {
143
- const { renderStepIndicator } = this.props;
144
- let stepStyle;
145
- let indicatorLabelStyle;
146
- switch (this.getStepStatus(position)) {
147
- case STEP_STATUS.CURRENT: {
148
- stepStyle = {
149
- backgroundColor: this.state.customStyles.stepIndicatorCurrentColor,
150
- borderWidth: this.state.customStyles.currentStepStrokeWidth,
151
- borderColor: this.state.customStyles.stepStrokeCurrentColor,
152
- height: this.sizeAnim,
153
- width: this.sizeAnim,
154
- borderRadius: this.borderRadiusAnim,
155
- };
156
- indicatorLabelStyle = {
157
- fontSize: this.state.customStyles.currentStepIndicatorLabelFontSize,
158
- color: this.state.customStyles.stepIndicatorLabelCurrentColor,
159
- };
160
- break;
161
- }
162
- case STEP_STATUS.FINISHED: {
163
- stepStyle = {
164
- backgroundColor: this.state.customStyles.stepIndicatorFinishedColor,
165
- borderWidth: this.state.customStyles.stepStrokeWidth,
166
- borderColor: this.state.customStyles.stepStrokeFinishedColor,
167
- height: this.state.customStyles.stepIndicatorSize,
168
- width: this.state.customStyles.stepIndicatorSize,
169
- borderRadius: this.state.customStyles.stepIndicatorSize / 2,
170
- };
171
- indicatorLabelStyle = {
172
- fontSize: this.state.customStyles.stepIndicatorLabelFontSize,
173
- color: this.state.customStyles.stepIndicatorLabelFinishedColor,
174
- };
175
- break;
176
- }
177
- case STEP_STATUS.UNFINISHED: {
178
- stepStyle = {
179
- backgroundColor: this.state.customStyles.stepIndicatorUnFinishedColor,
180
- borderWidth: this.state.customStyles.stepStrokeWidth,
181
- borderColor: this.state.customStyles.stepStrokeUnFinishedColor,
182
- height: this.state.customStyles.stepIndicatorSize,
183
- width: this.state.customStyles.stepIndicatorSize,
184
- borderRadius: this.state.customStyles.stepIndicatorSize / 2,
185
- };
186
- indicatorLabelStyle = {
187
- overflow: "hidden",
188
- fontSize: this.state.customStyles.stepIndicatorLabelFontSize,
189
- color: this.state.customStyles.stepIndicatorLabelUnFinishedColor,
190
- };
191
- break;
192
- }
193
- default:
194
- }
195
- return (React.createElement(Animated.View, { key: "step-indicator", style: [styles.step, stepStyle] }, renderStepIndicator ? (renderStepIndicator({
196
- position,
197
- stepStatus: this.getStepStatus(position),
198
- })) : (React.createElement(Text, { style: indicatorLabelStyle }, `${position + 1}`))));
199
- };
200
- this.getStepStatus = (stepPosition) => {
201
- const { currentPosition } = this.props;
202
- if (stepPosition === currentPosition) {
203
- return STEP_STATUS.CURRENT;
204
- }
205
- else if (stepPosition < currentPosition) {
206
- return STEP_STATUS.FINISHED;
207
- }
208
- else {
209
- return STEP_STATUS.UNFINISHED;
210
- }
211
- };
212
- this.onCurrentPositionChanged = (position) => {
213
- let { stepCount } = this.props;
214
- if (position > stepCount - 1) {
215
- position = stepCount - 1;
216
- }
217
- const animateToPosition = (this.state.progressBarSize / (stepCount - 1)) * position;
218
- this.sizeAnim.setValue(this.state.customStyles.stepIndicatorSize);
219
- this.borderRadiusAnim.setValue(this.state.customStyles.stepIndicatorSize / 2);
220
- Animated.sequence([
221
- Animated.timing(this.progressAnim, {
222
- toValue: animateToPosition,
223
- duration: 200,
224
- }),
225
- Animated.parallel([
226
- Animated.timing(this.sizeAnim, {
227
- toValue: this.state.customStyles.currentStepIndicatorSize,
228
- duration: 100,
229
- }),
230
- Animated.timing(this.borderRadiusAnim, {
231
- toValue: this.state.customStyles.currentStepIndicatorSize / 2,
232
- duration: 100,
233
- }),
234
- ]),
235
- ]).start();
236
- };
237
- const defaultStyles = {
238
- stepIndicatorSize: 30,
239
- currentStepIndicatorSize: 40,
240
- separatorStrokeWidth: 3,
241
- separatorStrokeUnfinishedWidth: 0,
242
- separatorStrokeFinishedWidth: 0,
243
- currentStepStrokeWidth: 5,
244
- stepStrokeWidth: 0,
245
- stepStrokeCurrentColor: "#4aae4f",
246
- stepStrokeFinishedColor: "#4aae4f",
247
- stepStrokeUnFinishedColor: "#4aae4f",
248
- separatorFinishedColor: "#4aae4f",
249
- separatorUnFinishedColor: "#a4d4a5",
250
- stepIndicatorFinishedColor: "#4aae4f",
251
- stepIndicatorUnFinishedColor: "#a4d4a5",
252
- stepIndicatorCurrentColor: "#ffffff",
253
- stepIndicatorLabelFontSize: 15,
254
- currentStepIndicatorLabelFontSize: 15,
255
- stepIndicatorLabelCurrentColor: "#000000",
256
- stepIndicatorLabelFinishedColor: "#ffffff",
257
- stepIndicatorLabelUnFinishedColor: "rgba(255,255,255,0.5)",
258
- labelColor: "#000000",
259
- labelSize: 13,
260
- labelAlign: "center",
261
- currentStepLabelColor: "#4aae4f",
262
- };
263
- const customStyles = Object.assign(defaultStyles, props.customStyles);
264
- this.state = {
265
- width: 0,
266
- height: 1,
267
- progressBarSize: -2,
268
- customStyles,
269
- };
270
- this.progressAnim = new Animated.Value(0);
271
- this.sizeAnim = new Animated.Value(this.state.customStyles.stepIndicatorSize);
272
- this.borderRadiusAnim = new Animated.Value(this.state.customStyles.stepIndicatorSize / 2);
273
- }
274
- stepPressed(position) {
275
- if (this.props.onPress) {
276
- this.props.onPress(position);
277
- }
278
- }
279
- render() {
280
- const { labels, direction } = this.props;
281
- return (React.createElement(View, { style: [
282
- styles.container,
283
- direction === "vertical"
284
- ? { flexDirection: "row", flex: 1 }
285
- : { flexDirection: "column" },
286
- ] },
287
- this.state.width !== 0 && this.renderProgressBarBackground(),
288
- this.state.width !== 0 && this.renderProgressBar(),
289
- this.renderStepIndicator(),
290
- labels && this.renderStepLabels()));
291
- }
292
- componentDidUpdate(prevProps) {
293
- // if (prevProps.customStyles !== this.props.customStyles) {
294
- // this.setState((state) => ({
295
- // customStyles: Object.assign(
296
- // state.customStyles,
297
- // this.props.customStyles
298
- // ),
299
- // }));
300
- // }
301
- if (prevProps.currentPosition !== this.props.currentPosition) {
302
- this.onCurrentPositionChanged(this.props.currentPosition);
303
- }
304
- }
305
- }
306
- const styles = StyleSheet.create({
307
- container: {
308
- backgroundColor: "transparent",
309
- },
310
- stepIndicatorContainer: {
311
- flexDirection: "row",
312
- alignItems: "center",
313
- justifyContent: "space-around",
314
- backgroundColor: "transparent",
315
- },
316
- stepLabelsContainer: {
317
- justifyContent: "space-around",
318
- },
319
- step: {
320
- alignItems: "center",
321
- justifyContent: "center",
322
- zIndex: 2,
323
- },
324
- stepContainer: {
325
- flex: 1,
326
- flexDirection: "row",
327
- alignItems: "center",
328
- justifyContent: "center",
329
- },
330
- stepLabel: {
331
- fontSize: 12,
332
- textAlign: "center",
333
- fontWeight: "500",
334
- },
335
- stepLabelItem: {
336
- flex: 1,
337
- alignItems: "center",
338
- justifyContent: "center",
339
- },
340
- });
341
- StepIndicator.defaultProps = {
342
- currentPosition: 0,
343
- stepCount: 5,
344
- customStyles: {},
345
- direction: "horizontal",
346
- };
347
- //# sourceMappingURL=StepIndicator.js.map