@draftbit/core 46.0.0 → 46.0.1-eb73d2.0

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 (376) hide show
  1. package/lib/commonjs/Provider.js.map +1 -1
  2. package/lib/commonjs/components/ActionSheet/ActionSheetCancel.js.map +1 -1
  3. package/lib/commonjs/components/ActionSheet/ActionSheetItem.js.map +1 -1
  4. package/lib/commonjs/components/AnimatedCircularProgress.js.map +1 -1
  5. package/lib/commonjs/components/AspectRatio.js.map +1 -1
  6. package/lib/commonjs/components/AvatarEdit.js.map +1 -1
  7. package/lib/commonjs/components/Banner.js.map +1 -1
  8. package/lib/commonjs/components/Card.js.map +1 -1
  9. package/lib/commonjs/components/CardBlock.js.map +1 -1
  10. package/lib/commonjs/components/CardContainer.js.map +1 -1
  11. package/lib/commonjs/components/CardContainerRating.js.map +1 -1
  12. package/lib/commonjs/components/CardContainerShortImage.js.map +1 -1
  13. package/lib/commonjs/components/CardInline.js.map +1 -1
  14. package/lib/commonjs/components/Carousel.js.map +1 -1
  15. package/lib/commonjs/components/CircleImage.js.map +1 -1
  16. package/lib/commonjs/components/CircularProgress.js.map +1 -1
  17. package/lib/commonjs/components/Container.js.map +1 -1
  18. package/lib/commonjs/components/DatePicker/DatePicker.js.map +1 -1
  19. package/lib/commonjs/components/DatePicker/DatePickerComponent.js.map +1 -1
  20. package/lib/commonjs/components/DeprecatedButton.js +20 -4
  21. package/lib/commonjs/components/DeprecatedButton.js.map +1 -1
  22. package/lib/commonjs/components/DeprecatedCardWrapper.js +14 -2
  23. package/lib/commonjs/components/DeprecatedCardWrapper.js.map +1 -1
  24. package/lib/commonjs/components/DeprecatedFAB.js.map +1 -1
  25. package/lib/commonjs/components/Divider.js.map +1 -1
  26. package/lib/commonjs/components/Elevation.js.map +1 -1
  27. package/lib/commonjs/components/FAB.js.map +1 -1
  28. package/lib/commonjs/components/FieldSearchBarFull.js.map +1 -1
  29. package/lib/commonjs/components/Header.js.map +1 -1
  30. package/lib/commonjs/components/HeaderLarge.js.map +1 -1
  31. package/lib/commonjs/components/HeaderMedium.js.map +1 -1
  32. package/lib/commonjs/components/HeaderOverline.js.map +1 -1
  33. package/lib/commonjs/components/IconButton.js.map +1 -1
  34. package/lib/commonjs/components/Justification.js +3 -0
  35. package/lib/commonjs/components/Portal/Portal.js.map +1 -1
  36. package/lib/commonjs/components/ProgressCircle.js.map +1 -1
  37. package/lib/commonjs/components/ProgressIndicator.js.map +1 -1
  38. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js.map +1 -1
  39. package/lib/commonjs/components/ResizeMode.js +3 -0
  40. package/lib/commonjs/components/Row.js.map +1 -1
  41. package/lib/commonjs/components/RowBodyIcon.js.map +1 -1
  42. package/lib/commonjs/components/RowHeadlineImageCaption.js.map +1 -1
  43. package/lib/commonjs/components/RowHeadlineImageIcon.js.map +1 -1
  44. package/lib/commonjs/components/StarRating.js.map +1 -1
  45. package/lib/commonjs/components/Surface.js.map +1 -1
  46. package/lib/commonjs/components/Swiper/Swiper.js.map +1 -1
  47. package/lib/commonjs/components/ToggleButton.js.map +1 -1
  48. package/lib/commonjs/interfaces/Icon.js.map +1 -1
  49. package/lib/commonjs/mappings/RadioButtonGroup.js.map +1 -1
  50. package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
  51. package/lib/module/Provider.js.map +1 -1
  52. package/lib/module/components/ActionSheet/ActionSheetCancel.js.map +1 -1
  53. package/lib/module/components/ActionSheet/ActionSheetItem.js.map +1 -1
  54. package/lib/module/components/AnimatedCircularProgress.js.map +1 -1
  55. package/lib/module/components/AspectRatio.js.map +1 -1
  56. package/lib/module/components/AvatarEdit.js.map +1 -1
  57. package/lib/module/components/Banner.js.map +1 -1
  58. package/lib/module/components/Button.js +32 -11
  59. package/lib/module/components/Button.js.map +1 -1
  60. package/lib/module/components/Card.js.map +1 -1
  61. package/lib/module/components/CardBlock.js.map +1 -1
  62. package/lib/module/components/CardContainer.js.map +1 -1
  63. package/lib/module/components/CardContainerRating.js.map +1 -1
  64. package/lib/module/components/CardContainerShortImage.js.map +1 -1
  65. package/lib/module/components/CardInline.js.map +1 -1
  66. package/lib/module/components/Carousel.js.map +1 -1
  67. package/lib/module/components/Checkbox/index.js.map +1 -1
  68. package/lib/module/components/CircleImage.js +16 -2
  69. package/lib/module/components/CircleImage.js.map +1 -1
  70. package/lib/module/components/CircularProgress.js.map +1 -1
  71. package/lib/module/components/Container.js.map +1 -1
  72. package/lib/module/components/DatePicker/DatePicker.js.map +1 -1
  73. package/lib/module/components/DatePicker/DatePickerComponent.js.map +1 -1
  74. package/lib/module/components/DatePicker/DatePickerComponentType.js.map +1 -1
  75. package/lib/module/components/DeprecatedButton.js.map +1 -1
  76. package/lib/module/components/DeprecatedCardWrapper.js.map +1 -1
  77. package/lib/module/components/DeprecatedFAB.js +20 -4
  78. package/lib/module/components/DeprecatedFAB.js.map +1 -1
  79. package/lib/module/components/Divider.js.map +1 -1
  80. package/lib/module/components/Elevation.js.map +1 -1
  81. package/lib/module/components/FAB.js.map +1 -1
  82. package/lib/module/components/FieldSearchBarFull.js.map +1 -1
  83. package/lib/module/components/Header.js.map +1 -1
  84. package/lib/module/components/HeaderLarge.js.map +1 -1
  85. package/lib/module/components/HeaderMedium.js.map +1 -1
  86. package/lib/module/components/HeaderOverline.js.map +1 -1
  87. package/lib/module/components/IconButton.js.map +1 -1
  88. package/lib/module/components/Justification.js +1 -1
  89. package/lib/module/components/NumberInput.js +13 -2
  90. package/lib/module/components/NumberInput.js.map +1 -1
  91. package/lib/module/components/Portal/Portal.js.map +1 -1
  92. package/lib/module/components/Portal/PortalManager.js +1 -1
  93. package/lib/module/components/Portal/PortalManager.js.map +1 -1
  94. package/lib/module/components/ProgressCircle.js.map +1 -1
  95. package/lib/module/components/ProgressIndicator.js.map +1 -1
  96. package/lib/module/components/RadioButton/RadioButtonFieldGroup.js.map +1 -1
  97. package/lib/module/components/RadioButton/RadioButtonGroup.js +16 -4
  98. package/lib/module/components/RadioButton/RadioButtonGroup.js.map +1 -1
  99. package/lib/module/components/RadioButton/RadioButtonRow.js +23 -6
  100. package/lib/module/components/RadioButton/RadioButtonRow.js.map +1 -1
  101. package/lib/module/components/ResizeMode.js +1 -1
  102. package/lib/module/components/Row.js.map +1 -1
  103. package/lib/module/components/RowBodyIcon.js.map +1 -1
  104. package/lib/module/components/RowHeadlineImageCaption.js.map +1 -1
  105. package/lib/module/components/RowHeadlineImageIcon.js.map +1 -1
  106. package/lib/module/components/ScreenContainer.js +21 -5
  107. package/lib/module/components/ScreenContainer.js.map +1 -1
  108. package/lib/module/components/StarRating.js.map +1 -1
  109. package/lib/module/components/Surface.js.map +1 -1
  110. package/lib/module/components/Swiper/Swiper.js.map +1 -1
  111. package/lib/module/components/ToggleButton.js.map +1 -1
  112. package/lib/module/interfaces/Icon.js.map +1 -1
  113. package/lib/typescript/src/components/Accordion/AccordionGroup.d.ts +2 -3022
  114. package/lib/typescript/src/components/Accordion/AccordionItem.d.ts +2 -3010
  115. package/lib/typescript/src/components/ActionSheet/ActionSheetCancel.d.ts +1 -1
  116. package/lib/typescript/src/components/ActionSheet/ActionSheetItem.d.ts +1 -1
  117. package/lib/typescript/src/components/AnimatedCircularProgress.d.ts +1 -1
  118. package/lib/typescript/src/components/AspectRatio.d.ts +1 -1
  119. package/lib/typescript/src/components/AvatarEdit.d.ts +2 -2
  120. package/lib/typescript/src/components/Banner.d.ts +2 -2
  121. package/lib/typescript/src/components/Card.d.ts +2 -2
  122. package/lib/typescript/src/components/CardBlock.d.ts +2 -2
  123. package/lib/typescript/src/components/CardContainer.d.ts +2 -2
  124. package/lib/typescript/src/components/CardContainerRating.d.ts +2 -2
  125. package/lib/typescript/src/components/CardContainerShortImage.d.ts +2 -2
  126. package/lib/typescript/src/components/CardInline.d.ts +2 -2
  127. package/lib/typescript/src/components/Carousel.d.ts +4 -7
  128. package/lib/typescript/src/components/CircleImage.d.ts +1 -1
  129. package/lib/typescript/src/components/Container.d.ts +2 -2
  130. package/lib/typescript/src/components/DatePicker/DatePicker.d.ts +2 -2
  131. package/lib/typescript/src/components/DatePicker/DatePickerComponent.d.ts +1 -1
  132. package/lib/typescript/src/components/DeprecatedButton.d.ts +2 -2
  133. package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts +2 -2
  134. package/lib/typescript/src/components/DeprecatedFAB.d.ts +2 -2
  135. package/lib/typescript/src/components/Divider.d.ts +2 -2
  136. package/lib/typescript/src/components/Elevation.d.ts +2 -2
  137. package/lib/typescript/src/components/FAB.d.ts +2 -2
  138. package/lib/typescript/src/components/FieldSearchBarFull.d.ts +2 -2
  139. package/lib/typescript/src/components/Header.d.ts +2 -2
  140. package/lib/typescript/src/components/HeaderLarge.d.ts +2 -2
  141. package/lib/typescript/src/components/HeaderMedium.d.ts +2 -2
  142. package/lib/typescript/src/components/HeaderOverline.d.ts +2 -2
  143. package/lib/typescript/src/components/IconButton.d.ts +2 -2
  144. package/lib/typescript/src/components/ProgressCircle.d.ts +2 -2
  145. package/lib/typescript/src/components/ProgressIndicator.d.ts +2 -2
  146. package/lib/typescript/src/components/RadioButton/RadioButtonFieldGroup.d.ts +2 -2
  147. package/lib/typescript/src/components/Row.d.ts +2 -2
  148. package/lib/typescript/src/components/RowBodyIcon.d.ts +2 -2
  149. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +2 -2
  150. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +2 -2
  151. package/lib/typescript/src/components/Slider.d.ts +2 -3032
  152. package/lib/typescript/src/components/StarRating.d.ts +2 -2
  153. package/lib/typescript/src/components/Surface.d.ts +2 -2
  154. package/lib/typescript/src/components/Switch.d.ts +2 -3018
  155. package/lib/typescript/src/components/ToggleButton.d.ts +2 -2
  156. package/lib/typescript/src/interfaces/Icon.d.ts +1 -3
  157. package/package.json +4 -4
  158. package/src/Provider.js +9 -0
  159. package/src/Provider.tsx +1 -0
  160. package/src/components/Accordion/AccordionGroup.js +44 -0
  161. package/src/components/Accordion/AccordionItem.js +32 -0
  162. package/src/components/Accordion/index.js +2 -0
  163. package/src/components/ActionSheet/ActionSheet.js +45 -0
  164. package/src/components/ActionSheet/ActionSheetCancel.js +6 -0
  165. package/src/components/ActionSheet/ActionSheetCancel.tsx +1 -1
  166. package/src/components/ActionSheet/ActionSheetItem.js +30 -0
  167. package/src/components/ActionSheet/ActionSheetItem.tsx +6 -1
  168. package/src/components/ActionSheet/index.js +3 -0
  169. package/src/components/AnimatedCircularProgress.js +43 -0
  170. package/src/components/AnimatedCircularProgress.tsx +1 -1
  171. package/src/components/AspectRatio.js +18 -0
  172. package/src/components/AspectRatio.tsx +1 -1
  173. package/src/components/AvatarEdit.js +30 -0
  174. package/src/components/AvatarEdit.tsx +1 -1
  175. package/src/components/Banner.js +109 -0
  176. package/src/components/Banner.tsx +1 -1
  177. package/src/components/Button.js +112 -0
  178. package/src/components/Card.js +57 -0
  179. package/src/components/Card.tsx +1 -1
  180. package/src/components/CardBlock.js +54 -0
  181. package/src/components/CardBlock.tsx +1 -1
  182. package/src/components/CardContainer.js +69 -0
  183. package/src/components/CardContainer.tsx +1 -1
  184. package/src/components/CardContainerRating.js +79 -0
  185. package/src/components/CardContainerRating.tsx +1 -1
  186. package/src/components/CardContainerShortImage.js +33 -0
  187. package/src/components/CardContainerShortImage.tsx +1 -1
  188. package/src/components/CardInline.js +36 -0
  189. package/src/components/CardInline.tsx +1 -1
  190. package/src/components/Carousel.js +66 -0
  191. package/src/components/Carousel.tsx +2 -1
  192. package/src/components/Checkbox/Checkbox.js +63 -0
  193. package/src/components/Checkbox/CheckboxGroup.js +21 -0
  194. package/src/components/Checkbox/CheckboxGroupRow.js +77 -0
  195. package/src/components/Checkbox/CheckboxRow.js +78 -0
  196. package/src/components/Checkbox/context.js +14 -0
  197. package/src/components/Checkbox/index.js +3 -0
  198. package/src/components/CircleImage.js +8 -0
  199. package/src/components/CircleImage.tsx +1 -1
  200. package/src/components/CircularProgress.js +78 -0
  201. package/src/components/CircularProgress.tsx +1 -0
  202. package/src/components/Config.js +63 -0
  203. package/src/components/Container.js +43 -0
  204. package/src/components/Container.tsx +1 -1
  205. package/src/components/DatePicker/DatePicker.js +368 -0
  206. package/src/components/DatePicker/DatePicker.tsx +1 -1
  207. package/src/components/DatePicker/DatePickerComponent.js +13 -0
  208. package/src/components/DatePicker/DatePickerComponent.tsx +1 -1
  209. package/src/components/DatePicker/DatePickerComponent.web.js +30 -0
  210. package/src/components/DatePicker/DatePickerComponentType.js +1 -0
  211. package/src/components/DeprecatedButton.js +95 -0
  212. package/src/components/DeprecatedButton.tsx +1 -1
  213. package/src/components/DeprecatedCardWrapper.js +18 -0
  214. package/src/components/DeprecatedCardWrapper.tsx +1 -1
  215. package/src/components/DeprecatedFAB.js +115 -0
  216. package/src/components/DeprecatedFAB.tsx +1 -1
  217. package/src/components/Divider.js +13 -0
  218. package/src/components/Divider.tsx +1 -1
  219. package/src/components/Elevation.js +20 -0
  220. package/src/components/Elevation.tsx +6 -1
  221. package/src/components/FAB.js +46 -0
  222. package/src/components/FAB.tsx +1 -1
  223. package/src/components/FieldSearchBarFull.js +53 -0
  224. package/src/components/FieldSearchBarFull.tsx +1 -1
  225. package/src/components/FormRow.js +19 -0
  226. package/src/components/Header.js +44 -0
  227. package/src/components/Header.tsx +1 -1
  228. package/src/components/HeaderLarge.js +7 -0
  229. package/src/components/HeaderLarge.tsx +1 -1
  230. package/src/components/HeaderMedium.js +7 -0
  231. package/src/components/HeaderMedium.tsx +1 -1
  232. package/src/components/HeaderOverline.js +7 -0
  233. package/src/components/HeaderOverline.tsx +1 -1
  234. package/src/components/IconButton.js +35 -0
  235. package/src/components/IconButton.tsx +1 -1
  236. package/src/components/Image.js +47 -0
  237. package/src/components/Justification.js +1 -0
  238. package/src/components/Layout.js +50 -0
  239. package/src/components/NumberInput.js +49 -0
  240. package/src/components/Picker/Picker.js +266 -0
  241. package/src/components/Picker/PickerComponent.android.js +68 -0
  242. package/src/components/Picker/PickerComponent.ios.js +78 -0
  243. package/src/components/Picker/PickerComponent.web.js +69 -0
  244. package/src/components/Picker/PickerTypes.js +1 -0
  245. package/src/components/Portal/Portal.js +35 -0
  246. package/src/components/Portal/Portal.tsx +1 -0
  247. package/src/components/Portal/PortalConsumer.js +28 -0
  248. package/src/components/Portal/PortalHost.js +105 -0
  249. package/src/components/Portal/PortalManager.js +29 -0
  250. package/src/components/ProgressBar.js +118 -0
  251. package/src/components/ProgressCircle.js +13 -0
  252. package/src/components/ProgressCircle.tsx +2 -1
  253. package/src/components/ProgressIndicator.js +27 -0
  254. package/src/components/ProgressIndicator.tsx +1 -1
  255. package/src/components/RadioButton/RadioButton.js +17 -0
  256. package/src/components/RadioButton/RadioButtonFieldGroup.js +17 -0
  257. package/src/components/RadioButton/RadioButtonFieldGroup.tsx +1 -1
  258. package/src/components/RadioButton/RadioButtonGroup.js +43 -0
  259. package/src/components/RadioButton/RadioButtonRow.js +76 -0
  260. package/src/components/RadioButton/context.js +14 -0
  261. package/src/components/RadioButton/index.js +4 -0
  262. package/src/components/ResizeMode.js +1 -0
  263. package/src/components/Row.js +48 -0
  264. package/src/components/Row.tsx +1 -1
  265. package/src/components/RowBodyIcon.js +8 -0
  266. package/src/components/RowBodyIcon.tsx +1 -1
  267. package/src/components/RowHeadlineImageCaption.js +12 -0
  268. package/src/components/RowHeadlineImageCaption.tsx +1 -1
  269. package/src/components/RowHeadlineImageIcon.js +14 -0
  270. package/src/components/RowHeadlineImageIcon.tsx +1 -1
  271. package/src/components/ScreenContainer.js +34 -0
  272. package/src/components/Slider.js +63 -0
  273. package/src/components/StarRating.js +50 -0
  274. package/src/components/StarRating.tsx +2 -2
  275. package/src/components/StepIndicator.js +346 -0
  276. package/src/components/Stepper.js +39 -0
  277. package/src/components/Surface.js +32 -0
  278. package/src/components/Surface.tsx +1 -1
  279. package/src/components/Swiper/Swiper.js +29 -0
  280. package/src/components/Swiper/Swiper.tsx +1 -0
  281. package/src/components/Swiper/SwiperItem.js +9 -0
  282. package/src/components/Swiper/index.js +2 -0
  283. package/src/components/Switch.js +56 -0
  284. package/src/components/Text.js +28 -0
  285. package/src/components/TextField.js +420 -0
  286. package/src/components/ToggleButton.js +39 -0
  287. package/src/components/ToggleButton.tsx +1 -1
  288. package/src/components/Touchable.js +12 -0
  289. package/src/components/Touchable.web.js +2 -0
  290. package/src/components/Typography.js +36 -0
  291. package/src/components/useAuthState.js +31 -0
  292. package/src/constants.js +10 -0
  293. package/src/hooks.js +12 -0
  294. package/src/index.js +52 -0
  295. package/src/interfaces/Icon.js +8 -0
  296. package/src/interfaces/Icon.ts +1 -1
  297. package/src/mappings/Accordion.js +41 -0
  298. package/src/mappings/AccordionItem.js +16 -0
  299. package/src/mappings/ActionSheet.js +13 -0
  300. package/src/mappings/ActionSheetCancel.js +19 -0
  301. package/src/mappings/ActionSheetItem.js +23 -0
  302. package/src/mappings/ActivityIndicator.js +53 -0
  303. package/src/mappings/AudioPlayer.js +20 -0
  304. package/src/mappings/AvatarEdit.js +37 -0
  305. package/src/mappings/Banner.js +32 -0
  306. package/src/mappings/BlurView.js +41 -0
  307. package/src/mappings/Button.js +56 -0
  308. package/src/mappings/Card.js +52 -0
  309. package/src/mappings/CardBlock.js +122 -0
  310. package/src/mappings/CardContainer.js +102 -0
  311. package/src/mappings/CardContainerRating.js +124 -0
  312. package/src/mappings/CardContainerShortImage.js +118 -0
  313. package/src/mappings/CardInline.js +51 -0
  314. package/src/mappings/Carousel.js +18 -0
  315. package/src/mappings/Checkbox.js +45 -0
  316. package/src/mappings/CheckboxGroup.js +25 -0
  317. package/src/mappings/CheckboxRow.js +56 -0
  318. package/src/mappings/CircleImage.js +24 -0
  319. package/src/mappings/Container.js +29 -0
  320. package/src/mappings/CustomCode.js +8 -0
  321. package/src/mappings/DatePicker.js +147 -0
  322. package/src/mappings/Divider.js +26 -0
  323. package/src/mappings/FAB.js +36 -0
  324. package/src/mappings/Fetch.js +12 -0
  325. package/src/mappings/FieldSearchBarFull.js +49 -0
  326. package/src/mappings/FlatList.js +19 -0
  327. package/src/mappings/HeaderLarge.js +28 -0
  328. package/src/mappings/HeaderMedium.js +54 -0
  329. package/src/mappings/HeaderOverline.js +54 -0
  330. package/src/mappings/Icon.js +25 -0
  331. package/src/mappings/IconButton.js +30 -0
  332. package/src/mappings/Image.js +15 -0
  333. package/src/mappings/ImageBackground.js +28 -0
  334. package/src/mappings/KeyboardAvoidingView.js +40 -0
  335. package/src/mappings/KeyboardAwareScrollView.js +49 -0
  336. package/src/mappings/Layout.js +195 -0
  337. package/src/mappings/LinearGradient.js +77 -0
  338. package/src/mappings/MapCallout.js +21 -0
  339. package/src/mappings/MapMarker.js +47 -0
  340. package/src/mappings/MapView.js +138 -0
  341. package/src/mappings/Modal.js +41 -0
  342. package/src/mappings/Picker.js +139 -0
  343. package/src/mappings/ProgressBar.js +100 -0
  344. package/src/mappings/ProgressCircle.js +108 -0
  345. package/src/mappings/ProgressIndicator.js +180 -0
  346. package/src/mappings/RadioButton.js +50 -0
  347. package/src/mappings/RadioButtonGroup.js +16 -0
  348. package/src/mappings/RadioButtonRow.js +37 -0
  349. package/src/mappings/RowBodyIcon.js +75 -0
  350. package/src/mappings/RowHeadlineImageCaption.js +167 -0
  351. package/src/mappings/RowHeadlineImageIcon.js +99 -0
  352. package/src/mappings/SafeAreaView.js +33 -0
  353. package/src/mappings/ScrollView.js +30 -0
  354. package/src/mappings/Slider.js +59 -0
  355. package/src/mappings/StarRating.js +42 -0
  356. package/src/mappings/Stepper.js +28 -0
  357. package/src/mappings/Surface.js +13 -0
  358. package/src/mappings/Swiper.js +60 -0
  359. package/src/mappings/SwiperItem.js +8 -0
  360. package/src/mappings/Switch.js +75 -0
  361. package/src/mappings/Text.js +232 -0
  362. package/src/mappings/TextArea.js +52 -0
  363. package/src/mappings/TextField.js +158 -0
  364. package/src/mappings/TextInput.js +208 -0
  365. package/src/mappings/ToggleButton.js +45 -0
  366. package/src/mappings/Touchable.js +12 -0
  367. package/src/mappings/Video.js +74 -0
  368. package/src/mappings/View.js +206 -0
  369. package/src/mappings/WebView.js +18 -0
  370. package/src/styles/DarkTheme.js +26 -0
  371. package/src/styles/DefaultTheme.js +111 -0
  372. package/src/styles/fonts.js +62 -0
  373. package/src/styles/overlay.js +60 -0
  374. package/src/styles/shadow.js +51 -0
  375. package/src/theming.js +3 -0
  376. package/src/utilities.js +102 -0
@@ -1 +1 @@
1
- {"version":3,"names":["React","PortalConsumer","PortalHost","PortalContext","ThemeProvider","withTheme","Portal","Component","render","children","theme","props","manager"],"sources":["Portal.tsx"],"sourcesContent":["import * as React from \"react\";\nimport PortalConsumer from \"./PortalConsumer\";\nimport PortalHost, { PortalContext, PortalMethods } from \"./PortalHost\";\nimport { ThemeProvider, withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n /**\n * Content of the `Portal`.\n */\n children: React.ReactNode;\n /**\n * @optional\n */\n theme: Theme;\n};\n\n/**\n * Portal allows to render a component at a different place in the parent tree.\n * You can use it to render content which should appear above other elements, similar to `Modal`.\n * It requires a [`Portal.Host`](portal-host.html) component to be rendered somewhere in the parent tree.\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Portal, Text } from 'react-native-paper';\n *\n * export default class MyComponent extends React.Component {\n * render() {\n * return (\n * <Portal>\n * <Text>This is rendered at a different place</Text>\n * </Portal>\n * );\n * }\n * }\n * ```\n */\nclass Portal extends React.Component<Props> {\n // @component ./PortalHost.tsx\n static Host = PortalHost;\n\n render() {\n const { children, theme } = this.props;\n\n return (\n <PortalContext.Consumer>\n {(manager) => (\n <PortalConsumer manager={manager as PortalMethods}>\n <ThemeProvider theme={theme}>{children}</ThemeProvider>\n </PortalConsumer>\n )}\n </PortalContext.Consumer>\n );\n }\n}\n\nexport default withTheme(Portal);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,OAAOC,UAAP,IAAqBC,aAArB,QAAyD,cAAzD;AACA,SAASC,aAAT,EAAwBC,SAAxB,QAAyC,eAAzC;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAN,SAAqBN,KAAK,CAACO,SAA3B,CAA4C;EAC1C;EAGAC,MAAM,GAAG;IACP,MAAM;MAAEC,QAAF;MAAYC;IAAZ,IAAsB,KAAKC,KAAjC;IAEA,oBACE,oBAAC,aAAD,CAAe,QAAf,QACIC,OAAD,iBACC,oBAAC,cAAD;MAAgB,OAAO,EAAEA;IAAzB,gBACE,oBAAC,aAAD;MAAe,KAAK,EAAEF;IAAtB,GAA8BD,QAA9B,CADF,CAFJ,CADF;EASD;;AAhByC;;gBAAtCH,M,UAEUJ,U;;AAiBhB,eAAeG,SAAS,CAACC,MAAD,CAAxB"}
1
+ {"version":3,"names":["React","PortalConsumer","PortalHost","PortalContext","ThemeProvider","withTheme","Portal","Component","render","children","theme","props","manager"],"sources":["Portal.tsx"],"sourcesContent":["import * as React from \"react\";\nimport PortalConsumer from \"./PortalConsumer\";\nimport PortalHost, { PortalContext, PortalMethods } from \"./PortalHost\";\nimport { ThemeProvider, withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n /**\n * Content of the `Portal`.\n */\n children: React.ReactNode;\n /**\n * @optional\n */\n theme: Theme;\n};\n\n/**\n * Portal allows to render a component at a different place in the parent tree.\n * You can use it to render content which should appear above other elements, similar to `Modal`.\n * It requires a [`Portal.Host`](portal-host.html) component to be rendered somewhere in the parent tree.\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Portal, Text } from 'react-native-paper';\n *\n * export default class MyComponent extends React.Component {\n * render() {\n * return (\n * <Portal>\n * <Text>This is rendered at a different place</Text>\n * </Portal>\n * );\n * }\n * }\n * ```\n */\nclass Portal extends React.Component<Props> {\n // @component ./PortalHost.tsx\n static Host = PortalHost;\n\n render() {\n const { children, theme } = this.props;\n\n return (\n <PortalContext.Consumer>\n {(manager) => (\n <PortalConsumer manager={manager as PortalMethods}>\n {/* @ts-ignore */}\n <ThemeProvider theme={theme}>{children}</ThemeProvider>\n </PortalConsumer>\n )}\n </PortalContext.Consumer>\n );\n }\n}\n\nexport default withTheme(Portal);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,OAAOC,UAAP,IAAqBC,aAArB,QAAyD,cAAzD;AACA,SAASC,aAAT,EAAwBC,SAAxB,QAAyC,eAAzC;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAN,SAAqBN,KAAK,CAACO,SAA3B,CAA4C;EAC1C;EAGAC,MAAM,GAAG;IACP,MAAM;MAAEC,QAAF;MAAYC;IAAZ,IAAsB,KAAKC,KAAjC;IAEA,oBACE,oBAAC,aAAD,CAAe,QAAf,QACIC,OAAD,iBACC,oBAAC,cAAD;MAAgB,OAAO,EAAEA;IAAzB,gBAEE,oBAAC,aAAD;MAAe,KAAK,EAAEF;IAAtB,GAA8BD,QAA9B,CAFF,CAFJ,CADF;EAUD;;AAjByC;;gBAAtCH,M,UAEUJ,U;;AAkBhB,eAAeG,SAAS,CAACC,MAAD,CAAxB"}
@@ -2,10 +2,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
2
2
 
3
3
  import * as React from "react";
4
4
  import { View, StyleSheet } from "react-native";
5
-
6
5
  /**
7
6
  * Portal host is the component which actually renders all Portals.
8
7
  */
8
+
9
9
  export default class PortalManager extends React.PureComponent {
10
10
  constructor() {
11
11
  super(...arguments);
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","StyleSheet","PortalManager","PureComponent","portals","key","children","setState","state","map","item","filter","render","absoluteFill"],"sources":["PortalManager.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\n\ntype State = {\n portals: Array<{\n key: number;\n children: React.ReactNode;\n }>;\n};\n\n/**\n * Portal host is the component which actually renders all Portals.\n */\nexport default class PortalManager extends React.PureComponent<{}, State> {\n state: State = {\n portals: [],\n };\n\n mount = (key: number, children: React.ReactNode) => {\n this.setState((state) => ({\n portals: [...state.portals, { key, children }],\n }));\n };\n\n update = (key: number, children: React.ReactNode) =>\n this.setState((state) => ({\n portals: state.portals.map((item) => {\n if (item.key === key) {\n return { ...item, children };\n }\n return item;\n }),\n }));\n\n unmount = (key: number) =>\n this.setState((state) => ({\n portals: state.portals.filter((item) => item.key !== key),\n }));\n\n render() {\n return this.state.portals.map(({ key, children }) => (\n <View\n key={key}\n collapsable={\n false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */\n }\n pointerEvents=\"box-none\"\n style={StyleSheet.absoluteFill}\n >\n {children}\n </View>\n ));\n }\n}\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,EAAeC,UAAf,QAAiC,cAAjC;;AASA;AACA;AACA;AACA,eAAe,MAAMC,aAAN,SAA4BH,KAAK,CAACI,aAAlC,CAA2D;EAAA;IAAA;;IAAA,+BACzD;MACbC,OAAO,EAAE;IADI,CADyD;;IAAA,+BAKhE,CAACC,GAAD,EAAcC,QAAd,KAA4C;MAClD,KAAKC,QAAL,CAAeC,KAAD,KAAY;QACxBJ,OAAO,EAAE,CAAC,GAAGI,KAAK,CAACJ,OAAV,EAAmB;UAAEC,GAAF;UAAOC;QAAP,CAAnB;MADe,CAAZ,CAAd;IAGD,CATuE;;IAAA,gCAW/D,CAACD,GAAD,EAAcC,QAAd,KACP,KAAKC,QAAL,CAAeC,KAAD,KAAY;MACxBJ,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcK,GAAd,CAAmBC,IAAD,IAAU;QACnC,IAAIA,IAAI,CAACL,GAAL,KAAaA,GAAjB,EAAsB;UACpB,OAAO,EAAE,GAAGK,IAAL;YAAWJ;UAAX,CAAP;QACD;;QACD,OAAOI,IAAP;MACD,CALQ;IADe,CAAZ,CAAd,CAZsE;;IAAA,iCAqB7DL,GAAD,IACR,KAAKE,QAAL,CAAeC,KAAD,KAAY;MACxBJ,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcO,MAAd,CAAsBD,IAAD,IAAUA,IAAI,CAACL,GAAL,KAAaA,GAA5C;IADe,CAAZ,CAAd,CAtBsE;EAAA;;EA0BxEO,MAAM,GAAG;IACP,OAAO,KAAKJ,KAAL,CAAWJ,OAAX,CAAmBK,GAAnB,CAAuB;MAAA,IAAC;QAAEJ,GAAF;QAAOC;MAAP,CAAD;MAAA,oBAC5B,oBAAC,IAAD;QACE,GAAG,EAAED,GADP;QAEE,WAAW,EACT;QAAM;QAHV;QAKE,aAAa,EAAC,UALhB;QAME,KAAK,EAAEJ,UAAU,CAACY;MANpB,GAQGP,QARH,CAD4B;IAAA,CAAvB,CAAP;EAYD;;AAvCuE"}
1
+ {"version":3,"names":["React","View","StyleSheet","PortalManager","PureComponent","portals","key","children","setState","state","map","item","filter","render","createElement","collapsable","pointerEvents","style","absoluteFill"],"sources":["PortalManager.js"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\n/**\n * Portal host is the component which actually renders all Portals.\n */\nexport default class PortalManager extends React.PureComponent {\n state = {\n portals: [],\n };\n mount = (key, children) => {\n this.setState((state) => ({\n portals: [...state.portals, { key, children }],\n }));\n };\n update = (key, children) => this.setState((state) => ({\n portals: state.portals.map((item) => {\n if (item.key === key) {\n return { ...item, children };\n }\n return item;\n }),\n }));\n unmount = (key) => this.setState((state) => ({\n portals: state.portals.filter((item) => item.key !== key),\n }));\n render() {\n return this.state.portals.map(({ key, children }) => (React.createElement(View, { key: key, collapsable: false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */, pointerEvents: \"box-none\", style: StyleSheet.absoluteFill }, children)));\n }\n}\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,EAAeC,UAAf,QAAiC,cAAjC;AACA;AACA;AACA;;AACA,eAAe,MAAMC,aAAN,SAA4BH,KAAK,CAACI,aAAlC,CAAgD;EAAA;IAAA;;IAAA,+BACnD;MACJC,OAAO,EAAE;IADL,CADmD;;IAAA,+BAInD,CAACC,GAAD,EAAMC,QAAN,KAAmB;MACvB,KAAKC,QAAL,CAAeC,KAAD,KAAY;QACtBJ,OAAO,EAAE,CAAC,GAAGI,KAAK,CAACJ,OAAV,EAAmB;UAAEC,GAAF;UAAOC;QAAP,CAAnB;MADa,CAAZ,CAAd;IAGH,CAR0D;;IAAA,gCASlD,CAACD,GAAD,EAAMC,QAAN,KAAmB,KAAKC,QAAL,CAAeC,KAAD,KAAY;MAClDJ,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcK,GAAd,CAAmBC,IAAD,IAAU;QACjC,IAAIA,IAAI,CAACL,GAAL,KAAaA,GAAjB,EAAsB;UAClB,OAAO,EAAE,GAAGK,IAAL;YAAWJ;UAAX,CAAP;QACH;;QACD,OAAOI,IAAP;MACH,CALQ;IADyC,CAAZ,CAAd,CAT+B;;IAAA,iCAiBhDL,GAAD,IAAS,KAAKE,QAAL,CAAeC,KAAD,KAAY;MACzCJ,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcO,MAAd,CAAsBD,IAAD,IAAUA,IAAI,CAACL,GAAL,KAAaA,GAA5C;IADgC,CAAZ,CAAd,CAjBwC;EAAA;;EAoB3DO,MAAM,GAAG;IACL,OAAO,KAAKJ,KAAL,CAAWJ,OAAX,CAAmBK,GAAnB,CAAuB;MAAA,IAAC;QAAEJ,GAAF;QAAOC;MAAP,CAAD;MAAA,oBAAwBP,KAAK,CAACc,aAAN,CAAoBb,IAApB,EAA0B;QAAEK,GAAG,EAAEA,GAAP;QAAYS,WAAW,EAAE;QAAM;QAA/B;QAAyIC,aAAa,EAAE,UAAxJ;QAAoKC,KAAK,EAAEf,UAAU,CAACgB;MAAtL,CAA1B,EAAgOX,QAAhO,CAAxB;IAAA,CAAvB,CAAP;EACH;;AAtB0D"}
@@ -1 +1 @@
1
- {"version":3,"names":["React","Text","AnimatedCircularProgress","withTheme","ProgressCircle","progress","style","color","size","showsText","unfilledColor","strokeCap","textStyle","thickness","theme","progressNum","Math","round","tintColor","colors","primary","backgroundColor","secondary","fill","fontSize"],"sources":["ProgressCircle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport AnimatedCircularProgress from \"./AnimatedCircularProgress\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n progress?: number;\n style?: StyleProp<ViewStyle>;\n color?: colorTypes;\n size?: number;\n showsText?: boolean;\n unfilledColor?: colorTypes;\n strokeCap?: \"butt\" | \"square\" | \"round\" | undefined;\n textStyle?: StyleProp<TextStyle>;\n thickness?: number;\n theme: typeof themeT;\n};\n\nconst ProgressCircle: React.FC<Props> = ({\n progress = 0.5,\n style,\n color = \"primary\",\n size = 100,\n showsText = true,\n unfilledColor,\n strokeCap = \"butt\",\n textStyle,\n thickness = 1,\n theme,\n}) => {\n const progressNum = Math.round(progress * 100);\n\n const tintColor = color || theme.colors.primary;\n const backgroundColor = unfilledColor || theme.colors.secondary;\n\n return (\n <AnimatedCircularProgress\n size={size}\n width={thickness}\n backgroundWidth={thickness}\n fill={progressNum}\n tintColor={tintColor}\n backgroundColor={backgroundColor}\n rotation={0}\n lineCap={strokeCap}\n style={style}\n >\n {(fill) =>\n showsText ? (\n <Text\n style={[{ fontSize: size * 0.275, color: tintColor }, textStyle]}\n >\n {Math.round(fill)}%\n </Text>\n ) : null\n }\n </AnimatedCircularProgress>\n );\n};\n\nexport default withTheme(ProgressCircle);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAsD,cAAtD;AACA,OAAOC,wBAAP,MAAqC,4BAArC;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAiBA,MAAMC,cAA+B,GAAG,QAWlC;EAAA,IAXmC;IACvCC,QAAQ,GAAG,GAD4B;IAEvCC,KAFuC;IAGvCC,KAAK,GAAG,SAH+B;IAIvCC,IAAI,GAAG,GAJgC;IAKvCC,SAAS,GAAG,IAL2B;IAMvCC,aANuC;IAOvCC,SAAS,GAAG,MAP2B;IAQvCC,SARuC;IASvCC,SAAS,GAAG,CAT2B;IAUvCC;EAVuC,CAWnC;EACJ,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWZ,QAAQ,GAAG,GAAtB,CAApB;EAEA,MAAMa,SAAS,GAAGX,KAAK,IAAIO,KAAK,CAACK,MAAN,CAAaC,OAAxC;EACA,MAAMC,eAAe,GAAGX,aAAa,IAAII,KAAK,CAACK,MAAN,CAAaG,SAAtD;EAEA,oBACE,oBAAC,wBAAD;IACE,IAAI,EAAEd,IADR;IAEE,KAAK,EAAEK,SAFT;IAGE,eAAe,EAAEA,SAHnB;IAIE,IAAI,EAAEE,WAJR;IAKE,SAAS,EAAEG,SALb;IAME,eAAe,EAAEG,eANnB;IAOE,QAAQ,EAAE,CAPZ;IAQE,OAAO,EAAEV,SARX;IASE,KAAK,EAAEL;EATT,GAWIiB,IAAD,IACCd,SAAS,gBACP,oBAAC,IAAD;IACE,KAAK,EAAE,CAAC;MAAEe,QAAQ,EAAEhB,IAAI,GAAG,KAAnB;MAA0BD,KAAK,EAAEW;IAAjC,CAAD,EAA+CN,SAA/C;EADT,GAGGI,IAAI,CAACC,KAAL,CAAWM,IAAX,CAHH,MADO,GAML,IAlBR,CADF;AAuBD,CAxCD;;AA0CA,eAAepB,SAAS,CAACC,cAAD,CAAxB"}
1
+ {"version":3,"names":["React","Text","AnimatedCircularProgress","withTheme","ProgressCircle","progress","style","color","size","showsText","unfilledColor","strokeCap","textStyle","thickness","theme","progressNum","Math","round","tintColor","colors","primary","backgroundColor","secondary","fill","fontSize"],"sources":["ProgressCircle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport AnimatedCircularProgress from \"./AnimatedCircularProgress\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n progress?: number;\n style?: StyleProp<ViewStyle>;\n color?: colorTypes;\n size?: number;\n showsText?: boolean;\n unfilledColor?: colorTypes;\n strokeCap?: \"butt\" | \"square\" | \"round\" | undefined;\n textStyle?: StyleProp<TextStyle>;\n thickness?: number;\n theme: typeof themeT;\n};\n\nconst ProgressCircle: React.FC<React.PropsWithChildren<Props>> = ({\n progress = 0.5,\n style,\n color = \"primary\",\n size = 100,\n showsText = true,\n unfilledColor,\n strokeCap = \"butt\",\n textStyle,\n thickness = 1,\n theme,\n}) => {\n const progressNum = Math.round(progress * 100);\n\n const tintColor = color || theme.colors.primary;\n const backgroundColor = unfilledColor || theme.colors.secondary;\n\n return (\n <AnimatedCircularProgress\n size={size}\n width={thickness}\n backgroundWidth={thickness}\n fill={progressNum}\n tintColor={tintColor}\n backgroundColor={backgroundColor}\n rotation={0}\n lineCap={strokeCap}\n style={style}\n >\n {/* @ts-ignore */}\n {(fill) =>\n showsText ? (\n <Text\n style={[{ fontSize: size * 0.275, color: tintColor }, textStyle]}\n >\n {Math.round(fill)}%\n </Text>\n ) : null\n }\n </AnimatedCircularProgress>\n );\n};\n\nexport default withTheme(ProgressCircle);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAsD,cAAtD;AACA,OAAOC,wBAAP,MAAqC,4BAArC;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAiBA,MAAMC,cAAwD,GAAG,QAW3D;EAAA,IAX4D;IAChEC,QAAQ,GAAG,GADqD;IAEhEC,KAFgE;IAGhEC,KAAK,GAAG,SAHwD;IAIhEC,IAAI,GAAG,GAJyD;IAKhEC,SAAS,GAAG,IALoD;IAMhEC,aANgE;IAOhEC,SAAS,GAAG,MAPoD;IAQhEC,SARgE;IAShEC,SAAS,GAAG,CAToD;IAUhEC;EAVgE,CAW5D;EACJ,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWZ,QAAQ,GAAG,GAAtB,CAApB;EAEA,MAAMa,SAAS,GAAGX,KAAK,IAAIO,KAAK,CAACK,MAAN,CAAaC,OAAxC;EACA,MAAMC,eAAe,GAAGX,aAAa,IAAII,KAAK,CAACK,MAAN,CAAaG,SAAtD;EAEA,oBACE,oBAAC,wBAAD;IACE,IAAI,EAAEd,IADR;IAEE,KAAK,EAAEK,SAFT;IAGE,eAAe,EAAEA,SAHnB;IAIE,IAAI,EAAEE,WAJR;IAKE,SAAS,EAAEG,SALb;IAME,eAAe,EAAEG,eANnB;IAOE,QAAQ,EAAE,CAPZ;IAQE,OAAO,EAAEV,SARX;IASE,KAAK,EAAEL;EATT,GAYIiB,IAAD,IACCd,SAAS,gBACP,oBAAC,IAAD;IACE,KAAK,EAAE,CAAC;MAAEe,QAAQ,EAAEhB,IAAI,GAAG,KAAnB;MAA0BD,KAAK,EAAEW;IAAjC,CAAD,EAA+CN,SAA/C;EADT,GAGGI,IAAI,CAACC,KAAL,CAAWM,IAAX,CAHH,MADO,GAML,IAnBR,CADF;AAwBD,CAzCD;;AA2CA,eAAepB,SAAS,CAACC,cAAD,CAAxB"}
@@ -1 +1 @@
1
- {"version":3,"names":["React","StepIndicator","withTheme","ProgressIndicator","numberOfSteps","currentStep","currentStepStrokeWidth","stepStrokeCurrentColor","stepIndicatorSize","currentStepIndicatorSize","stepIndicatorCurrentColor","stepIndicatorLabelCurrentColor","stepIndicatorLabelFontSize","stepNumberFinishedColor","stepNumberUnfinishedColor","unfinishedColor","finishedColor","theme","currentPosition","stepStrokeFinishedColor","stepStrokeUnFinishedColor","separatorFinishedColor","separatorUnFinishedColor","stepIndicatorFinishedColor","stepIndicatorUnFinishedColor","stepIndicatorLabelUnFinishedColor","stepIndicatorLabelFinishedColor","labelFontFamily","typography","body1","fontFamily"],"sources":["ProgressIndicator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport StepIndicator from \"./StepIndicator\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n numberOfSteps: number;\n currentStep: number;\n currentStepStrokeWidth?: number;\n stepStrokeCurrentColor?: colorTypes;\n stepIndicatorSize?: number;\n currentStepIndicatorSize?: number;\n stepIndicatorCurrentColor?: colorTypes;\n stepIndicatorLabelCurrentColor?: colorTypes;\n stepIndicatorLabelFontSize?: number;\n stepNumberFinishedColor?: colorTypes;\n stepNumberUnfinishedColor?: colorTypes;\n unfinishedColor?: colorTypes;\n finishedColor?: colorTypes;\n theme: typeof themeT;\n};\n\nconst ProgressIndicator: React.FC<Props> = ({\n numberOfSteps,\n currentStep,\n currentStepStrokeWidth = 3,\n stepStrokeCurrentColor = \"primary\",\n stepIndicatorSize,\n currentStepIndicatorSize,\n stepIndicatorCurrentColor,\n stepIndicatorLabelCurrentColor,\n stepIndicatorLabelFontSize = 12,\n stepNumberFinishedColor = \"strongInverse\",\n stepNumberUnfinishedColor = \"primary\",\n unfinishedColor = \"light\",\n finishedColor = \"primary\",\n theme,\n}) => {\n const currentPosition = currentStep - 1;\n return (\n <StepIndicator\n stepCount={numberOfSteps}\n currentPosition={currentPosition}\n customStyles={{\n stepIndicatorSize,\n currentStepIndicatorSize: currentStepIndicatorSize\n ? currentStepIndicatorSize\n : stepIndicatorSize,\n stepStrokeFinishedColor: finishedColor,\n stepStrokeUnFinishedColor: unfinishedColor,\n separatorFinishedColor: finishedColor,\n separatorUnFinishedColor: unfinishedColor,\n stepIndicatorFinishedColor: finishedColor,\n stepIndicatorUnFinishedColor: unfinishedColor,\n currentStepStrokeWidth,\n stepStrokeCurrentColor:\n stepStrokeCurrentColor || stepIndicatorCurrentColor,\n stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,\n stepIndicatorLabelFinishedColor: stepNumberFinishedColor,\n stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,\n stepIndicatorLabelCurrentColor:\n stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,\n stepIndicatorLabelFontSize,\n labelFontFamily: theme.typography.body1.fontFamily,\n }}\n />\n );\n};\n\nexport default withTheme(ProgressIndicator);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAqBA,MAAMC,iBAAkC,GAAG,QAerC;EAAA,IAfsC;IAC1CC,aAD0C;IAE1CC,WAF0C;IAG1CC,sBAAsB,GAAG,CAHiB;IAI1CC,sBAAsB,GAAG,SAJiB;IAK1CC,iBAL0C;IAM1CC,wBAN0C;IAO1CC,yBAP0C;IAQ1CC,8BAR0C;IAS1CC,0BAA0B,GAAG,EATa;IAU1CC,uBAAuB,GAAG,eAVgB;IAW1CC,yBAAyB,GAAG,SAXc;IAY1CC,eAAe,GAAG,OAZwB;IAa1CC,aAAa,GAAG,SAb0B;IAc1CC;EAd0C,CAetC;EACJ,MAAMC,eAAe,GAAGb,WAAW,GAAG,CAAtC;EACA,oBACE,oBAAC,aAAD;IACE,SAAS,EAAED,aADb;IAEE,eAAe,EAAEc,eAFnB;IAGE,YAAY,EAAE;MACZV,iBADY;MAEZC,wBAAwB,EAAEA,wBAAwB,GAC9CA,wBAD8C,GAE9CD,iBAJQ;MAKZW,uBAAuB,EAAEH,aALb;MAMZI,yBAAyB,EAAEL,eANf;MAOZM,sBAAsB,EAAEL,aAPZ;MAQZM,wBAAwB,EAAEP,eARd;MASZQ,0BAA0B,EAAEP,aAThB;MAUZQ,4BAA4B,EAAET,eAVlB;MAWZT,sBAXY;MAYZC,sBAAsB,EACpBA,sBAAsB,IAAIG,yBAbhB;MAcZe,iCAAiC,EAAEX,yBAdvB;MAeZY,+BAA+B,EAAEb,uBAfrB;MAgBZH,yBAAyB,EAAEA,yBAAyB,IAAIK,eAhB5C;MAiBZJ,8BAA8B,EAC5BA,8BAA8B,IAAIG,yBAlBxB;MAmBZF,0BAnBY;MAoBZe,eAAe,EAAEV,KAAK,CAACW,UAAN,CAAiBC,KAAjB,CAAuBC;IApB5B;EAHhB,EADF;AA4BD,CA7CD;;AA+CA,eAAe5B,SAAS,CAACC,iBAAD,CAAxB"}
1
+ {"version":3,"names":["React","StepIndicator","withTheme","ProgressIndicator","numberOfSteps","currentStep","currentStepStrokeWidth","stepStrokeCurrentColor","stepIndicatorSize","currentStepIndicatorSize","stepIndicatorCurrentColor","stepIndicatorLabelCurrentColor","stepIndicatorLabelFontSize","stepNumberFinishedColor","stepNumberUnfinishedColor","unfinishedColor","finishedColor","theme","currentPosition","stepStrokeFinishedColor","stepStrokeUnFinishedColor","separatorFinishedColor","separatorUnFinishedColor","stepIndicatorFinishedColor","stepIndicatorUnFinishedColor","stepIndicatorLabelUnFinishedColor","stepIndicatorLabelFinishedColor","labelFontFamily","typography","body1","fontFamily"],"sources":["ProgressIndicator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport StepIndicator from \"./StepIndicator\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n numberOfSteps: number;\n currentStep: number;\n currentStepStrokeWidth?: number;\n stepStrokeCurrentColor?: colorTypes;\n stepIndicatorSize?: number;\n currentStepIndicatorSize?: number;\n stepIndicatorCurrentColor?: colorTypes;\n stepIndicatorLabelCurrentColor?: colorTypes;\n stepIndicatorLabelFontSize?: number;\n stepNumberFinishedColor?: colorTypes;\n stepNumberUnfinishedColor?: colorTypes;\n unfinishedColor?: colorTypes;\n finishedColor?: colorTypes;\n theme: typeof themeT;\n};\n\nconst ProgressIndicator: React.FC<React.PropsWithChildren<Props>> = ({\n numberOfSteps,\n currentStep,\n currentStepStrokeWidth = 3,\n stepStrokeCurrentColor = \"primary\",\n stepIndicatorSize,\n currentStepIndicatorSize,\n stepIndicatorCurrentColor,\n stepIndicatorLabelCurrentColor,\n stepIndicatorLabelFontSize = 12,\n stepNumberFinishedColor = \"strongInverse\",\n stepNumberUnfinishedColor = \"primary\",\n unfinishedColor = \"light\",\n finishedColor = \"primary\",\n theme,\n}) => {\n const currentPosition = currentStep - 1;\n return (\n <StepIndicator\n stepCount={numberOfSteps}\n currentPosition={currentPosition}\n customStyles={{\n stepIndicatorSize,\n currentStepIndicatorSize: currentStepIndicatorSize\n ? currentStepIndicatorSize\n : stepIndicatorSize,\n stepStrokeFinishedColor: finishedColor,\n stepStrokeUnFinishedColor: unfinishedColor,\n separatorFinishedColor: finishedColor,\n separatorUnFinishedColor: unfinishedColor,\n stepIndicatorFinishedColor: finishedColor,\n stepIndicatorUnFinishedColor: unfinishedColor,\n currentStepStrokeWidth,\n stepStrokeCurrentColor:\n stepStrokeCurrentColor || stepIndicatorCurrentColor,\n stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,\n stepIndicatorLabelFinishedColor: stepNumberFinishedColor,\n stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,\n stepIndicatorLabelCurrentColor:\n stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,\n stepIndicatorLabelFontSize,\n labelFontFamily: theme.typography.body1.fontFamily,\n }}\n />\n );\n};\n\nexport default withTheme(ProgressIndicator);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAqBA,MAAMC,iBAA2D,GAAG,QAe9D;EAAA,IAf+D;IACnEC,aADmE;IAEnEC,WAFmE;IAGnEC,sBAAsB,GAAG,CAH0C;IAInEC,sBAAsB,GAAG,SAJ0C;IAKnEC,iBALmE;IAMnEC,wBANmE;IAOnEC,yBAPmE;IAQnEC,8BARmE;IASnEC,0BAA0B,GAAG,EATsC;IAUnEC,uBAAuB,GAAG,eAVyC;IAWnEC,yBAAyB,GAAG,SAXuC;IAYnEC,eAAe,GAAG,OAZiD;IAanEC,aAAa,GAAG,SAbmD;IAcnEC;EAdmE,CAe/D;EACJ,MAAMC,eAAe,GAAGb,WAAW,GAAG,CAAtC;EACA,oBACE,oBAAC,aAAD;IACE,SAAS,EAAED,aADb;IAEE,eAAe,EAAEc,eAFnB;IAGE,YAAY,EAAE;MACZV,iBADY;MAEZC,wBAAwB,EAAEA,wBAAwB,GAC9CA,wBAD8C,GAE9CD,iBAJQ;MAKZW,uBAAuB,EAAEH,aALb;MAMZI,yBAAyB,EAAEL,eANf;MAOZM,sBAAsB,EAAEL,aAPZ;MAQZM,wBAAwB,EAAEP,eARd;MASZQ,0BAA0B,EAAEP,aAThB;MAUZQ,4BAA4B,EAAET,eAVlB;MAWZT,sBAXY;MAYZC,sBAAsB,EACpBA,sBAAsB,IAAIG,yBAbhB;MAcZe,iCAAiC,EAAEX,yBAdvB;MAeZY,+BAA+B,EAAEb,uBAfrB;MAgBZH,yBAAyB,EAAEA,yBAAyB,IAAIK,eAhB5C;MAiBZJ,8BAA8B,EAC5BA,8BAA8B,IAAIG,yBAlBxB;MAmBZF,0BAnBY;MAoBZe,eAAe,EAAEV,KAAK,CAACW,UAAN,CAAiBC,KAAjB,CAAuBC;IApB5B;EAHhB,EADF;AA4BD,CA7CD;;AA+CA,eAAe5B,SAAS,CAACC,iBAAD,CAAxB"}
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","Text","withTheme","RadioButtonGroup","RadioButtonFieldGroup","label","children","theme","labelStyle","style","rest","fontSize","typography","headline4","color"],"sources":["RadioButtonFieldGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, TextStyle, ViewStyle } from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport RadioButtonGroup, { RadioButtonGroupProps } from \"./RadioButtonGroup\";\n\ninterface Props extends RadioButtonGroupProps {\n label?: string;\n labelStyle?: StyleProp<TextStyle>;\n style?: StyleProp<ViewStyle>;\n}\n\nconst RadioButtonFieldGroup: React.FC<Props> = ({\n label,\n children,\n theme,\n labelStyle,\n style,\n ...rest\n}) => {\n return (\n <View style={style}>\n <Text\n style={[\n {\n fontSize: theme.typography.headline4.fontSize,\n color: theme.typography.headline4.color,\n },\n labelStyle,\n ]}\n >\n {label}\n </Text>\n <RadioButtonGroup theme={theme} {...rest}>\n {children}\n </RadioButtonGroup>\n </View>\n );\n};\n\nexport default withTheme(RadioButtonFieldGroup);\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAsD,cAAtD;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,SAASC,SAAT,QAA0B,eAA1B;AACA,OAAOC,gBAAP,MAAwD,oBAAxD;;AAQA,MAAMC,qBAAsC,GAAG,QAOzC;EAAA,IAP0C;IAC9CC,KAD8C;IAE9CC,QAF8C;IAG9CC,KAH8C;IAI9CC,UAJ8C;IAK9CC,KAL8C;IAM9C,GAAGC;EAN2C,CAO1C;EACJ,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAED;EAAb,gBACE,oBAAC,IAAD;IACE,KAAK,EAAE,CACL;MACEE,QAAQ,EAAEJ,KAAK,CAACK,UAAN,CAAiBC,SAAjB,CAA2BF,QADvC;MAEEG,KAAK,EAAEP,KAAK,CAACK,UAAN,CAAiBC,SAAjB,CAA2BC;IAFpC,CADK,EAKLN,UALK;EADT,GASGH,KATH,CADF,eAYE,oBAAC,gBAAD;IAAkB,KAAK,EAAEE;EAAzB,GAAoCG,IAApC,GACGJ,QADH,CAZF,CADF;AAkBD,CA1BD;;AA4BA,eAAeJ,SAAS,CAACE,qBAAD,CAAxB"}
1
+ {"version":3,"names":["React","View","Text","withTheme","RadioButtonGroup","RadioButtonFieldGroup","label","children","theme","labelStyle","style","rest","fontSize","typography","headline4","color"],"sources":["RadioButtonFieldGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, TextStyle, ViewStyle } from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport RadioButtonGroup, { RadioButtonGroupProps } from \"./RadioButtonGroup\";\n\ninterface Props extends RadioButtonGroupProps {\n label?: string;\n labelStyle?: StyleProp<TextStyle>;\n style?: StyleProp<ViewStyle>;\n}\n\nconst RadioButtonFieldGroup: React.FC<React.PropsWithChildren<Props>> = ({\n label,\n children,\n theme,\n labelStyle,\n style,\n ...rest\n}) => {\n return (\n <View style={style}>\n <Text\n style={[\n {\n fontSize: theme.typography.headline4.fontSize,\n color: theme.typography.headline4.color,\n },\n labelStyle,\n ]}\n >\n {label}\n </Text>\n <RadioButtonGroup theme={theme} {...rest}>\n {children}\n </RadioButtonGroup>\n </View>\n );\n};\n\nexport default withTheme(RadioButtonFieldGroup);\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAsD,cAAtD;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,SAASC,SAAT,QAA0B,eAA1B;AACA,OAAOC,gBAAP,MAAwD,oBAAxD;;AAQA,MAAMC,qBAA+D,GAAG,QAOlE;EAAA,IAPmE;IACvEC,KADuE;IAEvEC,QAFuE;IAGvEC,KAHuE;IAIvEC,UAJuE;IAKvEC,KALuE;IAMvE,GAAGC;EANoE,CAOnE;EACJ,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAED;EAAb,gBACE,oBAAC,IAAD;IACE,KAAK,EAAE,CACL;MACEE,QAAQ,EAAEJ,KAAK,CAACK,UAAN,CAAiBC,SAAjB,CAA2BF,QADvC;MAEEG,KAAK,EAAEP,KAAK,CAACK,UAAN,CAAiBC,SAAjB,CAA2BC;IAFpC,CADK,EAKLN,UALK;EADT,GASGH,KATH,CADF,eAYE,oBAAC,gBAAD;IAAkB,KAAK,EAAEE;EAAzB,GAAoCG,IAApC,GACGJ,QADH,CAZF,CADF;AAkBD,CA1BD;;AA4BA,eAAeJ,SAAS,CAACE,qBAAD,CAAxB"}
@@ -1,5 +1,3 @@
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); }
2
-
3
1
  import * as React from "react";
4
2
  import { View } from "react-native";
5
3
  import { getValueForRadioButton } from "../../utilities";
@@ -48,10 +46,24 @@ const RadioButtonGroup = _ref => {
48
46
  });
49
47
  }
50
48
 
51
- return /*#__PURE__*/React.createElement(View, _extends({
49
+ return /*#__PURE__*/React.createElement(View, {
52
50
  style: [{
53
51
  minHeight: 40
54
- }, style]
52
+ }, style],
53
+ ...rest
54
+ }, /*#__PURE__*/React.createElement(Provider, {
55
+ value: {
56
+ value: internalValue,
57
+ onValueChange: handleValueChange,
58
+ direction
59
+ }
60
+ }, /*#__PURE__*/React.createElement(View, {
61
+ style: _containerStyle
62
+ }, children)));
63
+ };
64
+
65
+ export default RadioButtonGroup;
66
+ //# sourceMappingURL=RadioButtonGroup.js.map }, style]
55
67
  }, rest), /*#__PURE__*/React.createElement(Provider, {
56
68
  value: {
57
69
  value: internalValue,
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","getValueForRadioButton","radioButtonGroupContext","Direction","Provider","RadioButtonGroup","direction","Vertical","value","onValueChange","defaultValue","style","children","rest","internalValue","setInternalValue","useState","useEffect","realValue","realDefaultValue","handleValueChange","newValue","realNewValue","_containerStyle","flexDirection","Horizontal","push","alignItems","minHeight"],"sources":["RadioButtonGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport { getValueForRadioButton } from \"../../utilities\";\nimport { radioButtonGroupContext, Direction } from \"./context\";\nexport interface RadioButtonGroupProps {\n direction?: Direction;\n style?: StyleProp<ViewStyle>;\n value: string | number;\n onValueChange?: (value: string) => void;\n defaultValue?: string | number;\n theme: Theme;\n children: React.ReactNode;\n}\n\nconst { Provider } = radioButtonGroupContext;\n\nconst RadioButtonGroup: React.FC<RadioButtonGroupProps> = ({\n direction = Direction.Vertical,\n value = \"\",\n onValueChange,\n defaultValue,\n style,\n children,\n ...rest\n}) => {\n const [internalValue, setInternalValue] = React.useState(\"\");\n\n React.useEffect(() => {\n if (value != null) {\n const realValue = getValueForRadioButton(value);\n\n setInternalValue(realValue);\n }\n }, [value]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n const realDefaultValue = getValueForRadioButton(defaultValue);\n\n setInternalValue(realDefaultValue);\n }\n }, [defaultValue]);\n\n const handleValueChange = (newValue: string | number) => {\n const realNewValue = getValueForRadioButton(newValue);\n\n setInternalValue(realNewValue);\n onValueChange?.(realNewValue);\n };\n\n const _containerStyle: StyleProp<ViewStyle> = [\n {\n flexDirection: direction === Direction.Horizontal ? \"row\" : \"column\",\n },\n ];\n\n if (direction !== Direction.Vertical) {\n _containerStyle.push({\n alignItems: \"center\",\n });\n }\n\n return (\n <View style={[{ minHeight: 40 }, style]} {...rest}>\n <Provider\n value={{\n value: internalValue,\n onValueChange: handleValueChange,\n direction,\n }}\n >\n <View style={_containerStyle}>{children}</View>\n </Provider>\n </View>\n );\n};\n\nexport default RadioButtonGroup;\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAA2C,cAA3C;AAEA,SAASC,sBAAT,QAAuC,iBAAvC;AACA,SAASC,uBAAT,EAAkCC,SAAlC,QAAmD,WAAnD;AAWA,MAAM;EAAEC;AAAF,IAAeF,uBAArB;;AAEA,MAAMG,gBAAiD,GAAG,QAQpD;EAAA,IARqD;IACzDC,SAAS,GAAGH,SAAS,CAACI,QADmC;IAEzDC,KAAK,GAAG,EAFiD;IAGzDC,aAHyD;IAIzDC,YAJyD;IAKzDC,KALyD;IAMzDC,QANyD;IAOzD,GAAGC;EAPsD,CAQrD;EACJ,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoChB,KAAK,CAACiB,QAAN,CAAe,EAAf,CAA1C;EAEAjB,KAAK,CAACkB,SAAN,CAAgB,MAAM;IACpB,IAAIT,KAAK,IAAI,IAAb,EAAmB;MACjB,MAAMU,SAAS,GAAGjB,sBAAsB,CAACO,KAAD,CAAxC;MAEAO,gBAAgB,CAACG,SAAD,CAAhB;IACD;EACF,CAND,EAMG,CAACV,KAAD,CANH;EAQAT,KAAK,CAACkB,SAAN,CAAgB,MAAM;IACpB,IAAIP,YAAY,IAAI,IAApB,EAA0B;MACxB,MAAMS,gBAAgB,GAAGlB,sBAAsB,CAACS,YAAD,CAA/C;MAEAK,gBAAgB,CAACI,gBAAD,CAAhB;IACD;EACF,CAND,EAMG,CAACT,YAAD,CANH;;EAQA,MAAMU,iBAAiB,GAAIC,QAAD,IAA+B;IACvD,MAAMC,YAAY,GAAGrB,sBAAsB,CAACoB,QAAD,CAA3C;IAEAN,gBAAgB,CAACO,YAAD,CAAhB;IACAb,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGa,YAAH,CAAb;EACD,CALD;;EAOA,MAAMC,eAAqC,GAAG,CAC5C;IACEC,aAAa,EAAElB,SAAS,KAAKH,SAAS,CAACsB,UAAxB,GAAqC,KAArC,GAA6C;EAD9D,CAD4C,CAA9C;;EAMA,IAAInB,SAAS,KAAKH,SAAS,CAACI,QAA5B,EAAsC;IACpCgB,eAAe,CAACG,IAAhB,CAAqB;MACnBC,UAAU,EAAE;IADO,CAArB;EAGD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAAC;MAAEC,SAAS,EAAE;IAAb,CAAD,EAAoBjB,KAApB;EAAb,GAA6CE,IAA7C,gBACE,oBAAC,QAAD;IACE,KAAK,EAAE;MACLL,KAAK,EAAEM,aADF;MAELL,aAAa,EAAEW,iBAFV;MAGLd;IAHK;EADT,gBAOE,oBAAC,IAAD;IAAM,KAAK,EAAEiB;EAAb,GAA+BX,QAA/B,CAPF,CADF,CADF;AAaD,CA3DD;;AA6DA,eAAeP,gBAAf"}
1
+ {"version":3,"names":["React","View","getValueForRadioButton","radioButtonGroupContext","Direction","Provider","RadioButtonGroup","direction","Vertical","value","onValueChange","defaultValue","style","children","rest","internalValue","setInternalValue","useState","useEffect","realValue","realDefaultValue","handleValueChange","newValue","realNewValue","_containerStyle","flexDirection","Horizontal","push","alignItems","createElement","minHeight"],"sources":["RadioButtonGroup.js"],"sourcesContent":["import * as React from \"react\";\nimport { View } from \"react-native\";\nimport { getValueForRadioButton } from \"../../utilities\";\nimport { radioButtonGroupContext, Direction } from \"./context\";\nconst { Provider } = radioButtonGroupContext;\nconst RadioButtonGroup = ({ direction = Direction.Vertical, value = \"\", onValueChange, defaultValue, style, children, ...rest }) => {\n const [internalValue, setInternalValue] = React.useState(\"\");\n React.useEffect(() => {\n if (value != null) {\n const realValue = getValueForRadioButton(value);\n setInternalValue(realValue);\n }\n }, [value]);\n React.useEffect(() => {\n if (defaultValue != null) {\n const realDefaultValue = getValueForRadioButton(defaultValue);\n setInternalValue(realDefaultValue);\n }\n }, [defaultValue]);\n const handleValueChange = (newValue) => {\n const realNewValue = getValueForRadioButton(newValue);\n setInternalValue(realNewValue);\n onValueChange?.(realNewValue);\n };\n const _containerStyle = [\n {\n flexDirection: direction === Direction.Horizontal ? \"row\" : \"column\",\n },\n ];\n if (direction !== Direction.Vertical) {\n _containerStyle.push({\n alignItems: \"center\",\n });\n }\n return (React.createElement(View, { style: [{ minHeight: 40 }, style], ...rest },\n React.createElement(Provider, { value: {\n value: internalValue,\n onValueChange: handleValueChange,\n direction,\n } },\n React.createElement(View, { style: _containerStyle }, children))));\n};\nexport default RadioButtonGroup;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,sBAAT,QAAuC,iBAAvC;AACA,SAASC,uBAAT,EAAkCC,SAAlC,QAAmD,WAAnD;AACA,MAAM;EAAEC;AAAF,IAAeF,uBAArB;;AACA,MAAMG,gBAAgB,GAAG,QAA2G;EAAA,IAA1G;IAAEC,SAAS,GAAGH,SAAS,CAACI,QAAxB;IAAkCC,KAAK,GAAG,EAA1C;IAA8CC,aAA9C;IAA6DC,YAA7D;IAA2EC,KAA3E;IAAkFC,QAAlF;IAA4F,GAAGC;EAA/F,CAA0G;EAChI,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoChB,KAAK,CAACiB,QAAN,CAAe,EAAf,CAA1C;EACAjB,KAAK,CAACkB,SAAN,CAAgB,MAAM;IAClB,IAAIT,KAAK,IAAI,IAAb,EAAmB;MACf,MAAMU,SAAS,GAAGjB,sBAAsB,CAACO,KAAD,CAAxC;MACAO,gBAAgB,CAACG,SAAD,CAAhB;IACH;EACJ,CALD,EAKG,CAACV,KAAD,CALH;EAMAT,KAAK,CAACkB,SAAN,CAAgB,MAAM;IAClB,IAAIP,YAAY,IAAI,IAApB,EAA0B;MACtB,MAAMS,gBAAgB,GAAGlB,sBAAsB,CAACS,YAAD,CAA/C;MACAK,gBAAgB,CAACI,gBAAD,CAAhB;IACH;EACJ,CALD,EAKG,CAACT,YAAD,CALH;;EAMA,MAAMU,iBAAiB,GAAIC,QAAD,IAAc;IACpC,MAAMC,YAAY,GAAGrB,sBAAsB,CAACoB,QAAD,CAA3C;IACAN,gBAAgB,CAACO,YAAD,CAAhB;IACAb,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGa,YAAH,CAAb;EACH,CAJD;;EAKA,MAAMC,eAAe,GAAG,CACpB;IACIC,aAAa,EAAElB,SAAS,KAAKH,SAAS,CAACsB,UAAxB,GAAqC,KAArC,GAA6C;EADhE,CADoB,CAAxB;;EAKA,IAAInB,SAAS,KAAKH,SAAS,CAACI,QAA5B,EAAsC;IAClCgB,eAAe,CAACG,IAAhB,CAAqB;MACjBC,UAAU,EAAE;IADK,CAArB;EAGH;;EACD,oBAAQ5B,KAAK,CAAC6B,aAAN,CAAoB5B,IAApB,EAA0B;IAAEW,KAAK,EAAE,CAAC;MAAEkB,SAAS,EAAE;IAAb,CAAD,EAAoBlB,KAApB,CAAT;IAAqC,GAAGE;EAAxC,CAA1B,eACJd,KAAK,CAAC6B,aAAN,CAAoBxB,QAApB,EAA8B;IAAEI,KAAK,EAAE;MAC/BA,KAAK,EAAEM,aADwB;MAE/BL,aAAa,EAAEW,iBAFgB;MAG/Bd;IAH+B;EAAT,CAA9B,eAKIP,KAAK,CAAC6B,aAAN,CAAoB5B,IAApB,EAA0B;IAAEW,KAAK,EAAEY;EAAT,CAA1B,EAAsDX,QAAtD,CALJ,CADI,CAAR;AAOH,CApCD;;AAqCA,eAAeP,gBAAf"}
@@ -1,5 +1,3 @@
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); }
2
-
3
1
  import * as React from "react";
4
2
  import { StyleSheet, View, Platform } from "react-native";
5
3
  import RadioButton from "./RadioButton";
@@ -8,7 +6,7 @@ import { useRadioButtonGroupContext } from "./context";
8
6
  import { Direction as GroupDirection } from "./context";
9
7
  import Touchable from "../Touchable";
10
8
  import { extractStyles, getValueForRadioButton } from "../../utilities";
11
- export let Direction;
9
+ export var Direction;
12
10
 
13
11
  (function (Direction) {
14
12
  Direction["Row"] = "row";
@@ -70,13 +68,14 @@ const RadioButtonRow = _ref => {
70
68
  textStyles,
71
69
  viewStyles
72
70
  } = extractStyles(style);
73
- return /*#__PURE__*/React.createElement(Touchable, _extends({
71
+ return /*#__PURE__*/React.createElement(Touchable, {
74
72
  onPress: handlePress,
75
73
  style: [styles.mainParent, {
76
74
  flexDirection: direction
77
75
  }, viewStyles],
78
- disabled: disabled
79
- }, rest), /*#__PURE__*/React.createElement(View, {
76
+ disabled: disabled,
77
+ ...rest
78
+ }, /*#__PURE__*/React.createElement(View, {
80
79
  style: [styles.label, {
81
80
  alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
82
81
  }, labelContainerStyle]
@@ -115,4 +114,22 @@ const styles = StyleSheet.create({
115
114
  }
116
115
  });
117
116
  export default RadioButtonRow;
117
+ //# sourceMappingURL=RadioButtonRow.js.map"center",
118
+ justifyContent: "space-around",
119
+ paddingStart: 20,
120
+ minHeight: 50,
121
+ paddingEnd: 20,
122
+ display: "flex",
123
+ ...Platform.select({
124
+ web: {
125
+ cursor: "pointer",
126
+ userSelect: "none"
127
+ }
128
+ })
129
+ },
130
+ label: {
131
+ flex: 3
132
+ }
133
+ });
134
+ export default RadioButtonRow;
118
135
  //# sourceMappingURL=RadioButtonRow.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","StyleSheet","View","Platform","RadioButton","Text","useRadioButtonGroupContext","Direction","GroupDirection","Touchable","extractStyles","getValueForRadioButton","getRadioButtonAlignment","parentDirection","direction","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","RadioButtonRow","Icon","label","color","unselectedColor","onPress","labelContainerStyle","radioButtonStyle","selected","disabled","style","rest","contextValue","onValueChange","realValue","realContextValue","isSelected","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","create","justifyContent","paddingStart","minHeight","paddingEnd","display","select","web","cursor","userSelect"],"sources":["RadioButtonRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n StyleProp,\n ViewStyle,\n StyleSheet,\n TextStyle,\n View,\n Platform,\n} from \"react-native\";\nimport RadioButton, { RadioButtonProps } from \"./RadioButton\";\nimport Text from \"../Text\";\nimport { useRadioButtonGroupContext } from \"./context\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles, getValueForRadioButton } from \"../../utilities\";\n\nexport enum Direction {\n Row = \"row\",\n RowReverse = \"row-reverse\",\n}\n\nexport interface RadioButtonRowProps extends Omit<RadioButtonProps, \"onPress\"> {\n label: string | React.ReactNode;\n value: string | number; // A string (or number that will be parsed String(number)) that this radio button row represents when selected\n color?: string;\n unselectedColor?: string;\n labelContainerStyle: StyleProp<ViewStyle>;\n radioButtonStyle?: StyleProp<ViewStyle>;\n labelStyle?: StyleProp<TextStyle>;\n onPress?: (value: string) => void;\n direction?: Direction;\n}\n\nconst getRadioButtonAlignment = (\n parentDirection: GroupDirection | undefined,\n direction: Direction\n) => {\n if (parentDirection === GroupDirection.Horizontal) {\n return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n } else if (direction === Direction.RowReverse) {\n return \"flex-start\";\n } else {\n return \"flex-end\";\n }\n};\n\nconst renderLabel = (\n value: string | React.ReactNode,\n labelStyle: StyleProp<TextStyle>,\n textStyle: StyleProp<TextStyle>\n) => {\n if (typeof value === \"string\") {\n return <Text style={[labelStyle, textStyle]}>{value}</Text>;\n } else {\n return <>{value}</>;\n }\n};\n\nconst RadioButtonRow: React.FC<RadioButtonRowProps & IconSlot> = ({\n Icon,\n label,\n value = \"\",\n color,\n unselectedColor,\n onPress,\n labelContainerStyle,\n labelStyle,\n radioButtonStyle,\n direction = Direction.Row,\n selected,\n disabled,\n style,\n ...rest\n}) => {\n const {\n value: contextValue,\n onValueChange,\n direction: parentDirection,\n } = useRadioButtonGroupContext();\n\n const realValue = getValueForRadioButton(value);\n const realContextValue = getValueForRadioButton(contextValue);\n const isSelected = selected ?? realContextValue === realValue;\n\n const handlePress = () => {\n onPress?.(realValue);\n onValueChange?.(realValue);\n };\n\n const { textStyles, viewStyles } = extractStyles(style);\n\n return (\n <Touchable\n onPress={handlePress}\n style={[styles.mainParent, { flexDirection: direction }, viewStyles]}\n disabled={disabled}\n {...rest}\n >\n <View\n style={[\n styles.label,\n {\n alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n },\n labelContainerStyle,\n ]}\n >\n {renderLabel(label, labelStyle, textStyles)}\n </View>\n <View\n style={{\n flex: 1,\n alignItems: getRadioButtonAlignment(parentDirection, direction),\n }}\n >\n <RadioButton\n Icon={Icon}\n selected={isSelected}\n value={realValue}\n color={color}\n unselectedColor={unselectedColor}\n style={radioButtonStyle}\n />\n </View>\n </Touchable>\n );\n};\n\nconst styles = StyleSheet.create({\n mainParent: {\n alignItems: \"center\",\n justifyContent: \"space-around\",\n paddingStart: 20,\n minHeight: 50,\n paddingEnd: 20,\n display: \"flex\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n label: {\n flex: 3,\n },\n});\n\nexport default RadioButtonRow;\n"],"mappings":"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"}
1
+ {"version":3,"names":["React","StyleSheet","View","Platform","RadioButton","Text","useRadioButtonGroupContext","Direction","GroupDirection","Touchable","extractStyles","getValueForRadioButton","getRadioButtonAlignment","parentDirection","direction","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","createElement","style","Fragment","RadioButtonRow","Icon","label","color","unselectedColor","onPress","labelContainerStyle","radioButtonStyle","selected","disabled","rest","contextValue","onValueChange","realValue","realContextValue","isSelected","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","create","justifyContent","paddingStart","minHeight","paddingEnd","display","select","web","cursor","userSelect"],"sources":["RadioButtonRow.js"],"sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, Platform, } from \"react-native\";\nimport RadioButton from \"./RadioButton\";\nimport Text from \"../Text\";\nimport { useRadioButtonGroupContext } from \"./context\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles, getValueForRadioButton } from \"../../utilities\";\nexport var Direction;\n(function (Direction) {\n Direction[\"Row\"] = \"row\";\n Direction[\"RowReverse\"] = \"row-reverse\";\n})(Direction || (Direction = {}));\nconst getRadioButtonAlignment = (parentDirection, direction) => {\n if (parentDirection === GroupDirection.Horizontal) {\n return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n }\n else if (direction === Direction.RowReverse) {\n return \"flex-start\";\n }\n else {\n return \"flex-end\";\n }\n};\nconst renderLabel = (value, labelStyle, textStyle) => {\n if (typeof value === \"string\") {\n return React.createElement(Text, { style: [labelStyle, textStyle] }, value);\n }\n else {\n return React.createElement(React.Fragment, null, value);\n }\n};\nconst RadioButtonRow = ({ Icon, label, value = \"\", color, unselectedColor, onPress, labelContainerStyle, labelStyle, radioButtonStyle, direction = Direction.Row, selected, disabled, style, ...rest }) => {\n const { value: contextValue, onValueChange, direction: parentDirection, } = useRadioButtonGroupContext();\n const realValue = getValueForRadioButton(value);\n const realContextValue = getValueForRadioButton(contextValue);\n const isSelected = selected ?? realContextValue === realValue;\n const handlePress = () => {\n onPress?.(realValue);\n onValueChange?.(realValue);\n };\n const { textStyles, viewStyles } = extractStyles(style);\n return (React.createElement(Touchable, { onPress: handlePress, style: [styles.mainParent, { flexDirection: direction }, viewStyles], disabled: disabled, ...rest },\n React.createElement(View, { style: [\n styles.label,\n {\n alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n },\n labelContainerStyle,\n ] }, renderLabel(label, labelStyle, textStyles)),\n React.createElement(View, { style: {\n flex: 1,\n alignItems: getRadioButtonAlignment(parentDirection, direction),\n } },\n React.createElement(RadioButton, { Icon: Icon, selected: isSelected, value: realValue, color: color, unselectedColor: unselectedColor, style: radioButtonStyle }))));\n};\nconst styles = StyleSheet.create({\n mainParent: {\n alignItems: \"center\",\n justifyContent: \"space-around\",\n paddingStart: 20,\n minHeight: 50,\n paddingEnd: 20,\n display: \"flex\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n label: {\n flex: 3,\n },\n});\nexport default RadioButtonRow;\n"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
1
 
2
- //# sourceMappingURL=ResizeMode.js.map
2
+ //# sourceMappingURL=ResizeMode.js.mapode.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","Text","Image","StyleSheet","withTheme","Config","Row","titleTypeStyle","titleColor","subtitleTypeStyle","subtitleColor","title","subtitle","multilineSubtitle","image","right","style","styles","container","padding","leftContainer","uri","marginRight","width","rowMultiLineImageSize","rowSingleLineImageSize","height","textContainer","color","marginTop","undefined","create","flexDirection","flex","justifyContent","alignItems"],"sources":["Row.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n Text,\n Image,\n ImageSourcePropType,\n StyleSheet,\n StyleProp,\n TextStyle,\n ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n titleTypeStyle?: StyleProp<TextStyle>;\n titleColor?: string;\n subtitleTypeStyle?: StyleProp<TextStyle>;\n subtitleColor?: string;\n title?: string;\n subtitle?: string;\n multilineSubtitle?: boolean;\n image?: string | ImageSourcePropType;\n right?: () => React.ReactNode;\n style?: StyleProp<ViewStyle>;\n theme: typeof theme;\n};\n\nconst Row: React.FC<Props> = ({\n titleTypeStyle,\n titleColor,\n subtitleTypeStyle,\n subtitleColor,\n title,\n subtitle,\n multilineSubtitle,\n image,\n right,\n style,\n}) => {\n return (\n <View style={[styles.container, { padding: 16 }, style]}>\n <View style={styles.leftContainer}>\n {image && (\n <Image\n source={typeof image === \"string\" ? { uri: image } : image}\n style={{\n marginRight: 12,\n width: subtitle\n ? Config.rowMultiLineImageSize\n : Config.rowSingleLineImageSize,\n height: subtitle\n ? Config.rowMultiLineImageSize\n : Config.rowSingleLineImageSize,\n }}\n />\n )}\n <View style={styles.textContainer}>\n <Text\n style={[\n titleTypeStyle,\n {\n color: titleColor,\n },\n ]}\n numberOfLines={1}\n >\n {title}\n </Text>\n {subtitle ? (\n <Text\n style={[\n subtitleTypeStyle,\n {\n color: subtitleColor,\n marginTop: 4,\n },\n ]}\n numberOfLines={multilineSubtitle ? undefined : 1}\n >\n {subtitle}\n </Text>\n ) : null}\n </View>\n </View>\n {right && right()}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n leftContainer: {\n flexDirection: \"row\",\n flex: 1,\n },\n container: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n textContainer: {\n flex: 1,\n justifyContent: \"center\",\n },\n});\n\nexport default withTheme(Row);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,IAFF,EAGEC,KAHF,EAKEC,UALF,QASO,cATP;AAUA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAiBA,MAAMC,GAAoB,GAAG,QAWvB;EAAA,IAXwB;IAC5BC,cAD4B;IAE5BC,UAF4B;IAG5BC,iBAH4B;IAI5BC,aAJ4B;IAK5BC,KAL4B;IAM5BC,QAN4B;IAO5BC,iBAP4B;IAQ5BC,KAR4B;IAS5BC,KAT4B;IAU5BC;EAV4B,CAWxB;EACJ,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB;MAAEC,OAAO,EAAE;IAAX,CAAnB,EAAoCH,KAApC;EAAb,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACG;EAApB,GACGN,KAAK,iBACJ,oBAAC,KAAD;IACE,MAAM,EAAE,OAAOA,KAAP,KAAiB,QAAjB,GAA4B;MAAEO,GAAG,EAAEP;IAAP,CAA5B,GAA6CA,KADvD;IAEE,KAAK,EAAE;MACLQ,WAAW,EAAE,EADR;MAELC,KAAK,EAAEX,QAAQ,GACXP,MAAM,CAACmB,qBADI,GAEXnB,MAAM,CAACoB,sBAJN;MAKLC,MAAM,EAAEd,QAAQ,GACZP,MAAM,CAACmB,qBADK,GAEZnB,MAAM,CAACoB;IAPN;EAFT,EAFJ,eAeE,oBAAC,IAAD;IAAM,KAAK,EAAER,MAAM,CAACU;EAApB,gBACE,oBAAC,IAAD;IACE,KAAK,EAAE,CACLpB,cADK,EAEL;MACEqB,KAAK,EAAEpB;IADT,CAFK,CADT;IAOE,aAAa,EAAE;EAPjB,GASGG,KATH,CADF,EAYGC,QAAQ,gBACP,oBAAC,IAAD;IACE,KAAK,EAAE,CACLH,iBADK,EAEL;MACEmB,KAAK,EAAElB,aADT;MAEEmB,SAAS,EAAE;IAFb,CAFK,CADT;IAQE,aAAa,EAAEhB,iBAAiB,GAAGiB,SAAH,GAAe;EARjD,GAUGlB,QAVH,CADO,GAaL,IAzBN,CAfF,CADF,EA4CGG,KAAK,IAAIA,KAAK,EA5CjB,CADF;AAgDD,CA5DD;;AA8DA,MAAME,MAAM,GAAGd,UAAU,CAAC4B,MAAX,CAAkB;EAC/BX,aAAa,EAAE;IACbY,aAAa,EAAE,KADF;IAEbC,IAAI,EAAE;EAFO,CADgB;EAK/Bf,SAAS,EAAE;IACTc,aAAa,EAAE,KADN;IAETE,cAAc,EAAE,eAFP;IAGTC,UAAU,EAAE;EAHH,CALoB;EAU/BR,aAAa,EAAE;IACbM,IAAI,EAAE,CADO;IAEbC,cAAc,EAAE;EAFH;AAVgB,CAAlB,CAAf;AAgBA,eAAe9B,SAAS,CAACE,GAAD,CAAxB"}
1
+ {"version":3,"names":["React","View","Text","Image","StyleSheet","withTheme","Config","Row","titleTypeStyle","titleColor","subtitleTypeStyle","subtitleColor","title","subtitle","multilineSubtitle","image","right","style","styles","container","padding","leftContainer","uri","marginRight","width","rowMultiLineImageSize","rowSingleLineImageSize","height","textContainer","color","marginTop","undefined","create","flexDirection","flex","justifyContent","alignItems"],"sources":["Row.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n Text,\n Image,\n ImageSourcePropType,\n StyleSheet,\n StyleProp,\n TextStyle,\n ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n titleTypeStyle?: StyleProp<TextStyle>;\n titleColor?: string;\n subtitleTypeStyle?: StyleProp<TextStyle>;\n subtitleColor?: string;\n title?: string;\n subtitle?: string;\n multilineSubtitle?: boolean;\n image?: string | ImageSourcePropType;\n right?: () => React.ReactNode;\n style?: StyleProp<ViewStyle>;\n theme: typeof theme;\n};\n\nconst Row: React.FC<React.PropsWithChildren<Props>> = ({\n titleTypeStyle,\n titleColor,\n subtitleTypeStyle,\n subtitleColor,\n title,\n subtitle,\n multilineSubtitle,\n image,\n right,\n style,\n}) => {\n return (\n <View style={[styles.container, { padding: 16 }, style]}>\n <View style={styles.leftContainer}>\n {image && (\n <Image\n source={typeof image === \"string\" ? { uri: image } : image}\n style={{\n marginRight: 12,\n width: subtitle\n ? Config.rowMultiLineImageSize\n : Config.rowSingleLineImageSize,\n height: subtitle\n ? Config.rowMultiLineImageSize\n : Config.rowSingleLineImageSize,\n }}\n />\n )}\n <View style={styles.textContainer}>\n <Text\n style={[\n titleTypeStyle,\n {\n color: titleColor,\n },\n ]}\n numberOfLines={1}\n >\n {title}\n </Text>\n {subtitle ? (\n <Text\n style={[\n subtitleTypeStyle,\n {\n color: subtitleColor,\n marginTop: 4,\n },\n ]}\n numberOfLines={multilineSubtitle ? undefined : 1}\n >\n {subtitle}\n </Text>\n ) : null}\n </View>\n </View>\n {right && right()}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n leftContainer: {\n flexDirection: \"row\",\n flex: 1,\n },\n container: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n textContainer: {\n flex: 1,\n justifyContent: \"center\",\n },\n});\n\nexport default withTheme(Row);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,IAFF,EAGEC,KAHF,EAKEC,UALF,QASO,cATP;AAUA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAiBA,MAAMC,GAA6C,GAAG,QAWhD;EAAA,IAXiD;IACrDC,cADqD;IAErDC,UAFqD;IAGrDC,iBAHqD;IAIrDC,aAJqD;IAKrDC,KALqD;IAMrDC,QANqD;IAOrDC,iBAPqD;IAQrDC,KARqD;IASrDC,KATqD;IAUrDC;EAVqD,CAWjD;EACJ,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB;MAAEC,OAAO,EAAE;IAAX,CAAnB,EAAoCH,KAApC;EAAb,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACG;EAApB,GACGN,KAAK,iBACJ,oBAAC,KAAD;IACE,MAAM,EAAE,OAAOA,KAAP,KAAiB,QAAjB,GAA4B;MAAEO,GAAG,EAAEP;IAAP,CAA5B,GAA6CA,KADvD;IAEE,KAAK,EAAE;MACLQ,WAAW,EAAE,EADR;MAELC,KAAK,EAAEX,QAAQ,GACXP,MAAM,CAACmB,qBADI,GAEXnB,MAAM,CAACoB,sBAJN;MAKLC,MAAM,EAAEd,QAAQ,GACZP,MAAM,CAACmB,qBADK,GAEZnB,MAAM,CAACoB;IAPN;EAFT,EAFJ,eAeE,oBAAC,IAAD;IAAM,KAAK,EAAER,MAAM,CAACU;EAApB,gBACE,oBAAC,IAAD;IACE,KAAK,EAAE,CACLpB,cADK,EAEL;MACEqB,KAAK,EAAEpB;IADT,CAFK,CADT;IAOE,aAAa,EAAE;EAPjB,GASGG,KATH,CADF,EAYGC,QAAQ,gBACP,oBAAC,IAAD;IACE,KAAK,EAAE,CACLH,iBADK,EAEL;MACEmB,KAAK,EAAElB,aADT;MAEEmB,SAAS,EAAE;IAFb,CAFK,CADT;IAQE,aAAa,EAAEhB,iBAAiB,GAAGiB,SAAH,GAAe;EARjD,GAUGlB,QAVH,CADO,GAaL,IAzBN,CAfF,CADF,EA4CGG,KAAK,IAAIA,KAAK,EA5CjB,CADF;AAgDD,CA5DD;;AA8DA,MAAME,MAAM,GAAGd,UAAU,CAAC4B,MAAX,CAAkB;EAC/BX,aAAa,EAAE;IACbY,aAAa,EAAE,KADF;IAEbC,IAAI,EAAE;EAFO,CADgB;EAK/Bf,SAAS,EAAE;IACTc,aAAa,EAAE,KADN;IAETE,cAAc,EAAE,eAFP;IAGTC,UAAU,EAAE;EAHH,CALoB;EAU/BR,aAAa,EAAE;IACbM,IAAI,EAAE,CADO;IAEbC,cAAc,EAAE;EAFH;AAVgB,CAAlB,CAAf;AAgBA,eAAe9B,SAAS,CAACE,GAAD,CAAxB"}
@@ -1 +1 @@
1
- {"version":3,"names":["React","withTheme","Row","Config","RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","body1","medium","subtitle2","light","rowSingleLineIconSize","marginLeft"],"sources":["RowBodyIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title?: string;\n subtitle?: string;\n icon: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst RowBodyIcon: React.FC<Props> = ({\n Icon,\n title,\n subtitle,\n icon,\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Row\n titleTypeStyle={typography.body1}\n titleColor={colors.medium}\n subtitleTypeStyle={typography.subtitle2}\n subtitleColor={colors.light}\n title={title}\n subtitle={subtitle}\n right={() => (\n <Icon\n name={icon}\n size={Config.rowSingleLineIconSize}\n color={colors.light}\n style={{ marginLeft: 16 }}\n />\n )}\n style={style}\n />\n );\n};\n\nexport default withTheme(RowBodyIcon);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAIA,OAAOC,GAAP,MAAgB,OAAhB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAWA,MAAMC,WAA4B,GAAG,QAO/B;EAAA,IAPgC;IACpCC,IADoC;IAEpCC,KAFoC;IAGpCC,QAHoC;IAIpCC,IAJoC;IAKpCC,KALoC;IAMpCC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAN6B,CAOhC;EACJ,oBACE,oBAAC,GAAD;IACE,cAAc,EAAEA,UAAU,CAACC,KAD7B;IAEE,UAAU,EAAEF,MAAM,CAACG,MAFrB;IAGE,iBAAiB,EAAEF,UAAU,CAACG,SAHhC;IAIE,aAAa,EAAEJ,MAAM,CAACK,KAJxB;IAKE,KAAK,EAAEV,KALT;IAME,QAAQ,EAAEC,QANZ;IAOE,KAAK,EAAE,mBACL,oBAAC,IAAD;MACE,IAAI,EAAEC,IADR;MAEE,IAAI,EAAEL,MAAM,CAACc,qBAFf;MAGE,KAAK,EAAEN,MAAM,CAACK,KAHhB;MAIE,KAAK,EAAE;QAAEE,UAAU,EAAE;MAAd;IAJT,EARJ;IAeE,KAAK,EAAET;EAfT,EADF;AAmBD,CA3BD;;AA6BA,eAAeR,SAAS,CAACG,WAAD,CAAxB"}
1
+ {"version":3,"names":["React","withTheme","Row","Config","RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","body1","medium","subtitle2","light","rowSingleLineIconSize","marginLeft"],"sources":["RowBodyIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title?: string;\n subtitle?: string;\n icon: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst RowBodyIcon: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n title,\n subtitle,\n icon,\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Row\n titleTypeStyle={typography.body1}\n titleColor={colors.medium}\n subtitleTypeStyle={typography.subtitle2}\n subtitleColor={colors.light}\n title={title}\n subtitle={subtitle}\n right={() => (\n <Icon\n name={icon}\n size={Config.rowSingleLineIconSize}\n color={colors.light}\n style={{ marginLeft: 16 }}\n />\n )}\n style={style}\n />\n );\n};\n\nexport default withTheme(RowBodyIcon);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAIA,OAAOC,GAAP,MAAgB,OAAhB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAWA,MAAMC,WAAqD,GAAG,QAOxD;EAAA,IAPyD;IAC7DC,IAD6D;IAE7DC,KAF6D;IAG7DC,QAH6D;IAI7DC,IAJ6D;IAK7DC,KAL6D;IAM7DC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EANsD,CAOzD;EACJ,oBACE,oBAAC,GAAD;IACE,cAAc,EAAEA,UAAU,CAACC,KAD7B;IAEE,UAAU,EAAEF,MAAM,CAACG,MAFrB;IAGE,iBAAiB,EAAEF,UAAU,CAACG,SAHhC;IAIE,aAAa,EAAEJ,MAAM,CAACK,KAJxB;IAKE,KAAK,EAAEV,KALT;IAME,QAAQ,EAAEC,QANZ;IAOE,KAAK,EAAE,mBACL,oBAAC,IAAD;MACE,IAAI,EAAEC,IADR;MAEE,IAAI,EAAEL,MAAM,CAACc,qBAFf;MAGE,KAAK,EAAEN,MAAM,CAACK,KAHhB;MAIE,KAAK,EAAE;QAAEE,UAAU,EAAE;MAAd;IAJT,EARJ;IAeE,KAAK,EAAET;EAfT,EADF;AAmBD,CA3BD;;AA6BA,eAAeR,SAAS,CAACG,WAAD,CAAxB"}
@@ -1 +1 @@
1
- {"version":3,"names":["React","Text","withTheme","Row","RowHeadlineImageCaption","title","subtitle","caption","image","style","theme","colors","typography","headline6","strong","body2","medium","color","marginLeft"],"sources":["RowHeadlineImageCaption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Row from \"./Row\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n title?: string;\n subtitle?: string;\n caption?: string;\n image: string | ImageSourcePropType;\n style?: StyleProp<ViewStyle>;\n theme: typeof theme;\n};\n\nconst RowHeadlineImageCaption: React.FC<Props> = ({\n title,\n subtitle,\n caption,\n image,\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Row\n titleTypeStyle={typography.headline6}\n titleColor={colors.strong}\n subtitleTypeStyle={typography.body2}\n subtitleColor={colors.medium}\n title={title}\n subtitle={subtitle}\n image={image}\n right={() => (\n <Text\n style={{\n ...typography.caption,\n color: colors.strong,\n marginLeft: 16,\n }}\n >\n {caption}\n </Text>\n )}\n style={style}\n />\n );\n};\n\nexport default withTheme(RowHeadlineImageCaption);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAgE,cAAhE;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,GAAP,MAAgB,OAAhB;;AAYA,MAAMC,uBAAwC,GAAG,QAO3C;EAAA,IAP4C;IAChDC,KADgD;IAEhDC,QAFgD;IAGhDC,OAHgD;IAIhDC,KAJgD;IAKhDC,KALgD;IAMhDC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EANyC,CAO5C;EACJ,oBACE,oBAAC,GAAD;IACE,cAAc,EAAEA,UAAU,CAACC,SAD7B;IAEE,UAAU,EAAEF,MAAM,CAACG,MAFrB;IAGE,iBAAiB,EAAEF,UAAU,CAACG,KAHhC;IAIE,aAAa,EAAEJ,MAAM,CAACK,MAJxB;IAKE,KAAK,EAAEX,KALT;IAME,QAAQ,EAAEC,QANZ;IAOE,KAAK,EAAEE,KAPT;IAQE,KAAK,EAAE,mBACL,oBAAC,IAAD;MACE,KAAK,EAAE,EACL,GAAGI,UAAU,CAACL,OADT;QAELU,KAAK,EAAEN,MAAM,CAACG,MAFT;QAGLI,UAAU,EAAE;MAHP;IADT,GAOGX,OAPH,CATJ;IAmBE,KAAK,EAAEE;EAnBT,EADF;AAuBD,CA/BD;;AAiCA,eAAeP,SAAS,CAACE,uBAAD,CAAxB"}
1
+ {"version":3,"names":["React","Text","withTheme","Row","RowHeadlineImageCaption","title","subtitle","caption","image","style","theme","colors","typography","headline6","strong","body2","medium","color","marginLeft"],"sources":["RowHeadlineImageCaption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Row from \"./Row\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n title?: string;\n subtitle?: string;\n caption?: string;\n image: string | ImageSourcePropType;\n style?: StyleProp<ViewStyle>;\n theme: typeof theme;\n};\n\nconst RowHeadlineImageCaption: React.FC<React.PropsWithChildren<Props>> = ({\n title,\n subtitle,\n caption,\n image,\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Row\n titleTypeStyle={typography.headline6}\n titleColor={colors.strong}\n subtitleTypeStyle={typography.body2}\n subtitleColor={colors.medium}\n title={title}\n subtitle={subtitle}\n image={image}\n right={() => (\n <Text\n style={{\n ...typography.caption,\n color: colors.strong,\n marginLeft: 16,\n }}\n >\n {caption}\n </Text>\n )}\n style={style}\n />\n );\n};\n\nexport default withTheme(RowHeadlineImageCaption);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAgE,cAAhE;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,GAAP,MAAgB,OAAhB;;AAYA,MAAMC,uBAAiE,GAAG,QAOpE;EAAA,IAPqE;IACzEC,KADyE;IAEzEC,QAFyE;IAGzEC,OAHyE;IAIzEC,KAJyE;IAKzEC,KALyE;IAMzEC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EANkE,CAOrE;EACJ,oBACE,oBAAC,GAAD;IACE,cAAc,EAAEA,UAAU,CAACC,SAD7B;IAEE,UAAU,EAAEF,MAAM,CAACG,MAFrB;IAGE,iBAAiB,EAAEF,UAAU,CAACG,KAHhC;IAIE,aAAa,EAAEJ,MAAM,CAACK,MAJxB;IAKE,KAAK,EAAEX,KALT;IAME,QAAQ,EAAEC,QANZ;IAOE,KAAK,EAAEE,KAPT;IAQE,KAAK,EAAE,mBACL,oBAAC,IAAD;MACE,KAAK,EAAE,EACL,GAAGI,UAAU,CAACL,OADT;QAELU,KAAK,EAAEN,MAAM,CAACG,MAFT;QAGLI,UAAU,EAAE;MAHP;IADT,GAOGX,OAPH,CATJ;IAmBE,KAAK,EAAEE;EAnBT,EADF;AAuBD,CA/BD;;AAiCA,eAAeP,SAAS,CAACE,uBAAD,CAAxB"}
@@ -1 +1 @@
1
- {"version":3,"names":["React","withTheme","Row","Config","RowHeadlineImageIcon","Icon","icon","title","image","subtitle","multilineSubtitle","style","theme","colors","typography","headline6","strong","body2","medium","rowMultiLineIconSize","rowSingleLineIconSize","light","marginLeft","alignSelf","marginTop"],"sources":["RowHeadlineImageIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title?: string;\n image: string | ImageSourcePropType;\n subtitle?: string;\n multilineSubtitle?: boolean;\n icon: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst RowHeadlineImageIcon: React.FC<Props> = ({\n Icon,\n icon,\n title,\n image,\n subtitle,\n multilineSubtitle = false,\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Row\n titleTypeStyle={typography.headline6}\n titleColor={colors.strong}\n subtitleTypeStyle={typography.body2}\n subtitleColor={colors.medium}\n title={title}\n subtitle={subtitle}\n multilineSubtitle={multilineSubtitle}\n image={image}\n right={() => (\n <Icon\n name={icon}\n size={\n multilineSubtitle\n ? Config.rowMultiLineIconSize\n : Config.rowSingleLineIconSize\n }\n color={colors.light}\n style={{\n marginLeft: 16,\n alignSelf: multilineSubtitle ? \"flex-start\" : \"center\",\n marginTop: multilineSubtitle ? 4 : 0,\n }}\n />\n )}\n style={style}\n />\n );\n};\n\nexport default withTheme(RowHeadlineImageIcon);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAIA,OAAOC,GAAP,MAAgB,OAAhB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAaA,MAAMC,oBAAqC,GAAG,QASxC;EAAA,IATyC;IAC7CC,IAD6C;IAE7CC,IAF6C;IAG7CC,KAH6C;IAI7CC,KAJ6C;IAK7CC,QAL6C;IAM7CC,iBAAiB,GAAG,KANyB;IAO7CC,KAP6C;IAQ7CC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EARsC,CASzC;EACJ,oBACE,oBAAC,GAAD;IACE,cAAc,EAAEA,UAAU,CAACC,SAD7B;IAEE,UAAU,EAAEF,MAAM,CAACG,MAFrB;IAGE,iBAAiB,EAAEF,UAAU,CAACG,KAHhC;IAIE,aAAa,EAAEJ,MAAM,CAACK,MAJxB;IAKE,KAAK,EAAEX,KALT;IAME,QAAQ,EAAEE,QANZ;IAOE,iBAAiB,EAAEC,iBAPrB;IAQE,KAAK,EAAEF,KART;IASE,KAAK,EAAE,mBACL,oBAAC,IAAD;MACE,IAAI,EAAEF,IADR;MAEE,IAAI,EACFI,iBAAiB,GACbP,MAAM,CAACgB,oBADM,GAEbhB,MAAM,CAACiB,qBALf;MAOE,KAAK,EAAEP,MAAM,CAACQ,KAPhB;MAQE,KAAK,EAAE;QACLC,UAAU,EAAE,EADP;QAELC,SAAS,EAAEb,iBAAiB,GAAG,YAAH,GAAkB,QAFzC;QAGLc,SAAS,EAAEd,iBAAiB,GAAG,CAAH,GAAO;MAH9B;IART,EAVJ;IAyBE,KAAK,EAAEC;EAzBT,EADF;AA6BD,CAvCD;;AAyCA,eAAeV,SAAS,CAACG,oBAAD,CAAxB"}
1
+ {"version":3,"names":["React","withTheme","Row","Config","RowHeadlineImageIcon","Icon","icon","title","image","subtitle","multilineSubtitle","style","theme","colors","typography","headline6","strong","body2","medium","rowMultiLineIconSize","rowSingleLineIconSize","light","marginLeft","alignSelf","marginTop"],"sources":["RowHeadlineImageIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title?: string;\n image: string | ImageSourcePropType;\n subtitle?: string;\n multilineSubtitle?: boolean;\n icon: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst RowHeadlineImageIcon: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n icon,\n title,\n image,\n subtitle,\n multilineSubtitle = false,\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Row\n titleTypeStyle={typography.headline6}\n titleColor={colors.strong}\n subtitleTypeStyle={typography.body2}\n subtitleColor={colors.medium}\n title={title}\n subtitle={subtitle}\n multilineSubtitle={multilineSubtitle}\n image={image}\n right={() => (\n <Icon\n name={icon}\n size={\n multilineSubtitle\n ? Config.rowMultiLineIconSize\n : Config.rowSingleLineIconSize\n }\n color={colors.light}\n style={{\n marginLeft: 16,\n alignSelf: multilineSubtitle ? \"flex-start\" : \"center\",\n marginTop: multilineSubtitle ? 4 : 0,\n }}\n />\n )}\n style={style}\n />\n );\n};\n\nexport default withTheme(RowHeadlineImageIcon);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAIA,OAAOC,GAAP,MAAgB,OAAhB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAaA,MAAMC,oBAA8D,GAAG,QASjE;EAAA,IATkE;IACtEC,IADsE;IAEtEC,IAFsE;IAGtEC,KAHsE;IAItEC,KAJsE;IAKtEC,QALsE;IAMtEC,iBAAiB,GAAG,KANkD;IAOtEC,KAPsE;IAQtEC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAR+D,CASlE;EACJ,oBACE,oBAAC,GAAD;IACE,cAAc,EAAEA,UAAU,CAACC,SAD7B;IAEE,UAAU,EAAEF,MAAM,CAACG,MAFrB;IAGE,iBAAiB,EAAEF,UAAU,CAACG,KAHhC;IAIE,aAAa,EAAEJ,MAAM,CAACK,MAJxB;IAKE,KAAK,EAAEX,KALT;IAME,QAAQ,EAAEE,QANZ;IAOE,iBAAiB,EAAEC,iBAPrB;IAQE,KAAK,EAAEF,KART;IASE,KAAK,EAAE,mBACL,oBAAC,IAAD;MACE,IAAI,EAAEF,IADR;MAEE,IAAI,EACFI,iBAAiB,GACbP,MAAM,CAACgB,oBADM,GAEbhB,MAAM,CAACiB,qBALf;MAOE,KAAK,EAAEP,MAAM,CAACQ,KAPhB;MAQE,KAAK,EAAE;QACLC,UAAU,EAAE,EADP;QAELC,SAAS,EAAEb,iBAAiB,GAAG,YAAH,GAAkB,QAFzC;QAGLc,SAAS,EAAEd,iBAAiB,GAAG,CAAH,GAAO;MAH9B;IART,EAVJ;IAyBE,KAAK,EAAEC;EAzBT,EADF;AA6BD,CAvCD;;AAyCA,eAAeV,SAAS,CAACG,oBAAD,CAAxB"}
@@ -1,5 +1,3 @@
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); }
2
-
3
1
  import * as React from "react";
4
2
  import { StyleSheet, ScrollView, View } from "react-native";
5
3
  import { SafeAreaView } from "react-native-safe-area-context";
@@ -27,12 +25,13 @@ function ScreenContainer(_ref) {
27
25
  edges.push("bottom");
28
26
  }
29
27
 
30
- return /*#__PURE__*/React.createElement(SafeAreaView, _extends({
28
+ return /*#__PURE__*/React.createElement(SafeAreaView, {
31
29
  edges: edges,
32
30
  style: [styles.container, {
33
31
  backgroundColor
34
- }]
35
- }, rest), scrollable ? /*#__PURE__*/React.createElement(ScrollView, {
32
+ }],
33
+ ...rest
34
+ }, scrollable ? /*#__PURE__*/React.createElement(ScrollView, {
36
35
  contentContainerStyle: [styles.scrollViewContainer, {
37
36
  backgroundColor
38
37
  }, style]
@@ -43,6 +42,23 @@ function ScreenContainer(_ref) {
43
42
  }, children));
44
43
  }
45
44
 
45
+ const styles = StyleSheet.create({
46
+ container: {
47
+ flex: 1
48
+ },
49
+ scrollViewContainer: {
50
+ flexGrow: 1,
51
+ flex: undefined
52
+ }
53
+ });
54
+ export default withTheme(ScreenContainer);
55
+ //# sourceMappingURL=ScreenContainer.js.mapE__*/React.createElement(View, {
56
+ style: [styles.container, {
57
+ backgroundColor
58
+ }, style]
59
+ }, children));
60
+ }
61
+
46
62
  const styles = StyleSheet.create({
47
63
  container: {
48
64
  flex: 1
@@ -1 +1 @@
1
- {"version":3,"names":["React","StyleSheet","ScrollView","View","SafeAreaView","withTheme","ScreenContainer","scrollable","hasSafeArea","hasBottomSafeArea","hasTopSafeArea","theme","style","children","rest","backgroundColor","colors","background","edges","push","styles","container","scrollViewContainer","create","flex","flexGrow","undefined"],"sources":["ScreenContainer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n StyleSheet,\n ScrollView,\n StyleProp,\n ViewStyle,\n View,\n} from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport type { Edge } from \"react-native-safe-area-context\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype ScreenContainerProps = {\n scrollable: boolean;\n hasSafeArea: boolean;\n hasTopSafeArea: boolean;\n hasBottomSafeArea: boolean;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n children?: React.ReactNode;\n};\n\nfunction ScreenContainer({\n scrollable = false,\n hasSafeArea = false,\n hasBottomSafeArea = false,\n hasTopSafeArea = false,\n theme,\n style,\n children,\n ...rest\n}: ScreenContainerProps) {\n const backgroundColor = theme.colors.background;\n\n const edges: Edge[] = [\"left\", \"right\"];\n if (hasSafeArea || hasTopSafeArea) {\n edges.push(\"top\");\n }\n\n if (hasSafeArea || hasBottomSafeArea) {\n edges.push(\"bottom\");\n }\n\n return (\n <SafeAreaView\n edges={edges}\n style={[\n styles.container,\n {\n backgroundColor,\n },\n ]}\n {...rest}\n >\n {scrollable ? (\n <ScrollView\n contentContainerStyle={[\n styles.scrollViewContainer,\n { backgroundColor },\n style,\n ]}\n >\n {children}\n </ScrollView>\n ) : (\n <View style={[styles.container, { backgroundColor }, style]}>\n {children}\n </View>\n )}\n </SafeAreaView>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n scrollViewContainer: {\n flexGrow: 1,\n flex: undefined,\n },\n});\n\nexport default withTheme(ScreenContainer);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,UADF,EAEEC,UAFF,EAKEC,IALF,QAMO,cANP;AAOA,SAASC,YAAT,QAA6B,gCAA7B;AAEA,SAASC,SAAT,QAA0B,YAA1B;;AAaA,SAASC,eAAT,OASyB;EAAA,IATA;IACvBC,UAAU,GAAG,KADU;IAEvBC,WAAW,GAAG,KAFS;IAGvBC,iBAAiB,GAAG,KAHG;IAIvBC,cAAc,GAAG,KAJM;IAKvBC,KALuB;IAMvBC,KANuB;IAOvBC,QAPuB;IAQvB,GAAGC;EARoB,CASA;EACvB,MAAMC,eAAe,GAAGJ,KAAK,CAACK,MAAN,CAAaC,UAArC;EAEA,MAAMC,KAAa,GAAG,CAAC,MAAD,EAAS,OAAT,CAAtB;;EACA,IAAIV,WAAW,IAAIE,cAAnB,EAAmC;IACjCQ,KAAK,CAACC,IAAN,CAAW,KAAX;EACD;;EAED,IAAIX,WAAW,IAAIC,iBAAnB,EAAsC;IACpCS,KAAK,CAACC,IAAN,CAAW,QAAX;EACD;;EAED,oBACE,oBAAC,YAAD;IACE,KAAK,EAAED,KADT;IAEE,KAAK,EAAE,CACLE,MAAM,CAACC,SADF,EAEL;MACEN;IADF,CAFK;EAFT,GAQMD,IARN,GAUGP,UAAU,gBACT,oBAAC,UAAD;IACE,qBAAqB,EAAE,CACrBa,MAAM,CAACE,mBADc,EAErB;MAAEP;IAAF,CAFqB,EAGrBH,KAHqB;EADzB,GAOGC,QAPH,CADS,gBAWT,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACO,MAAM,CAACC,SAAR,EAAmB;MAAEN;IAAF,CAAnB,EAAwCH,KAAxC;EAAb,GACGC,QADH,CArBJ,CADF;AA4BD;;AAED,MAAMO,MAAM,GAAGnB,UAAU,CAACsB,MAAX,CAAkB;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE;EADG,CADoB;EAI/BF,mBAAmB,EAAE;IACnBG,QAAQ,EAAE,CADS;IAEnBD,IAAI,EAAEE;EAFa;AAJU,CAAlB,CAAf;AAUA,eAAerB,SAAS,CAACC,eAAD,CAAxB"}
1
+ {"version":3,"names":["React","StyleSheet","ScrollView","View","SafeAreaView","withTheme","ScreenContainer","scrollable","hasSafeArea","hasBottomSafeArea","hasTopSafeArea","theme","style","children","rest","backgroundColor","colors","background","edges","push","createElement","styles","container","contentContainerStyle","scrollViewContainer","create","flex","flexGrow","undefined"],"sources":["ScreenContainer.js"],"sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, ScrollView, View, } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { withTheme } from \"../theming\";\nfunction ScreenContainer({ scrollable = false, hasSafeArea = false, hasBottomSafeArea = false, hasTopSafeArea = false, theme, style, children, ...rest }) {\n const backgroundColor = theme.colors.background;\n const edges = [\"left\", \"right\"];\n if (hasSafeArea || hasTopSafeArea) {\n edges.push(\"top\");\n }\n if (hasSafeArea || hasBottomSafeArea) {\n edges.push(\"bottom\");\n }\n return (React.createElement(SafeAreaView, { edges: edges, style: [\n styles.container,\n {\n backgroundColor,\n },\n ], ...rest }, scrollable ? (React.createElement(ScrollView, { contentContainerStyle: [\n styles.scrollViewContainer,\n { backgroundColor },\n style,\n ] }, children)) : (React.createElement(View, { style: [styles.container, { backgroundColor }, style] }, children))));\n}\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n scrollViewContainer: {\n flexGrow: 1,\n flex: undefined,\n },\n});\nexport default withTheme(ScreenContainer);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT,EAAqBC,UAArB,EAAiCC,IAAjC,QAA8C,cAA9C;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,SAAT,QAA0B,YAA1B;;AACA,SAASC,eAAT,OAA0J;EAAA,IAAjI;IAAEC,UAAU,GAAG,KAAf;IAAsBC,WAAW,GAAG,KAApC;IAA2CC,iBAAiB,GAAG,KAA/D;IAAsEC,cAAc,GAAG,KAAvF;IAA8FC,KAA9F;IAAqGC,KAArG;IAA4GC,QAA5G;IAAsH,GAAGC;EAAzH,CAAiI;EACtJ,MAAMC,eAAe,GAAGJ,KAAK,CAACK,MAAN,CAAaC,UAArC;EACA,MAAMC,KAAK,GAAG,CAAC,MAAD,EAAS,OAAT,CAAd;;EACA,IAAIV,WAAW,IAAIE,cAAnB,EAAmC;IAC/BQ,KAAK,CAACC,IAAN,CAAW,KAAX;EACH;;EACD,IAAIX,WAAW,IAAIC,iBAAnB,EAAsC;IAClCS,KAAK,CAACC,IAAN,CAAW,QAAX;EACH;;EACD,oBAAQnB,KAAK,CAACoB,aAAN,CAAoBhB,YAApB,EAAkC;IAAEc,KAAK,EAAEA,KAAT;IAAgBN,KAAK,EAAE,CACzDS,MAAM,CAACC,SADkD,EAEzD;MACIP;IADJ,CAFyD,CAAvB;IAKnC,GAAGD;EALgC,CAAlC,EAKUP,UAAU,gBAAIP,KAAK,CAACoB,aAAN,CAAoBlB,UAApB,EAAgC;IAAEqB,qBAAqB,EAAE,CACjFF,MAAM,CAACG,mBAD0E,EAEjF;MAAET;IAAF,CAFiF,EAGjFH,KAHiF;EAAzB,CAAhC,EAIvBC,QAJuB,CAAJ,gBAILb,KAAK,CAACoB,aAAN,CAAoBjB,IAApB,EAA0B;IAAES,KAAK,EAAE,CAACS,MAAM,CAACC,SAAR,EAAmB;MAAEP;IAAF,CAAnB,EAAwCH,KAAxC;EAAT,CAA1B,EAAqFC,QAArF,CATf,CAAR;AAUH;;AACD,MAAMQ,MAAM,GAAGpB,UAAU,CAACwB,MAAX,CAAkB;EAC7BH,SAAS,EAAE;IACPI,IAAI,EAAE;EADC,CADkB;EAI7BF,mBAAmB,EAAE;IACjBG,QAAQ,EAAE,CADO;IAEjBD,IAAI,EAAEE;EAFW;AAJQ,CAAlB,CAAf;AASA,eAAevB,SAAS,CAACC,eAAD,CAAxB"}
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","StyleSheet","Pressable","withTheme","StarRating","Icon","starSize","maxStars","rating","defaultValue","isEditable","activeColor","inactiveColor","style","onPress","rest","localRating","setLocalRating","useState","useEffect","ratingHandler","useCallback","r","ratingRounded","Math","round","styles","container","Array","map","_","i","display","touchContainer","pressable","create","flexDirection","alignItems","position","top","right","left","bottom","zIndex","flex","height","width"],"sources":["StarRating.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n StyleProp,\n ViewStyle,\n Pressable,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n starSize?: number;\n maxStars?: number;\n rating?: number;\n defaultValue?: number;\n isEditable?: boolean;\n activeColor?: string;\n inactiveColor?: string;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n onPress?: (newValue: number) => void;\n} & IconSlot;\n\nconst StarRating: React.FC<Props> = ({\n Icon,\n starSize = 16,\n maxStars = 5,\n rating = 0,\n defaultValue,\n isEditable = false,\n activeColor,\n inactiveColor,\n style,\n onPress,\n ...rest\n}) => {\n const [localRating, setLocalRating] = React.useState<number>(\n rating || defaultValue || 0\n );\n\n React.useEffect(() => {\n if (rating != null) {\n setLocalRating(rating);\n }\n }, [rating]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setLocalRating(defaultValue);\n }\n }, [defaultValue]);\n\n const ratingHandler = React.useCallback(\n (r) => {\n setLocalRating(r);\n !!onPress && onPress(r);\n },\n [onPress]\n );\n\n const ratingRounded = Math.round(localRating * 2) / 2;\n\n return (\n <View style={[styles.container, style]} {...rest}>\n {[...Array(maxStars)].map((_, i) => (\n <View key={i} style={{ display: \"flex\" }}>\n <Icon\n name={\n ratingRounded - i === 0.5\n ? \"MaterialIcons/star-half\"\n : \"MaterialIcons/star\"\n }\n size={starSize}\n color={ratingRounded > i ? activeColor : inactiveColor}\n />\n {isEditable && (\n <View style={styles.touchContainer}>\n <Pressable\n style={styles.pressable}\n onPress={() => ratingHandler(i + 0.5)}\n />\n <Pressable\n style={styles.pressable}\n onPress={() => ratingHandler(i + 1)}\n />\n </View>\n )}\n </View>\n ))}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n touchContainer: {\n display: \"flex\",\n flexDirection: \"row\",\n position: \"absolute\",\n top: 0,\n right: 0,\n left: 0,\n bottom: 0,\n zIndex: 1,\n },\n pressable: {\n flex: 1,\n height: \"100%\",\n width: \"50%\",\n },\n});\n\nexport default withTheme(StarRating);\n"],"mappings":"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"}
1
+ {"version":3,"names":["React","View","StyleSheet","Pressable","withTheme","StarRating","Icon","starSize","maxStars","rating","defaultValue","isEditable","activeColor","inactiveColor","style","onPress","rest","localRating","setLocalRating","useState","useEffect","ratingHandler","useCallback","r","ratingRounded","Math","round","styles","container","Array","map","_","i","display","touchContainer","pressable","create","flexDirection","alignItems","position","top","right","left","bottom","zIndex","flex","height","width"],"sources":["StarRating.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n StyleProp,\n ViewStyle,\n Pressable,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n starSize?: number;\n maxStars?: number;\n rating?: number;\n defaultValue?: number;\n isEditable?: boolean;\n activeColor?: string;\n inactiveColor?: string;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n onPress?: (newValue: number) => void;\n} & IconSlot;\n\nconst StarRating: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n starSize = 16,\n maxStars = 5,\n rating = 0,\n defaultValue,\n isEditable = false,\n activeColor,\n inactiveColor,\n style,\n onPress,\n ...rest\n}) => {\n const [localRating, setLocalRating] = React.useState<number>(\n rating || defaultValue || 0\n );\n\n React.useEffect(() => {\n if (rating != null) {\n setLocalRating(rating);\n }\n }, [rating]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setLocalRating(defaultValue);\n }\n }, [defaultValue]);\n\n const ratingHandler = React.useCallback(\n (r: number) => {\n setLocalRating(r);\n !!onPress && onPress(r);\n },\n [onPress]\n );\n\n const ratingRounded = Math.round(localRating * 2) / 2;\n\n return (\n <View style={[styles.container, style]} {...rest}>\n {[...Array(maxStars)].map((_, i) => (\n <View key={i} style={{ display: \"flex\" }}>\n <Icon\n name={\n ratingRounded - i === 0.5\n ? \"MaterialIcons/star-half\"\n : \"MaterialIcons/star\"\n }\n size={starSize}\n color={ratingRounded > i ? activeColor : inactiveColor}\n />\n {isEditable && (\n <View style={styles.touchContainer}>\n <Pressable\n style={styles.pressable}\n onPress={() => ratingHandler(i + 0.5)}\n />\n <Pressable\n style={styles.pressable}\n onPress={() => ratingHandler(i + 1)}\n />\n </View>\n )}\n </View>\n ))}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n touchContainer: {\n display: \"flex\",\n flexDirection: \"row\",\n position: \"absolute\",\n top: 0,\n right: 0,\n left: 0,\n bottom: 0,\n zIndex: 1,\n },\n pressable: {\n flex: 1,\n height: \"100%\",\n width: \"50%\",\n },\n});\n\nexport default withTheme(StarRating);\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"names":["React","Animated","StyleSheet","shadow","overlay","withTheme","Surface","elevation","propElevation","style","theme","children","rest","styleElevation","backgroundColor","restStyle","flatten","dark","isDarkTheme","mode","colors","evalationStyles","getBackgroundColor","surface"],"sources":["Surface.tsx"],"sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */\nimport * as React from \"react\";\nimport {\n Animated,\n StyleSheet,\n ViewProps,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\n\nimport shadow from \"../styles/shadow\";\nimport overlay from \"../styles/overlay\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n elevation?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & ViewProps;\n\nconst Surface: React.FC<Props> = ({\n elevation: propElevation,\n style,\n theme,\n children,\n ...rest\n}) => {\n const {\n elevation: styleElevation = 3,\n backgroundColor,\n ...restStyle\n } = (StyleSheet.flatten(style) || {}) as ViewStyle;\n\n const { dark: isDarkTheme, mode, colors } = theme;\n\n const elevation = propElevation || styleElevation;\n\n const evalationStyles = elevation ? shadow(elevation) : {};\n\n const getBackgroundColor = () => {\n if (backgroundColor) {\n return backgroundColor;\n } else if (isDarkTheme && mode === \"adaptive\") {\n return overlay(elevation, colors.surface);\n } else {\n return colors.surface;\n }\n };\n\n return (\n <Animated.View\n {...rest}\n style={[\n {\n backgroundColor: getBackgroundColor(),\n elevation,\n ...evalationStyles,\n ...restStyle,\n },\n ]}\n >\n {children}\n </Animated.View>\n );\n};\n\nexport default withTheme(Surface);\n"],"mappings":";;AAAA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,QADF,EAEEC,UAFF,QAMO,cANP;AAQA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AASA,MAAMC,OAAwB,GAAG,QAM3B;EAAA,IAN4B;IAChCC,SAAS,EAAEC,aADqB;IAEhCC,KAFgC;IAGhCC,KAHgC;IAIhCC,QAJgC;IAKhC,GAAGC;EAL6B,CAM5B;EACJ,MAAM;IACJL,SAAS,EAAEM,cAAc,GAAG,CADxB;IAEJC,eAFI;IAGJ,GAAGC;EAHC,IAIDb,UAAU,CAACc,OAAX,CAAmBP,KAAnB,KAA6B,EAJlC;EAMA,MAAM;IAAEQ,IAAI,EAAEC,WAAR;IAAqBC,IAArB;IAA2BC;EAA3B,IAAsCV,KAA5C;EAEA,MAAMH,SAAS,GAAGC,aAAa,IAAIK,cAAnC;EAEA,MAAMQ,eAAe,GAAGd,SAAS,GAAGJ,MAAM,CAACI,SAAD,CAAT,GAAuB,EAAxD;;EAEA,MAAMe,kBAAkB,GAAG,MAAM;IAC/B,IAAIR,eAAJ,EAAqB;MACnB,OAAOA,eAAP;IACD,CAFD,MAEO,IAAII,WAAW,IAAIC,IAAI,KAAK,UAA5B,EAAwC;MAC7C,OAAOf,OAAO,CAACG,SAAD,EAAYa,MAAM,CAACG,OAAnB,CAAd;IACD,CAFM,MAEA;MACL,OAAOH,MAAM,CAACG,OAAd;IACD;EACF,CARD;;EAUA,oBACE,oBAAC,QAAD,CAAU,IAAV,eACMX,IADN;IAEE,KAAK,EAAE,CACL;MACEE,eAAe,EAAEQ,kBAAkB,EADrC;MAEEf,SAFF;MAGE,GAAGc,eAHL;MAIE,GAAGN;IAJL,CADK;EAFT,IAWGJ,QAXH,CADF;AAeD,CA5CD;;AA8CA,eAAeN,SAAS,CAACC,OAAD,CAAxB"}
1
+ {"version":3,"names":["React","Animated","StyleSheet","shadow","overlay","withTheme","Surface","elevation","propElevation","style","theme","children","rest","styleElevation","backgroundColor","restStyle","flatten","dark","isDarkTheme","mode","colors","evalationStyles","getBackgroundColor","surface"],"sources":["Surface.tsx"],"sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */\nimport * as React from \"react\";\nimport {\n Animated,\n StyleSheet,\n ViewProps,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\n\nimport shadow from \"../styles/shadow\";\nimport overlay from \"../styles/overlay\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n elevation?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & ViewProps;\n\nconst Surface: React.FC<React.PropsWithChildren<Props>> = ({\n elevation: propElevation,\n style,\n theme,\n children,\n ...rest\n}) => {\n const {\n elevation: styleElevation = 3,\n backgroundColor,\n ...restStyle\n } = (StyleSheet.flatten(style) || {}) as ViewStyle;\n\n const { dark: isDarkTheme, mode, colors } = theme;\n\n const elevation = propElevation || styleElevation;\n\n const evalationStyles = elevation ? shadow(elevation) : {};\n\n const getBackgroundColor = () => {\n if (backgroundColor) {\n return backgroundColor;\n } else if (isDarkTheme && mode === \"adaptive\") {\n return overlay(elevation, colors.surface);\n } else {\n return colors.surface;\n }\n };\n\n return (\n <Animated.View\n {...rest}\n style={[\n {\n backgroundColor: getBackgroundColor(),\n elevation,\n ...evalationStyles,\n ...restStyle,\n },\n ]}\n >\n {children}\n </Animated.View>\n );\n};\n\nexport default withTheme(Surface);\n"],"mappings":";;AAAA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,QADF,EAEEC,UAFF,QAMO,cANP;AAQA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AASA,MAAMC,OAAiD,GAAG,QAMpD;EAAA,IANqD;IACzDC,SAAS,EAAEC,aAD8C;IAEzDC,KAFyD;IAGzDC,KAHyD;IAIzDC,QAJyD;IAKzD,GAAGC;EALsD,CAMrD;EACJ,MAAM;IACJL,SAAS,EAAEM,cAAc,GAAG,CADxB;IAEJC,eAFI;IAGJ,GAAGC;EAHC,IAIDb,UAAU,CAACc,OAAX,CAAmBP,KAAnB,KAA6B,EAJlC;EAMA,MAAM;IAAEQ,IAAI,EAAEC,WAAR;IAAqBC,IAArB;IAA2BC;EAA3B,IAAsCV,KAA5C;EAEA,MAAMH,SAAS,GAAGC,aAAa,IAAIK,cAAnC;EAEA,MAAMQ,eAAe,GAAGd,SAAS,GAAGJ,MAAM,CAACI,SAAD,CAAT,GAAuB,EAAxD;;EAEA,MAAMe,kBAAkB,GAAG,MAAM;IAC/B,IAAIR,eAAJ,EAAqB;MACnB,OAAOA,eAAP;IACD,CAFD,MAEO,IAAII,WAAW,IAAIC,IAAI,KAAK,UAA5B,EAAwC;MAC7C,OAAOf,OAAO,CAACG,SAAD,EAAYa,MAAM,CAACG,OAAnB,CAAd;IACD,CAFM,MAEA;MACL,OAAOH,MAAM,CAACG,OAAd;IACD;EACF,CARD;;EAUA,oBACE,oBAAC,QAAD,CAAU,IAAV,eACMX,IADN;IAEE,KAAK,EAAE,CACL;MACEE,eAAe,EAAEQ,kBAAkB,EADrC;MAEEf,SAFF;MAGE,GAAGc,eAHL;MAIE,GAAGN;IAJL,CADK;EAFT,IAWGJ,QAXH,CADF;AAeD,CA5CD;;AA8CA,eAAeN,SAAS,CAACC,OAAD,CAAxB"}
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","data","keyExtractor","renderItem","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle","map","item","index","component","key","cloneElement"],"sources":["Swiper.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps<T> {\n vertical?: boolean;\n loop?: boolean;\n from?: number;\n timeout?: number;\n prevTitle?: string;\n nextTitle?: string;\n prevTitleColor?: string;\n nextTitleColor?: string;\n dotsTouchable?: boolean;\n dotColor?: string;\n dotActiveColor?: string;\n children: React.ReactNode;\n data?: Array<T>;\n keyExtractor: (item: T, index: number) => string;\n renderItem?: ({ item, index }: { item: T; index: number }) => JSX.Element;\n style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n vertical = false,\n loop = false,\n timeout = 0,\n from = 0,\n prevTitle = \"\",\n nextTitle = \"\",\n prevTitleColor,\n nextTitleColor,\n dotsTouchable = true,\n dotColor,\n dotActiveColor,\n data,\n keyExtractor,\n renderItem,\n children,\n style,\n}: SwiperProps<any>) => (\n <View style={style}>\n <SwiperComponent\n from={from}\n loop={loop}\n timeout={timeout}\n vertical={vertical}\n controlsProps={{\n prevTitle,\n nextTitle,\n prevTitleStyle: { color: prevTitleColor },\n nextTitleStyle: { color: nextTitleColor },\n dotsTouchable,\n ...(dotColor\n ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n : {}),\n ...(dotActiveColor\n ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n : {}),\n }}\n >\n {data && renderItem\n ? data.map((item, index) => {\n const component = renderItem({ item, index });\n\n if (!component) {\n return null;\n }\n\n const key = keyExtractor ? keyExtractor(item, index) : index;\n return React.cloneElement(component, {\n key,\n });\n })\n : children}\n </SwiperComponent>\n </View>\n);\n\nexport default Swiper;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AAqBA,MAAMC,MAAM,GAAG;EAAA,IAAC;IACdC,QAAQ,GAAG,KADG;IAEdC,IAAI,GAAG,KAFO;IAGdC,OAAO,GAAG,CAHI;IAIdC,IAAI,GAAG,CAJO;IAKdC,SAAS,GAAG,EALE;IAMdC,SAAS,GAAG,EANE;IAOdC,cAPc;IAQdC,cARc;IASdC,aAAa,GAAG,IATF;IAUdC,QAVc;IAWdC,cAXc;IAYdC,IAZc;IAadC,YAbc;IAcdC,UAdc;IAedC,QAfc;IAgBdC;EAhBc,CAAD;EAAA,oBAkBb,oBAAC,IAAD;IAAM,KAAK,EAAEA;EAAb,gBACE,oBAAC,eAAD;IACE,IAAI,EAAEZ,IADR;IAEE,IAAI,EAAEF,IAFR;IAGE,OAAO,EAAEC,OAHX;IAIE,QAAQ,EAAEF,QAJZ;IAKE,aAAa,EAAE;MACbI,SADa;MAEbC,SAFa;MAGbW,cAAc,EAAE;QAAEC,KAAK,EAAEX;MAAT,CAHH;MAIbY,cAAc,EAAE;QAAED,KAAK,EAAEV;MAAT,CAJH;MAKbC,aALa;MAMb,IAAIC,QAAQ,GACR;QAAEU,QAAQ,EAAE;UAAEC,UAAU,EAAE;YAAEC,eAAe,EAAEZ;UAAnB;QAAd;MAAZ,CADQ,GAER,EAFJ,CANa;MASb,IAAIC,cAAc,GACd;QAAEY,cAAc,EAAE;UAAED,eAAe,EAAEX;QAAnB;MAAlB,CADc,GAEd,EAFJ;IATa;EALjB,GAmBGC,IAAI,IAAIE,UAAR,GACGF,IAAI,CAACY,GAAL,CAAS,CAACC,IAAD,EAAOC,KAAP,KAAiB;IACxB,MAAMC,SAAS,GAAGb,UAAU,CAAC;MAAEW,IAAF;MAAQC;IAAR,CAAD,CAA5B;;IAEA,IAAI,CAACC,SAAL,EAAgB;MACd,OAAO,IAAP;IACD;;IAED,MAAMC,GAAG,GAAGf,YAAY,GAAGA,YAAY,CAACY,IAAD,EAAOC,KAAP,CAAf,GAA+BA,KAAvD;IACA,oBAAO7B,KAAK,CAACgC,YAAN,CAAmBF,SAAnB,EAA8B;MACnCC;IADmC,CAA9B,CAAP;EAGD,CAXD,CADH,GAaGb,QAhCN,CADF,CAlBa;AAAA,CAAf;;AAwDA,eAAef,MAAf"}
1
+ {"version":3,"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","data","keyExtractor","renderItem","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle","map","item","index","component","key","cloneElement"],"sources":["Swiper.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps<T> {\n vertical?: boolean;\n loop?: boolean;\n from?: number;\n timeout?: number;\n prevTitle?: string;\n nextTitle?: string;\n prevTitleColor?: string;\n nextTitleColor?: string;\n dotsTouchable?: boolean;\n dotColor?: string;\n dotActiveColor?: string;\n children: React.ReactNode;\n data?: Array<T>;\n keyExtractor: (item: T, index: number) => string;\n renderItem?: ({ item, index }: { item: T; index: number }) => JSX.Element;\n style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n vertical = false,\n loop = false,\n timeout = 0,\n from = 0,\n prevTitle = \"\",\n nextTitle = \"\",\n prevTitleColor,\n nextTitleColor,\n dotsTouchable = true,\n dotColor,\n dotActiveColor,\n data,\n keyExtractor,\n renderItem,\n children,\n style,\n}: SwiperProps<any>) => (\n <View style={style}>\n {/* @ts-ignore */}\n <SwiperComponent\n from={from}\n loop={loop}\n timeout={timeout}\n vertical={vertical}\n controlsProps={{\n prevTitle,\n nextTitle,\n prevTitleStyle: { color: prevTitleColor },\n nextTitleStyle: { color: nextTitleColor },\n dotsTouchable,\n ...(dotColor\n ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n : {}),\n ...(dotActiveColor\n ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n : {}),\n }}\n >\n {data && renderItem\n ? data.map((item, index) => {\n const component = renderItem({ item, index });\n\n if (!component) {\n return null;\n }\n\n const key = keyExtractor ? keyExtractor(item, index) : index;\n return React.cloneElement(component, {\n key,\n });\n })\n : children}\n </SwiperComponent>\n </View>\n);\n\nexport default Swiper;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AAqBA,MAAMC,MAAM,GAAG;EAAA,IAAC;IACdC,QAAQ,GAAG,KADG;IAEdC,IAAI,GAAG,KAFO;IAGdC,OAAO,GAAG,CAHI;IAIdC,IAAI,GAAG,CAJO;IAKdC,SAAS,GAAG,EALE;IAMdC,SAAS,GAAG,EANE;IAOdC,cAPc;IAQdC,cARc;IASdC,aAAa,GAAG,IATF;IAUdC,QAVc;IAWdC,cAXc;IAYdC,IAZc;IAadC,YAbc;IAcdC,UAdc;IAedC,QAfc;IAgBdC;EAhBc,CAAD;EAAA,oBAkBb,oBAAC,IAAD;IAAM,KAAK,EAAEA;EAAb,gBAEE,oBAAC,eAAD;IACE,IAAI,EAAEZ,IADR;IAEE,IAAI,EAAEF,IAFR;IAGE,OAAO,EAAEC,OAHX;IAIE,QAAQ,EAAEF,QAJZ;IAKE,aAAa,EAAE;MACbI,SADa;MAEbC,SAFa;MAGbW,cAAc,EAAE;QAAEC,KAAK,EAAEX;MAAT,CAHH;MAIbY,cAAc,EAAE;QAAED,KAAK,EAAEV;MAAT,CAJH;MAKbC,aALa;MAMb,IAAIC,QAAQ,GACR;QAAEU,QAAQ,EAAE;UAAEC,UAAU,EAAE;YAAEC,eAAe,EAAEZ;UAAnB;QAAd;MAAZ,CADQ,GAER,EAFJ,CANa;MASb,IAAIC,cAAc,GACd;QAAEY,cAAc,EAAE;UAAED,eAAe,EAAEX;QAAnB;MAAlB,CADc,GAEd,EAFJ;IATa;EALjB,GAmBGC,IAAI,IAAIE,UAAR,GACGF,IAAI,CAACY,GAAL,CAAS,CAACC,IAAD,EAAOC,KAAP,KAAiB;IACxB,MAAMC,SAAS,GAAGb,UAAU,CAAC;MAAEW,IAAF;MAAQC;IAAR,CAAD,CAA5B;;IAEA,IAAI,CAACC,SAAL,EAAgB;MACd,OAAO,IAAP;IACD;;IAED,MAAMC,GAAG,GAAGf,YAAY,GAAGA,YAAY,CAACY,IAAD,EAAOC,KAAP,CAAf,GAA+BA,KAAvD;IACA,oBAAO7B,KAAK,CAACgC,YAAN,CAAmBF,SAAnB,EAA8B;MACnCC;IADmC,CAA9B,CAAP;EAGD,CAXD,CADH,GAaGb,QAhCN,CAFF,CAlBa;AAAA,CAAf;;AAyDA,eAAef,MAAf"}
@@ -1 +1 @@
1
- {"version":3,"names":["React","withTheme","StyleSheet","IconButton","ToggleButton","Icon","icon","toggled","onPress","defaultValue","disabled","color","colorSecondary","borderColor","iconSize","width","height","theme","colors","style","rest","internalValue","setInternalValue","useState","useEffect","handlePress","styles","mainContainer","backgroundColor","create","borderWidth"],"sources":["ToggleButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { colorTypes } from \"@draftbit/types\";\nimport { StyleProp, StyleSheet, ViewStyle } from \"react-native\";\nimport IconButton from \"./IconButton\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n icon: string;\n toggled?: boolean;\n onPress?: (value: boolean) => void;\n defaultValue?: boolean;\n disabled?: boolean;\n color?: colorTypes;\n colorSecondary?: colorTypes;\n borderColor?: colorTypes;\n iconSize?: number;\n width?: number;\n height?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst ToggleButton: React.FC<Props> = ({\n Icon,\n icon,\n toggled = false,\n onPress = () => {},\n defaultValue,\n disabled = false,\n color = \"primary\",\n colorSecondary = \"surface\",\n borderColor = \"divider\",\n iconSize = 25,\n width = 50,\n height = 50,\n theme: { colors },\n style,\n ...rest\n}) => {\n const [internalValue, setInternalValue] = React.useState<boolean>(\n toggled || defaultValue || false\n );\n\n React.useEffect(() => {\n if (toggled != null) {\n setInternalValue(toggled);\n }\n }, [toggled]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n const handlePress = () => {\n setInternalValue(!internalValue);\n onPress(!internalValue);\n };\n\n return (\n <IconButton\n Icon={Icon}\n icon={icon}\n size={iconSize}\n color={internalValue ? colors[color] : colors[colorSecondary]}\n onPress={handlePress}\n disabled={disabled}\n style={[\n styles.mainContainer,\n {\n width,\n height,\n backgroundColor: internalValue\n ? colors[colorSecondary]\n : colors[color],\n borderColor: colors[borderColor],\n },\n style,\n ]}\n {...rest}\n />\n );\n};\n\nconst styles = StyleSheet.create({\n mainContainer: {\n borderWidth: 1,\n },\n});\n\nexport default withTheme(ToggleButton);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAEA,SAAoBC,UAApB,QAAiD,cAAjD;AACA,OAAOC,UAAP,MAAuB,cAAvB;;AAoBA,MAAMC,YAA6B,GAAG,QAgBhC;EAAA,IAhBiC;IACrCC,IADqC;IAErCC,IAFqC;IAGrCC,OAAO,GAAG,KAH2B;IAIrCC,OAAO,GAAG,MAAM,CAAE,CAJmB;IAKrCC,YALqC;IAMrCC,QAAQ,GAAG,KAN0B;IAOrCC,KAAK,GAAG,SAP6B;IAQrCC,cAAc,GAAG,SARoB;IASrCC,WAAW,GAAG,SATuB;IAUrCC,QAAQ,GAAG,EAV0B;IAWrCC,KAAK,GAAG,EAX6B;IAYrCC,MAAM,GAAG,EAZ4B;IAarCC,KAAK,EAAE;MAAEC;IAAF,CAb8B;IAcrCC,KAdqC;IAerC,GAAGC;EAfkC,CAgBjC;EACJ,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCtB,KAAK,CAACuB,QAAN,CACxChB,OAAO,IAAIE,YAAX,IAA2B,KADa,CAA1C;EAIAT,KAAK,CAACwB,SAAN,CAAgB,MAAM;IACpB,IAAIjB,OAAO,IAAI,IAAf,EAAqB;MACnBe,gBAAgB,CAACf,OAAD,CAAhB;IACD;EACF,CAJD,EAIG,CAACA,OAAD,CAJH;EAMAP,KAAK,CAACwB,SAAN,CAAgB,MAAM;IACpB,IAAIf,YAAY,IAAI,IAApB,EAA0B;MACxBa,gBAAgB,CAACb,YAAD,CAAhB;IACD;EACF,CAJD,EAIG,CAACA,YAAD,CAJH;;EAMA,MAAMgB,WAAW,GAAG,MAAM;IACxBH,gBAAgB,CAAC,CAACD,aAAF,CAAhB;IACAb,OAAO,CAAC,CAACa,aAAF,CAAP;EACD,CAHD;;EAKA,oBACE,oBAAC,UAAD;IACE,IAAI,EAAEhB,IADR;IAEE,IAAI,EAAEC,IAFR;IAGE,IAAI,EAAEQ,QAHR;IAIE,KAAK,EAAEO,aAAa,GAAGH,MAAM,CAACP,KAAD,CAAT,GAAmBO,MAAM,CAACN,cAAD,CAJ/C;IAKE,OAAO,EAAEa,WALX;IAME,QAAQ,EAAEf,QANZ;IAOE,KAAK,EAAE,CACLgB,MAAM,CAACC,aADF,EAEL;MACEZ,KADF;MAEEC,MAFF;MAGEY,eAAe,EAAEP,aAAa,GAC1BH,MAAM,CAACN,cAAD,CADoB,GAE1BM,MAAM,CAACP,KAAD,CALZ;MAMEE,WAAW,EAAEK,MAAM,CAACL,WAAD;IANrB,CAFK,EAULM,KAVK;EAPT,GAmBMC,IAnBN,EADF;AAuBD,CA7DD;;AA+DA,MAAMM,MAAM,GAAGxB,UAAU,CAAC2B,MAAX,CAAkB;EAC/BF,aAAa,EAAE;IACbG,WAAW,EAAE;EADA;AADgB,CAAlB,CAAf;AAMA,eAAe7B,SAAS,CAACG,YAAD,CAAxB"}
1
+ {"version":3,"names":["React","withTheme","StyleSheet","IconButton","ToggleButton","Icon","icon","toggled","onPress","defaultValue","disabled","color","colorSecondary","borderColor","iconSize","width","height","theme","colors","style","rest","internalValue","setInternalValue","useState","useEffect","handlePress","styles","mainContainer","backgroundColor","create","borderWidth"],"sources":["ToggleButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { colorTypes } from \"@draftbit/types\";\nimport { StyleProp, StyleSheet, ViewStyle } from \"react-native\";\nimport IconButton from \"./IconButton\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n icon: string;\n toggled?: boolean;\n onPress?: (value: boolean) => void;\n defaultValue?: boolean;\n disabled?: boolean;\n color?: colorTypes;\n colorSecondary?: colorTypes;\n borderColor?: colorTypes;\n iconSize?: number;\n width?: number;\n height?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst ToggleButton: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n icon,\n toggled = false,\n onPress = () => {},\n defaultValue,\n disabled = false,\n color = \"primary\",\n colorSecondary = \"surface\",\n borderColor = \"divider\",\n iconSize = 25,\n width = 50,\n height = 50,\n theme: { colors },\n style,\n ...rest\n}) => {\n const [internalValue, setInternalValue] = React.useState<boolean>(\n toggled || defaultValue || false\n );\n\n React.useEffect(() => {\n if (toggled != null) {\n setInternalValue(toggled);\n }\n }, [toggled]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n const handlePress = () => {\n setInternalValue(!internalValue);\n onPress(!internalValue);\n };\n\n return (\n <IconButton\n Icon={Icon}\n icon={icon}\n size={iconSize}\n color={internalValue ? colors[color] : colors[colorSecondary]}\n onPress={handlePress}\n disabled={disabled}\n style={[\n styles.mainContainer,\n {\n width,\n height,\n backgroundColor: internalValue\n ? colors[colorSecondary]\n : colors[color],\n borderColor: colors[borderColor],\n },\n style,\n ]}\n {...rest}\n />\n );\n};\n\nconst styles = StyleSheet.create({\n mainContainer: {\n borderWidth: 1,\n },\n});\n\nexport default withTheme(ToggleButton);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAEA,SAAoBC,UAApB,QAAiD,cAAjD;AACA,OAAOC,UAAP,MAAuB,cAAvB;;AAoBA,MAAMC,YAAsD,GAAG,QAgBzD;EAAA,IAhB0D;IAC9DC,IAD8D;IAE9DC,IAF8D;IAG9DC,OAAO,GAAG,KAHoD;IAI9DC,OAAO,GAAG,MAAM,CAAE,CAJ4C;IAK9DC,YAL8D;IAM9DC,QAAQ,GAAG,KANmD;IAO9DC,KAAK,GAAG,SAPsD;IAQ9DC,cAAc,GAAG,SAR6C;IAS9DC,WAAW,GAAG,SATgD;IAU9DC,QAAQ,GAAG,EAVmD;IAW9DC,KAAK,GAAG,EAXsD;IAY9DC,MAAM,GAAG,EAZqD;IAa9DC,KAAK,EAAE;MAAEC;IAAF,CAbuD;IAc9DC,KAd8D;IAe9D,GAAGC;EAf2D,CAgB1D;EACJ,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCtB,KAAK,CAACuB,QAAN,CACxChB,OAAO,IAAIE,YAAX,IAA2B,KADa,CAA1C;EAIAT,KAAK,CAACwB,SAAN,CAAgB,MAAM;IACpB,IAAIjB,OAAO,IAAI,IAAf,EAAqB;MACnBe,gBAAgB,CAACf,OAAD,CAAhB;IACD;EACF,CAJD,EAIG,CAACA,OAAD,CAJH;EAMAP,KAAK,CAACwB,SAAN,CAAgB,MAAM;IACpB,IAAIf,YAAY,IAAI,IAApB,EAA0B;MACxBa,gBAAgB,CAACb,YAAD,CAAhB;IACD;EACF,CAJD,EAIG,CAACA,YAAD,CAJH;;EAMA,MAAMgB,WAAW,GAAG,MAAM;IACxBH,gBAAgB,CAAC,CAACD,aAAF,CAAhB;IACAb,OAAO,CAAC,CAACa,aAAF,CAAP;EACD,CAHD;;EAKA,oBACE,oBAAC,UAAD;IACE,IAAI,EAAEhB,IADR;IAEE,IAAI,EAAEC,IAFR;IAGE,IAAI,EAAEQ,QAHR;IAIE,KAAK,EAAEO,aAAa,GAAGH,MAAM,CAACP,KAAD,CAAT,GAAmBO,MAAM,CAACN,cAAD,CAJ/C;IAKE,OAAO,EAAEa,WALX;IAME,QAAQ,EAAEf,QANZ;IAOE,KAAK,EAAE,CACLgB,MAAM,CAACC,aADF,EAEL;MACEZ,KADF;MAEEC,MAFF;MAGEY,eAAe,EAAEP,aAAa,GAC1BH,MAAM,CAACN,cAAD,CADoB,GAE1BM,MAAM,CAACP,KAAD,CALZ;MAMEE,WAAW,EAAEK,MAAM,CAACL,WAAD;IANrB,CAFK,EAULM,KAVK;EAPT,GAmBMC,IAnBN,EADF;AAuBD,CA7DD;;AA+DA,MAAMM,MAAM,GAAGxB,UAAU,CAAC2B,MAAX,CAAkB;EAC/BF,aAAa,EAAE;IACbG,WAAW,EAAE;EADA;AADgB,CAAlB,CAAf;AAMA,eAAe7B,SAAS,CAACG,YAAD,CAAxB"}
@@ -1 +1 @@
1
- {"version":3,"names":["React","injectIcon","Component","Icon","props","createElement"],"sources":["Icon.ts"],"sourcesContent":["/**\n * This is an interface for a hybrid component.\n *\n * Its public implementation is `@draftbit/native`, and it is injected inside\n * `@draftbit/ui`.\n */\nimport React from \"react\";\nimport { ViewProps, StyleProp, ImageStyle } from \"react-native\";\n\nimport { Subtract } from \"utility-types\";\n\ntype Props = {\n name: string | number | { uri: string };\n color?: string;\n size: number;\n style?: StyleProp<ImageStyle>;\n} & ViewProps;\n\nexport type IconI = React.ComponentType<Props>;\n\nexport interface IconSlot {\n Icon: IconI;\n}\n\nexport const injectIcon =\n <P extends IconSlot>(Component: React.ComponentType<P>, Icon: IconI) =>\n (props: Subtract<P, IconSlot>) =>\n React.createElement(Component, { ...(props as P), Icon });\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AAkBA,OAAO,MAAMC,UAAU,GACrB,CAAqBC,SAArB,EAAwDC,IAAxD,KACCC,KAAD,iBACEJ,KAAK,CAACK,aAAN,CAAoBH,SAApB,EAA+B,EAAE,GAAIE,KAAN;EAAmBD;AAAnB,CAA/B,CAHG"}
1
+ {"version":3,"names":["React","injectIcon","Component","Icon","props","createElement"],"sources":["Icon.ts"],"sourcesContent":["/**\n * This is an interface for a hybrid component.\n *\n * Its public implementation is `@draftbit/native`, and it is injected inside\n * `@draftbit/ui`.\n */\nimport React from \"react\";\nimport { ViewProps, StyleProp, ImageStyle } from \"react-native\";\n\nimport { Subtract } from \"utility-types\";\n\ntype Props = {\n name: string;\n color?: string;\n size: number;\n style?: StyleProp<ImageStyle>;\n} & ViewProps;\n\nexport type IconI = React.ComponentType<Props>;\n\nexport interface IconSlot {\n Icon: IconI;\n}\n\nexport const injectIcon =\n <P extends IconSlot>(Component: React.ComponentType<P>, Icon: IconI) =>\n (props: Subtract<P, IconSlot>) =>\n React.createElement(Component, { ...(props as P), Icon });\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AAkBA,OAAO,MAAMC,UAAU,GACrB,CAAqBC,SAArB,EAAwDC,IAAxD,KACCC,KAAD,iBACEJ,KAAK,CAACK,aAAN,CAAoBH,SAApB,EAA+B,EAAE,GAAIE,KAAN;EAAmBD;AAAnB,CAA/B,CAHG"}