@draftbit/core 46.4.4-c96c31.2 → 46.4.4-ca1193.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (438) hide show
  1. package/lib/commonjs/components/AnimatedCircularProgress.js +2 -12
  2. package/lib/commonjs/components/CardContainer.js +5 -15
  3. package/lib/commonjs/components/CardContainerRating.js +5 -15
  4. package/lib/commonjs/components/CardContainerShortImage.js +5 -17
  5. package/lib/commonjs/components/Carousel.js +2 -2
  6. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +6 -24
  7. package/lib/commonjs/components/Checkbox/CheckboxRow.js +6 -24
  8. package/lib/commonjs/components/CircularProgress.js +7 -15
  9. package/lib/commonjs/components/DatePicker/DatePicker.js +8 -18
  10. package/lib/commonjs/components/DeprecatedCardWrapper.js +2 -17
  11. package/lib/commonjs/components/Elevation.js +3 -15
  12. package/lib/commonjs/components/Picker/PickerComponent.android.js +5 -24
  13. package/lib/commonjs/components/Picker/PickerComponent.web.js +5 -24
  14. package/lib/commonjs/components/ProgressBar.js +7 -23
  15. package/lib/commonjs/components/RadioButton/RadioButtonRow.js +6 -24
  16. package/lib/commonjs/components/ScreenContainer.js +5 -23
  17. package/lib/commonjs/components/StepIndicator.js +16 -34
  18. package/lib/commonjs/components/Stepper.js +1 -2
  19. package/lib/commonjs/components/Text.js +10 -40
  20. package/lib/commonjs/components/TextField.js +30 -63
  21. package/lib/commonjs/mappings/AudioPlayer.js +32 -2
  22. package/lib/commonjs/mappings/DatePicker.js +0 -13
  23. package/lib/commonjs/mappings/DatePickerInput.js +91 -0
  24. package/lib/commonjs/mappings/StarRating.js +2 -6
  25. package/lib/commonjs/mappings/TextArea.js +14 -3
  26. package/lib/commonjs/mappings/TextField.js +14 -4
  27. package/lib/commonjs/mappings/TextInput.js +14 -3
  28. package/lib/module/components/Accordion/AccordionItem.js +5 -26
  29. package/lib/module/components/Banner.js +4 -24
  30. package/lib/module/components/Button.js +11 -32
  31. package/lib/module/components/CardBlock.js +5 -15
  32. package/lib/module/components/Carousel.js +12 -36
  33. package/lib/module/components/Checkbox/CheckboxGroupRow.js +6 -24
  34. package/lib/module/components/Checkbox/CheckboxRow.js +6 -24
  35. package/lib/module/components/Checkbox/context.js +1 -1
  36. package/lib/module/components/CircularProgress.js +7 -15
  37. package/lib/module/components/DatePicker/DatePicker.js +16 -42
  38. package/lib/module/components/DeprecatedFAB.js +4 -22
  39. package/lib/module/components/Image.js +3 -18
  40. package/lib/module/components/Layout.js +21 -43
  41. package/lib/module/components/Picker/Picker.js +6 -13
  42. package/lib/module/components/Portal/PortalConsumer.js +8 -8
  43. package/lib/module/components/Portal/PortalHost.js +15 -26
  44. package/lib/module/components/RadioButton/RadioButton.js +2 -15
  45. package/lib/module/components/RadioButton/RadioButtonGroup.js +3 -17
  46. package/lib/module/components/RadioButton/RadioButtonRow.js +6 -24
  47. package/lib/module/components/RadioButton/context.js +1 -1
  48. package/lib/module/components/Stepper.js +1 -2
  49. package/lib/module/components/Surface.js +2 -16
  50. package/lib/module/components/Switch.js +10 -23
  51. package/lib/module/components/TextField.js +30 -62
  52. package/lib/module/mappings/AudioPlayer.js +33 -3
  53. package/lib/module/mappings/DatePicker.js +1 -14
  54. package/lib/module/mappings/DatePickerInput.js +82 -0
  55. package/lib/module/mappings/FieldSearchBarFull.js +1 -4
  56. package/lib/module/mappings/StarRating.js +2 -7
  57. package/lib/module/mappings/TextArea.js +15 -4
  58. package/lib/module/mappings/TextField.js +14 -4
  59. package/lib/module/mappings/TextInput.js +15 -4
  60. package/lib/typescript/src/Provider.d.ts +1 -0
  61. package/lib/typescript/src/Provider.d.ts.map +1 -0
  62. package/lib/typescript/src/components/Accordion/AccordionGroup.d.ts +1 -0
  63. package/lib/typescript/src/components/Accordion/AccordionGroup.d.ts.map +1 -0
  64. package/lib/typescript/src/components/Accordion/AccordionItem.d.ts +1 -0
  65. package/lib/typescript/src/components/Accordion/AccordionItem.d.ts.map +1 -0
  66. package/lib/typescript/src/components/Accordion/index.d.ts +1 -0
  67. package/lib/typescript/src/components/Accordion/index.d.ts.map +1 -0
  68. package/lib/typescript/src/components/ActionSheet/ActionSheet.d.ts +1 -0
  69. package/lib/typescript/src/components/ActionSheet/ActionSheet.d.ts.map +1 -0
  70. package/lib/typescript/src/components/ActionSheet/ActionSheetCancel.d.ts +1 -0
  71. package/lib/typescript/src/components/ActionSheet/ActionSheetCancel.d.ts.map +1 -0
  72. package/lib/typescript/src/components/ActionSheet/ActionSheetItem.d.ts +1 -0
  73. package/lib/typescript/src/components/ActionSheet/ActionSheetItem.d.ts.map +1 -0
  74. package/lib/typescript/src/components/ActionSheet/index.d.ts +1 -0
  75. package/lib/typescript/src/components/ActionSheet/index.d.ts.map +1 -0
  76. package/lib/typescript/src/components/AnimatedCircularProgress.d.ts +1 -0
  77. package/lib/typescript/src/components/AnimatedCircularProgress.d.ts.map +1 -0
  78. package/lib/typescript/src/components/AspectRatio.d.ts +1 -0
  79. package/lib/typescript/src/components/AspectRatio.d.ts.map +1 -0
  80. package/lib/typescript/src/components/AvatarEdit.d.ts +1 -0
  81. package/lib/typescript/src/components/AvatarEdit.d.ts.map +1 -0
  82. package/lib/typescript/src/components/Banner.d.ts +1 -0
  83. package/lib/typescript/src/components/Banner.d.ts.map +1 -0
  84. package/lib/typescript/src/components/Button.d.ts +1 -0
  85. package/lib/typescript/src/components/Button.d.ts.map +1 -0
  86. package/lib/typescript/src/components/Card.d.ts +1 -0
  87. package/lib/typescript/src/components/Card.d.ts.map +1 -0
  88. package/lib/typescript/src/components/CardBlock.d.ts +1 -0
  89. package/lib/typescript/src/components/CardBlock.d.ts.map +1 -0
  90. package/lib/typescript/src/components/CardContainer.d.ts +1 -0
  91. package/lib/typescript/src/components/CardContainer.d.ts.map +1 -0
  92. package/lib/typescript/src/components/CardContainerRating.d.ts +1 -0
  93. package/lib/typescript/src/components/CardContainerRating.d.ts.map +1 -0
  94. package/lib/typescript/src/components/CardContainerShortImage.d.ts +1 -0
  95. package/lib/typescript/src/components/CardContainerShortImage.d.ts.map +1 -0
  96. package/lib/typescript/src/components/CardInline.d.ts +1 -0
  97. package/lib/typescript/src/components/CardInline.d.ts.map +1 -0
  98. package/lib/typescript/src/components/Carousel.d.ts +1 -0
  99. package/lib/typescript/src/components/Carousel.d.ts.map +1 -0
  100. package/lib/typescript/src/components/Checkbox/Checkbox.d.ts +1 -0
  101. package/lib/typescript/src/components/Checkbox/Checkbox.d.ts.map +1 -0
  102. package/lib/typescript/src/components/Checkbox/CheckboxGroup.d.ts +1 -0
  103. package/lib/typescript/src/components/Checkbox/CheckboxGroup.d.ts.map +1 -0
  104. package/lib/typescript/src/components/Checkbox/CheckboxGroupRow.d.ts +1 -0
  105. package/lib/typescript/src/components/Checkbox/CheckboxGroupRow.d.ts.map +1 -0
  106. package/lib/typescript/src/components/Checkbox/CheckboxRow.d.ts +1 -0
  107. package/lib/typescript/src/components/Checkbox/CheckboxRow.d.ts.map +1 -0
  108. package/lib/typescript/src/components/Checkbox/context.d.ts +1 -0
  109. package/lib/typescript/src/components/Checkbox/context.d.ts.map +1 -0
  110. package/lib/typescript/src/components/Checkbox/index.d.ts +1 -0
  111. package/lib/typescript/src/components/Checkbox/index.d.ts.map +1 -0
  112. package/lib/typescript/src/components/CircleImage.d.ts +1 -0
  113. package/lib/typescript/src/components/CircleImage.d.ts.map +1 -0
  114. package/lib/typescript/src/components/CircularProgress.d.ts +1 -0
  115. package/lib/typescript/src/components/CircularProgress.d.ts.map +1 -0
  116. package/lib/typescript/src/components/Config.d.ts +1 -0
  117. package/lib/typescript/src/components/Config.d.ts.map +1 -0
  118. package/lib/typescript/src/components/Container.d.ts +1 -0
  119. package/lib/typescript/src/components/Container.d.ts.map +1 -0
  120. package/lib/typescript/src/components/DatePicker/DatePicker.d.ts +1 -4
  121. package/lib/typescript/src/components/DatePicker/DatePicker.d.ts.map +1 -0
  122. package/lib/typescript/src/components/DatePicker/DatePickerComponent.d.ts +1 -0
  123. package/lib/typescript/src/components/DatePicker/DatePickerComponent.d.ts.map +1 -0
  124. package/lib/typescript/src/components/DatePicker/DatePickerComponent.web.d.ts +1 -0
  125. package/lib/typescript/src/components/DatePicker/DatePickerComponent.web.d.ts.map +1 -0
  126. package/lib/typescript/src/components/DatePicker/DatePickerComponentType.d.ts +1 -0
  127. package/lib/typescript/src/components/DatePicker/DatePickerComponentType.d.ts.map +1 -0
  128. package/lib/typescript/src/components/DeprecatedButton.d.ts +1 -0
  129. package/lib/typescript/src/components/DeprecatedButton.d.ts.map +1 -0
  130. package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts +1 -0
  131. package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts.map +1 -0
  132. package/lib/typescript/src/components/DeprecatedFAB.d.ts +1 -0
  133. package/lib/typescript/src/components/DeprecatedFAB.d.ts.map +1 -0
  134. package/lib/typescript/src/components/Divider.d.ts +1 -0
  135. package/lib/typescript/src/components/Divider.d.ts.map +1 -0
  136. package/lib/typescript/src/components/Elevation.d.ts +1 -0
  137. package/lib/typescript/src/components/Elevation.d.ts.map +1 -0
  138. package/lib/typescript/src/components/FAB.d.ts +1 -0
  139. package/lib/typescript/src/components/FAB.d.ts.map +1 -0
  140. package/lib/typescript/src/components/FieldSearchBarFull.d.ts +1 -0
  141. package/lib/typescript/src/components/FieldSearchBarFull.d.ts.map +1 -0
  142. package/lib/typescript/src/components/FormRow.d.ts +1 -0
  143. package/lib/typescript/src/components/FormRow.d.ts.map +1 -0
  144. package/lib/typescript/src/components/Header.d.ts +1 -0
  145. package/lib/typescript/src/components/Header.d.ts.map +1 -0
  146. package/lib/typescript/src/components/HeaderLarge.d.ts +1 -0
  147. package/lib/typescript/src/components/HeaderLarge.d.ts.map +1 -0
  148. package/lib/typescript/src/components/HeaderMedium.d.ts +1 -0
  149. package/lib/typescript/src/components/HeaderMedium.d.ts.map +1 -0
  150. package/lib/typescript/src/components/HeaderOverline.d.ts +1 -0
  151. package/lib/typescript/src/components/HeaderOverline.d.ts.map +1 -0
  152. package/lib/typescript/src/components/IconButton.d.ts +1 -0
  153. package/lib/typescript/src/components/IconButton.d.ts.map +1 -0
  154. package/lib/typescript/src/components/Image.d.ts +1 -0
  155. package/lib/typescript/src/components/Image.d.ts.map +1 -0
  156. package/lib/typescript/src/components/Justification.d.ts +1 -0
  157. package/lib/typescript/src/components/Justification.d.ts.map +1 -0
  158. package/lib/typescript/src/components/Layout.d.ts +1 -0
  159. package/lib/typescript/src/components/Layout.d.ts.map +1 -0
  160. package/lib/typescript/src/components/NumberInput.d.ts +1 -0
  161. package/lib/typescript/src/components/NumberInput.d.ts.map +1 -0
  162. package/lib/typescript/src/components/Picker/Picker.d.ts +1 -0
  163. package/lib/typescript/src/components/Picker/Picker.d.ts.map +1 -0
  164. package/lib/typescript/src/components/Picker/PickerComponent.android.d.ts +1 -0
  165. package/lib/typescript/src/components/Picker/PickerComponent.android.d.ts.map +1 -0
  166. package/lib/typescript/src/components/Picker/PickerComponent.ios.d.ts +1 -0
  167. package/lib/typescript/src/components/Picker/PickerComponent.ios.d.ts.map +1 -0
  168. package/lib/typescript/src/components/Picker/PickerComponent.web.d.ts +1 -0
  169. package/lib/typescript/src/components/Picker/PickerComponent.web.d.ts.map +1 -0
  170. package/lib/typescript/src/components/Picker/PickerTypes.d.ts +1 -0
  171. package/lib/typescript/src/components/Picker/PickerTypes.d.ts.map +1 -0
  172. package/lib/typescript/src/components/Portal/Portal.d.ts +1 -0
  173. package/lib/typescript/src/components/Portal/Portal.d.ts.map +1 -0
  174. package/lib/typescript/src/components/Portal/PortalConsumer.d.ts +1 -0
  175. package/lib/typescript/src/components/Portal/PortalConsumer.d.ts.map +1 -0
  176. package/lib/typescript/src/components/Portal/PortalHost.d.ts +1 -0
  177. package/lib/typescript/src/components/Portal/PortalHost.d.ts.map +1 -0
  178. package/lib/typescript/src/components/Portal/PortalManager.d.ts +1 -0
  179. package/lib/typescript/src/components/Portal/PortalManager.d.ts.map +1 -0
  180. package/lib/typescript/src/components/ProgressBar.d.ts +1 -0
  181. package/lib/typescript/src/components/ProgressBar.d.ts.map +1 -0
  182. package/lib/typescript/src/components/ProgressCircle.d.ts +1 -0
  183. package/lib/typescript/src/components/ProgressCircle.d.ts.map +1 -0
  184. package/lib/typescript/src/components/ProgressIndicator.d.ts +1 -0
  185. package/lib/typescript/src/components/ProgressIndicator.d.ts.map +1 -0
  186. package/lib/typescript/src/components/RadioButton/RadioButton.d.ts +1 -0
  187. package/lib/typescript/src/components/RadioButton/RadioButton.d.ts.map +1 -0
  188. package/lib/typescript/src/components/RadioButton/RadioButtonFieldGroup.d.ts +1 -0
  189. package/lib/typescript/src/components/RadioButton/RadioButtonFieldGroup.d.ts.map +1 -0
  190. package/lib/typescript/src/components/RadioButton/RadioButtonGroup.d.ts +1 -0
  191. package/lib/typescript/src/components/RadioButton/RadioButtonGroup.d.ts.map +1 -0
  192. package/lib/typescript/src/components/RadioButton/RadioButtonRow.d.ts +1 -0
  193. package/lib/typescript/src/components/RadioButton/RadioButtonRow.d.ts.map +1 -0
  194. package/lib/typescript/src/components/RadioButton/context.d.ts +1 -0
  195. package/lib/typescript/src/components/RadioButton/context.d.ts.map +1 -0
  196. package/lib/typescript/src/components/RadioButton/index.d.ts +1 -0
  197. package/lib/typescript/src/components/RadioButton/index.d.ts.map +1 -0
  198. package/lib/typescript/src/components/ResizeMode.d.ts +1 -0
  199. package/lib/typescript/src/components/ResizeMode.d.ts.map +1 -0
  200. package/lib/typescript/src/components/Row.d.ts +1 -0
  201. package/lib/typescript/src/components/Row.d.ts.map +1 -0
  202. package/lib/typescript/src/components/RowBodyIcon.d.ts +1 -0
  203. package/lib/typescript/src/components/RowBodyIcon.d.ts.map +1 -0
  204. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +1 -0
  205. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +1 -0
  206. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +1 -0
  207. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +1 -0
  208. package/lib/typescript/src/components/SVG.d.ts +1 -0
  209. package/lib/typescript/src/components/SVG.d.ts.map +1 -0
  210. package/lib/typescript/src/components/ScreenContainer.d.ts +1 -0
  211. package/lib/typescript/src/components/ScreenContainer.d.ts.map +1 -0
  212. package/lib/typescript/src/components/Slider.d.ts +1 -0
  213. package/lib/typescript/src/components/Slider.d.ts.map +1 -0
  214. package/lib/typescript/src/components/StarRating.d.ts +1 -0
  215. package/lib/typescript/src/components/StarRating.d.ts.map +1 -0
  216. package/lib/typescript/src/components/StepIndicator.d.ts +1 -0
  217. package/lib/typescript/src/components/StepIndicator.d.ts.map +1 -0
  218. package/lib/typescript/src/components/Stepper.d.ts +1 -0
  219. package/lib/typescript/src/components/Stepper.d.ts.map +1 -0
  220. package/lib/typescript/src/components/Surface.d.ts +1 -0
  221. package/lib/typescript/src/components/Surface.d.ts.map +1 -0
  222. package/lib/typescript/src/components/Swiper/Swiper.d.ts +1 -0
  223. package/lib/typescript/src/components/Swiper/Swiper.d.ts.map +1 -0
  224. package/lib/typescript/src/components/Swiper/SwiperItem.d.ts +1 -0
  225. package/lib/typescript/src/components/Swiper/SwiperItem.d.ts.map +1 -0
  226. package/lib/typescript/src/components/Swiper/index.d.ts +1 -0
  227. package/lib/typescript/src/components/Swiper/index.d.ts.map +1 -0
  228. package/lib/typescript/src/components/Switch.d.ts +1 -0
  229. package/lib/typescript/src/components/Switch.d.ts.map +1 -0
  230. package/lib/typescript/src/components/Text.d.ts +1 -0
  231. package/lib/typescript/src/components/Text.d.ts.map +1 -0
  232. package/lib/typescript/src/components/TextField.d.ts +1 -0
  233. package/lib/typescript/src/components/TextField.d.ts.map +1 -0
  234. package/lib/typescript/src/components/ToggleButton.d.ts +1 -0
  235. package/lib/typescript/src/components/ToggleButton.d.ts.map +1 -0
  236. package/lib/typescript/src/components/Touchable.d.ts +1 -0
  237. package/lib/typescript/src/components/Touchable.d.ts.map +1 -0
  238. package/lib/typescript/src/components/Touchable.web.d.ts +1 -0
  239. package/lib/typescript/src/components/Touchable.web.d.ts.map +1 -0
  240. package/lib/typescript/src/components/Typography.d.ts +1 -0
  241. package/lib/typescript/src/components/Typography.d.ts.map +1 -0
  242. package/lib/typescript/src/components/useAuthState.d.ts +1 -0
  243. package/lib/typescript/src/components/useAuthState.d.ts.map +1 -0
  244. package/lib/typescript/src/constants.d.ts +1 -0
  245. package/lib/typescript/src/constants.d.ts.map +1 -0
  246. package/lib/typescript/src/hooks.d.ts +1 -0
  247. package/lib/typescript/src/hooks.d.ts.map +1 -0
  248. package/lib/typescript/src/index.d.ts +1 -0
  249. package/lib/typescript/src/index.d.ts.map +1 -0
  250. package/lib/typescript/src/interfaces/Icon.d.ts +1 -0
  251. package/lib/typescript/src/interfaces/Icon.d.ts.map +1 -0
  252. package/lib/typescript/src/mappings/Accordion.d.ts +1 -0
  253. package/lib/typescript/src/mappings/Accordion.d.ts.map +1 -0
  254. package/lib/typescript/src/mappings/AccordionItem.d.ts +1 -0
  255. package/lib/typescript/src/mappings/AccordionItem.d.ts.map +1 -0
  256. package/lib/typescript/src/mappings/ActionSheet.d.ts +1 -0
  257. package/lib/typescript/src/mappings/ActionSheet.d.ts.map +1 -0
  258. package/lib/typescript/src/mappings/ActionSheetCancel.d.ts +1 -0
  259. package/lib/typescript/src/mappings/ActionSheetCancel.d.ts.map +1 -0
  260. package/lib/typescript/src/mappings/ActionSheetItem.d.ts +1 -0
  261. package/lib/typescript/src/mappings/ActionSheetItem.d.ts.map +1 -0
  262. package/lib/typescript/src/mappings/ActivityIndicator.d.ts +1 -0
  263. package/lib/typescript/src/mappings/ActivityIndicator.d.ts.map +1 -0
  264. package/lib/typescript/src/mappings/AudioPlayer.d.ts +63 -1
  265. package/lib/typescript/src/mappings/AudioPlayer.d.ts.map +1 -0
  266. package/lib/typescript/src/mappings/AvatarEdit.d.ts +1 -0
  267. package/lib/typescript/src/mappings/AvatarEdit.d.ts.map +1 -0
  268. package/lib/typescript/src/mappings/Banner.d.ts +1 -0
  269. package/lib/typescript/src/mappings/Banner.d.ts.map +1 -0
  270. package/lib/typescript/src/mappings/BlurView.d.ts +1 -0
  271. package/lib/typescript/src/mappings/BlurView.d.ts.map +1 -0
  272. package/lib/typescript/src/mappings/Button.d.ts +1 -0
  273. package/lib/typescript/src/mappings/Button.d.ts.map +1 -0
  274. package/lib/typescript/src/mappings/Card.d.ts +1 -0
  275. package/lib/typescript/src/mappings/Card.d.ts.map +1 -0
  276. package/lib/typescript/src/mappings/CardBlock.d.ts +1 -0
  277. package/lib/typescript/src/mappings/CardBlock.d.ts.map +1 -0
  278. package/lib/typescript/src/mappings/CardContainer.d.ts +1 -0
  279. package/lib/typescript/src/mappings/CardContainer.d.ts.map +1 -0
  280. package/lib/typescript/src/mappings/CardContainerRating.d.ts +1 -0
  281. package/lib/typescript/src/mappings/CardContainerRating.d.ts.map +1 -0
  282. package/lib/typescript/src/mappings/CardContainerShortImage.d.ts +1 -0
  283. package/lib/typescript/src/mappings/CardContainerShortImage.d.ts.map +1 -0
  284. package/lib/typescript/src/mappings/CardInline.d.ts +1 -0
  285. package/lib/typescript/src/mappings/CardInline.d.ts.map +1 -0
  286. package/lib/typescript/src/mappings/Carousel.d.ts +1 -0
  287. package/lib/typescript/src/mappings/Carousel.d.ts.map +1 -0
  288. package/lib/typescript/src/mappings/Checkbox.d.ts +1 -0
  289. package/lib/typescript/src/mappings/Checkbox.d.ts.map +1 -0
  290. package/lib/typescript/src/mappings/CheckboxGroup.d.ts +1 -0
  291. package/lib/typescript/src/mappings/CheckboxGroup.d.ts.map +1 -0
  292. package/lib/typescript/src/mappings/CheckboxRow.d.ts +1 -0
  293. package/lib/typescript/src/mappings/CheckboxRow.d.ts.map +1 -0
  294. package/lib/typescript/src/mappings/CircleImage.d.ts +1 -0
  295. package/lib/typescript/src/mappings/CircleImage.d.ts.map +1 -0
  296. package/lib/typescript/src/mappings/Container.d.ts +1 -0
  297. package/lib/typescript/src/mappings/Container.d.ts.map +1 -0
  298. package/lib/typescript/src/mappings/CustomCode.d.ts +1 -0
  299. package/lib/typescript/src/mappings/CustomCode.d.ts.map +1 -0
  300. package/lib/typescript/src/mappings/DatePicker.d.ts +1 -42
  301. package/lib/typescript/src/mappings/DatePicker.d.ts.map +1 -0
  302. package/lib/typescript/src/mappings/DatePickerInput.d.ts +87 -0
  303. package/lib/typescript/src/mappings/DatePickerInput.d.ts.map +1 -0
  304. package/lib/typescript/src/mappings/Divider.d.ts +1 -0
  305. package/lib/typescript/src/mappings/Divider.d.ts.map +1 -0
  306. package/lib/typescript/src/mappings/FAB.d.ts +1 -0
  307. package/lib/typescript/src/mappings/FAB.d.ts.map +1 -0
  308. package/lib/typescript/src/mappings/Fetch.d.ts +1 -0
  309. package/lib/typescript/src/mappings/Fetch.d.ts.map +1 -0
  310. package/lib/typescript/src/mappings/FieldSearchBarFull.d.ts +1 -0
  311. package/lib/typescript/src/mappings/FieldSearchBarFull.d.ts.map +1 -0
  312. package/lib/typescript/src/mappings/FlashList.d.ts +1 -0
  313. package/lib/typescript/src/mappings/FlashList.d.ts.map +1 -0
  314. package/lib/typescript/src/mappings/FlatList.d.ts +1 -0
  315. package/lib/typescript/src/mappings/FlatList.d.ts.map +1 -0
  316. package/lib/typescript/src/mappings/HeaderLarge.d.ts +1 -0
  317. package/lib/typescript/src/mappings/HeaderLarge.d.ts.map +1 -0
  318. package/lib/typescript/src/mappings/HeaderMedium.d.ts +1 -0
  319. package/lib/typescript/src/mappings/HeaderMedium.d.ts.map +1 -0
  320. package/lib/typescript/src/mappings/HeaderOverline.d.ts +1 -0
  321. package/lib/typescript/src/mappings/HeaderOverline.d.ts.map +1 -0
  322. package/lib/typescript/src/mappings/Icon.d.ts +1 -0
  323. package/lib/typescript/src/mappings/Icon.d.ts.map +1 -0
  324. package/lib/typescript/src/mappings/IconButton.d.ts +1 -0
  325. package/lib/typescript/src/mappings/IconButton.d.ts.map +1 -0
  326. package/lib/typescript/src/mappings/Image.d.ts +1 -0
  327. package/lib/typescript/src/mappings/Image.d.ts.map +1 -0
  328. package/lib/typescript/src/mappings/ImageBackground.d.ts +1 -0
  329. package/lib/typescript/src/mappings/ImageBackground.d.ts.map +1 -0
  330. package/lib/typescript/src/mappings/KeyboardAvoidingView.d.ts +1 -0
  331. package/lib/typescript/src/mappings/KeyboardAvoidingView.d.ts.map +1 -0
  332. package/lib/typescript/src/mappings/KeyboardAwareScrollView.d.ts +1 -0
  333. package/lib/typescript/src/mappings/KeyboardAwareScrollView.d.ts.map +1 -0
  334. package/lib/typescript/src/mappings/Layout.d.ts +1 -0
  335. package/lib/typescript/src/mappings/Layout.d.ts.map +1 -0
  336. package/lib/typescript/src/mappings/LinearGradient.d.ts +1 -0
  337. package/lib/typescript/src/mappings/LinearGradient.d.ts.map +1 -0
  338. package/lib/typescript/src/mappings/MapCallout.d.ts +1 -0
  339. package/lib/typescript/src/mappings/MapCallout.d.ts.map +1 -0
  340. package/lib/typescript/src/mappings/MapMarker.d.ts +1 -0
  341. package/lib/typescript/src/mappings/MapMarker.d.ts.map +1 -0
  342. package/lib/typescript/src/mappings/MapView.d.ts +1 -0
  343. package/lib/typescript/src/mappings/MapView.d.ts.map +1 -0
  344. package/lib/typescript/src/mappings/Modal.d.ts +1 -0
  345. package/lib/typescript/src/mappings/Modal.d.ts.map +1 -0
  346. package/lib/typescript/src/mappings/NumberInput.d.ts +1 -0
  347. package/lib/typescript/src/mappings/NumberInput.d.ts.map +1 -0
  348. package/lib/typescript/src/mappings/Picker.d.ts +1 -0
  349. package/lib/typescript/src/mappings/Picker.d.ts.map +1 -0
  350. package/lib/typescript/src/mappings/ProgressBar.d.ts +1 -0
  351. package/lib/typescript/src/mappings/ProgressBar.d.ts.map +1 -0
  352. package/lib/typescript/src/mappings/ProgressCircle.d.ts +1 -0
  353. package/lib/typescript/src/mappings/ProgressCircle.d.ts.map +1 -0
  354. package/lib/typescript/src/mappings/ProgressIndicator.d.ts +1 -0
  355. package/lib/typescript/src/mappings/ProgressIndicator.d.ts.map +1 -0
  356. package/lib/typescript/src/mappings/RadioButton.d.ts +1 -0
  357. package/lib/typescript/src/mappings/RadioButton.d.ts.map +1 -0
  358. package/lib/typescript/src/mappings/RadioButtonGroup.d.ts +1 -0
  359. package/lib/typescript/src/mappings/RadioButtonGroup.d.ts.map +1 -0
  360. package/lib/typescript/src/mappings/RadioButtonRow.d.ts +1 -0
  361. package/lib/typescript/src/mappings/RadioButtonRow.d.ts.map +1 -0
  362. package/lib/typescript/src/mappings/RowBodyIcon.d.ts +1 -0
  363. package/lib/typescript/src/mappings/RowBodyIcon.d.ts.map +1 -0
  364. package/lib/typescript/src/mappings/RowHeadlineImageCaption.d.ts +1 -0
  365. package/lib/typescript/src/mappings/RowHeadlineImageCaption.d.ts.map +1 -0
  366. package/lib/typescript/src/mappings/RowHeadlineImageIcon.d.ts +1 -0
  367. package/lib/typescript/src/mappings/RowHeadlineImageIcon.d.ts.map +1 -0
  368. package/lib/typescript/src/mappings/SVG.d.ts +1 -0
  369. package/lib/typescript/src/mappings/SVG.d.ts.map +1 -0
  370. package/lib/typescript/src/mappings/SafeAreaView.d.ts +1 -0
  371. package/lib/typescript/src/mappings/SafeAreaView.d.ts.map +1 -0
  372. package/lib/typescript/src/mappings/ScrollView.d.ts +1 -0
  373. package/lib/typescript/src/mappings/ScrollView.d.ts.map +1 -0
  374. package/lib/typescript/src/mappings/Slider.d.ts +1 -0
  375. package/lib/typescript/src/mappings/Slider.d.ts.map +1 -0
  376. package/lib/typescript/src/mappings/StarRating.d.ts +1 -0
  377. package/lib/typescript/src/mappings/StarRating.d.ts.map +1 -0
  378. package/lib/typescript/src/mappings/Stepper.d.ts +1 -0
  379. package/lib/typescript/src/mappings/Stepper.d.ts.map +1 -0
  380. package/lib/typescript/src/mappings/Surface.d.ts +1 -0
  381. package/lib/typescript/src/mappings/Surface.d.ts.map +1 -0
  382. package/lib/typescript/src/mappings/Swiper.d.ts +1 -0
  383. package/lib/typescript/src/mappings/Swiper.d.ts.map +1 -0
  384. package/lib/typescript/src/mappings/SwiperItem.d.ts +1 -0
  385. package/lib/typescript/src/mappings/SwiperItem.d.ts.map +1 -0
  386. package/lib/typescript/src/mappings/Switch.d.ts +1 -0
  387. package/lib/typescript/src/mappings/Switch.d.ts.map +1 -0
  388. package/lib/typescript/src/mappings/Text.d.ts +1 -0
  389. package/lib/typescript/src/mappings/Text.d.ts.map +1 -0
  390. package/lib/typescript/src/mappings/TextArea.d.ts +22 -1
  391. package/lib/typescript/src/mappings/TextArea.d.ts.map +1 -0
  392. package/lib/typescript/src/mappings/TextField.d.ts +23 -2
  393. package/lib/typescript/src/mappings/TextField.d.ts.map +1 -0
  394. package/lib/typescript/src/mappings/TextInput.d.ts +22 -1
  395. package/lib/typescript/src/mappings/TextInput.d.ts.map +1 -0
  396. package/lib/typescript/src/mappings/ToggleButton.d.ts +1 -0
  397. package/lib/typescript/src/mappings/ToggleButton.d.ts.map +1 -0
  398. package/lib/typescript/src/mappings/Touchable.d.ts +1 -0
  399. package/lib/typescript/src/mappings/Touchable.d.ts.map +1 -0
  400. package/lib/typescript/src/mappings/Video.d.ts +1 -0
  401. package/lib/typescript/src/mappings/Video.d.ts.map +1 -0
  402. package/lib/typescript/src/mappings/View.d.ts +1 -0
  403. package/lib/typescript/src/mappings/View.d.ts.map +1 -0
  404. package/lib/typescript/src/mappings/WebView.d.ts +1 -0
  405. package/lib/typescript/src/mappings/WebView.d.ts.map +1 -0
  406. package/lib/typescript/src/styles/DarkTheme.d.ts +1 -0
  407. package/lib/typescript/src/styles/DarkTheme.d.ts.map +1 -0
  408. package/lib/typescript/src/styles/DefaultTheme.d.ts +1 -0
  409. package/lib/typescript/src/styles/DefaultTheme.d.ts.map +1 -0
  410. package/lib/typescript/src/styles/fonts.d.ts +1 -0
  411. package/lib/typescript/src/styles/fonts.d.ts.map +1 -0
  412. package/lib/typescript/src/styles/overlay.d.ts +1 -0
  413. package/lib/typescript/src/styles/overlay.d.ts.map +1 -0
  414. package/lib/typescript/src/styles/shadow.d.ts +1 -0
  415. package/lib/typescript/src/styles/shadow.d.ts.map +1 -0
  416. package/lib/typescript/src/theming.d.ts +1 -0
  417. package/lib/typescript/src/theming.d.ts.map +1 -0
  418. package/lib/typescript/src/utilities.d.ts +1 -0
  419. package/lib/typescript/src/utilities.d.ts.map +1 -0
  420. package/package.json +15 -5
  421. package/src/components/Carousel.js +2 -2
  422. package/src/components/Carousel.tsx +2 -2
  423. package/src/components/DatePicker/DatePicker.js +8 -14
  424. package/src/components/DatePicker/DatePicker.tsx +7 -23
  425. package/src/components/Stepper.js +0 -1
  426. package/src/components/Stepper.tsx +1 -1
  427. package/src/mappings/AudioPlayer.js +39 -2
  428. package/src/mappings/AudioPlayer.ts +41 -1
  429. package/src/mappings/DatePicker.js +1 -21
  430. package/src/mappings/DatePicker.ts +0 -23
  431. package/src/mappings/DatePickerInput.js +93 -0
  432. package/src/mappings/DatePickerInput.ts +104 -0
  433. package/src/mappings/TextArea.js +15 -4
  434. package/src/mappings/TextArea.ts +15 -3
  435. package/src/mappings/TextField.js +14 -4
  436. package/src/mappings/TextField.ts +14 -4
  437. package/src/mappings/TextInput.js +15 -4
  438. package/src/mappings/TextInput.ts +15 -3
@@ -1,5 +1,5 @@
1
1
  import { createContext, useContext } from "react";
2
- export var Direction;
2
+ export let Direction;
3
3
 
4
4
  (function (Direction) {
5
5
  Direction["Horizontal"] = "horizontal";
@@ -76,7 +76,6 @@ const Stepper = _ref => {
76
76
  opacity: value === max ? 0.5 : 1
77
77
  }
78
78
  }));
79
- }; //oh hello
80
-
79
+ };
81
80
 
82
81
  export default withTheme(Stepper);
@@ -1,3 +1,5 @@
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
+
1
3
  /* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
2
4
  import * as React from "react";
3
5
  import { Animated, StyleSheet } from "react-native";
@@ -36,22 +38,6 @@ const Surface = _ref => {
36
38
  }
37
39
  };
38
40
 
39
- return /*#__PURE__*/React.createElement(Animated.View, { ...rest,
40
- style: [{
41
- backgroundColor: getBackgroundColor(),
42
- elevation,
43
- ...evalationStyles,
44
- ...restStyle
45
- }]
46
- }, children);
47
- };
48
-
49
- export default withTheme(Surface); overlay(elevation, colors.surface);
50
- } else {
51
- return colors.surface;
52
- }
53
- };
54
-
55
41
  return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
56
42
  style: [{
57
43
  backgroundColor: getBackgroundColor(),
@@ -1,3 +1,5 @@
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
+
1
3
  import * as React from "react";
2
4
  import { Switch as NativeSwitch } from "react-native";
3
5
  import { withTheme } from "../theming";
@@ -37,24 +39,23 @@ function Switch(_ref) {
37
39
  setChecked(Boolean(defaultValue));
38
40
  }
39
41
  }, [defaultValue, previousDefaultValue]);
40
- return /*#__PURE__*/React.createElement(NativeSwitch, {
42
+ return /*#__PURE__*/React.createElement(NativeSwitch, _extends({
41
43
  value: checked,
42
44
  disabled: disabled,
43
45
  trackColor: {
44
46
  false: inactiveTrackThemeColor,
45
47
  true: activeTrackThemeColor
46
48
  },
47
- thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor,
48
- // @ts-ignore react-native-web only
49
+ thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor // @ts-ignore react-native-web only
50
+ ,
49
51
  activeThumbColor: activeThumbThemeColor,
50
52
  ios_backgroundColor: inactiveTrackThemeColor,
51
53
  style: style,
52
54
  onValueChange: bool => {
53
55
  setChecked(bool);
54
56
  onValueChange && onValueChange(bool);
55
- },
56
- ...rest
57
- });
57
+ }
58
+ }, rest));
58
59
  }
59
60
 
60
61
  function Row(_ref2) {
@@ -84,7 +85,7 @@ function Row(_ref2) {
84
85
  setChecked(defaultValue);
85
86
  }
86
87
  }, [defaultValue]);
87
- return /*#__PURE__*/React.createElement(FormRow, {
88
+ return /*#__PURE__*/React.createElement(FormRow, _extends({
88
89
  disabled: disabled,
89
90
  onPress: () => {
90
91
  setChecked(!checked);
@@ -92,9 +93,8 @@ function Row(_ref2) {
92
93
  },
93
94
  label: label,
94
95
  direction: direction,
95
- style: style,
96
- ...rest
97
- }, /*#__PURE__*/React.createElement(Switch, {
96
+ style: style
97
+ }, rest), /*#__PURE__*/React.createElement(Switch, {
98
98
  theme: theme,
99
99
  value: checked,
100
100
  disabled: disabled,
@@ -106,19 +106,6 @@ function Row(_ref2) {
106
106
  }));
107
107
  }
108
108
 
109
- const SwitchRow = withTheme(Row);
110
- export { SwitchRow };
111
- export default withTheme(Switch);me,
112
- value: checked,
113
- disabled: disabled,
114
- onValueChange: onValueChange,
115
- activeTrackColor: activeTrackColor,
116
- inactiveTrackColor: inactiveTrackColor,
117
- activeThumbColor: activeThumbColor,
118
- inactiveThumbColor: inactiveThumbColor
119
- }));
120
- }
121
-
122
109
  const SwitchRow = withTheme(Row);
123
110
  export { SwitchRow };
124
111
  export default withTheme(Switch);
@@ -1,3 +1,7 @@
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
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
4
+
1
5
  import * as React from "react";
2
6
  import { View, Animated, TextInput as NativeTextInput, StyleSheet, Text, I18nManager } from "react-native";
3
7
  import { withTheme } from "../theming";
@@ -10,7 +14,8 @@ const ICON_SIZE = 24;
10
14
  class TextField extends React.Component {
11
15
  constructor() {
12
16
  super(...arguments);
13
- this.state = {
17
+
18
+ _defineProperty(this, "state", {
14
19
  nativeProps: {},
15
20
  labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),
16
21
  focused: false,
@@ -19,35 +24,36 @@ class TextField extends React.Component {
19
24
  measured: false,
20
25
  width: 0
21
26
  }
22
- };
23
- this._timer = setTimeout(() => {}, 0);
27
+ });
28
+
29
+ _defineProperty(this, "_timer", setTimeout(() => {}, 0));
24
30
 
25
- this._showPlaceholder = () => {
31
+ _defineProperty(this, "_showPlaceholder", () => {
26
32
  clearTimeout(this._timer); // Set the placeholder in a delay to offset the label animation
27
33
  // If we show it immediately, they'll overlap and look ugly
28
34
 
29
35
  this._timer = setTimeout(() => this.setState({
30
36
  placeholder: this.props.placeholder
31
37
  }), 50);
32
- };
38
+ });
33
39
 
34
- this._hidePlaceholder = () => this.setState({
40
+ _defineProperty(this, "_hidePlaceholder", () => this.setState({
35
41
  placeholder: ""
36
- });
42
+ }));
37
43
 
38
- this._restoreLabel = () => Animated.timing(this.state.labeled, {
44
+ _defineProperty(this, "_restoreLabel", () => Animated.timing(this.state.labeled, {
39
45
  toValue: 1,
40
46
  duration: FOCUS_ANIMATION_DURATION,
41
47
  useNativeDriver: true
42
- }).start();
48
+ }).start());
43
49
 
44
- this._minmizeLabel = () => Animated.timing(this.state.labeled, {
50
+ _defineProperty(this, "_minmizeLabel", () => Animated.timing(this.state.labeled, {
45
51
  toValue: 0,
46
52
  duration: BLUR_ANIMATION_DURATION,
47
53
  useNativeDriver: true
48
- }).start();
54
+ }).start());
49
55
 
50
- this._handleFocus = () => {
56
+ _defineProperty(this, "_handleFocus", () => {
51
57
  if (this.props.disabled) {
52
58
  return;
53
59
  }
@@ -55,9 +61,9 @@ class TextField extends React.Component {
55
61
  this.setState({
56
62
  focused: true
57
63
  });
58
- };
64
+ });
59
65
 
60
- this._handleBlur = () => {
66
+ _defineProperty(this, "_handleBlur", () => {
61
67
  if (this.props.disabled) {
62
68
  return;
63
69
  }
@@ -65,9 +71,9 @@ class TextField extends React.Component {
65
71
  this.setState({
66
72
  focused: false
67
73
  });
68
- };
74
+ });
69
75
 
70
- this._handleChangeText = value => {
76
+ _defineProperty(this, "_handleChangeText", value => {
71
77
  if (this.props.disabled) {
72
78
  return;
73
79
  }
@@ -83,9 +89,9 @@ class TextField extends React.Component {
83
89
  });
84
90
  this.props.onChangeText && this.props.onChangeText(value.nativeEvent.text);
85
91
  }
86
- };
92
+ });
87
93
 
88
- this._root = undefined;
94
+ _defineProperty(this, "_root", undefined);
89
95
  }
90
96
 
91
97
  static getDerivedStateFromProps(nextProps, prevState) {
@@ -136,11 +142,10 @@ class TextField extends React.Component {
136
142
  focused: !prevState.focused
137
143
  }));
138
144
  }
145
+
139
146
  /**
140
147
  * @internal
141
148
  */
142
-
143
-
144
149
  setNativeProps(args) {
145
150
  this.setState(state => ({ ...state,
146
151
  nativeState: args || {}
@@ -185,8 +190,7 @@ class TextField extends React.Component {
185
190
  roundness,
186
191
  disabledOpacity
187
192
  },
188
- render = props => /*#__PURE__*/React.createElement(NativeTextInput, { ...props
189
- }),
193
+ render = props => /*#__PURE__*/React.createElement(NativeTextInput, props),
190
194
  ...rest
191
195
  } = this.props;
192
196
  const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
@@ -338,9 +342,9 @@ class TextField extends React.Component {
338
342
  } = StyleSheet.flatten(style || {});
339
343
  return /*#__PURE__*/React.createElement(View, {
340
344
  style: [styles.container, styleProp]
341
- }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
345
+ }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
342
346
  style: leftIconStyle
343
- }) : null, /*#__PURE__*/React.createElement(View, {
347
+ })) : null, /*#__PURE__*/React.createElement(View, {
344
348
  style: applyStyles([containerStyle], {
345
349
  height: style === null || style === void 0 ? void 0 : style.height,
346
350
  backgroundColor: bgColor,
@@ -407,9 +411,9 @@ class TextField extends React.Component {
407
411
  style: {
408
412
  justifyContent: type === "solid" ? "center" : undefined
409
413
  }
410
- }, /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
414
+ }, /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
411
415
  style: leftIconStyle
412
- })) : null, render({
416
+ }))) : null, render({
413
417
  ref: c => {
414
418
  this._root = c;
415
419
  },
@@ -447,42 +451,6 @@ class TextField extends React.Component {
447
451
 
448
452
  }
449
453
 
450
- export default withTheme(TextField);
451
- const styles = StyleSheet.create({
452
- container: {
453
- alignSelf: "stretch"
454
- },
455
- placeholder: {
456
- position: "absolute",
457
- left: 0
458
- },
459
- underline: {
460
- position: "absolute",
461
- left: 0,
462
- right: 0,
463
- bottom: 0,
464
- height: 2
465
- },
466
- input: {
467
- flexGrow: 1,
468
- justifyContent: "center",
469
- textAlignVertical: "center",
470
- margin: 0,
471
- textAlign: I18nManager.isRTL ? "right" : "left"
472
- }
473
- }); "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16
474
- }
475
- }) : null, assistiveText ? /*#__PURE__*/React.createElement(Text, {
476
- style: [{
477
- color: error ? colors.error : colors.light,
478
- marginTop: 8,
479
- marginLeft: assistiveTextLeftMargin
480
- }]
481
- }, assistiveText) : null);
482
- }
483
-
484
- }
485
-
486
454
  export default withTheme(TextField);
487
455
  const styles = StyleSheet.create({
488
456
  container: {
@@ -1,10 +1,20 @@
1
- import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES } from "@draftbit/types";
1
+ import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, StylesPanelSections, createColorProp, createNumberProp } from "@draftbit/types";
2
2
  export const SEED_DATA = {
3
3
  name: "Audio Player",
4
4
  tag: "AudioPlayer",
5
5
  description: "Given a source URL, plays sounds & audio!",
6
6
  category: COMPONENT_TYPES.media,
7
- layout: {},
7
+ stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position],
8
+ layout: {
9
+ backgroundColor: "#eee",
10
+ paddingLeft: 16,
11
+ paddingRight: 16,
12
+ paddingTop: 8,
13
+ paddingBottom: 8,
14
+ borderRadius: 24,
15
+ flexDirection: "row",
16
+ alignItems: "center"
17
+ },
8
18
  props: {
9
19
  source: {
10
20
  group: GROUPS.data,
@@ -15,6 +25,26 @@ export const SEED_DATA = {
15
25
  defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
16
26
  formType: FORM_TYPES.sourceUrl,
17
27
  propType: PROP_TYPES.OBJECT
18
- }
28
+ },
29
+ sliderColor: createColorProp({
30
+ label: "Thumb Color",
31
+ defaultValue: "strong"
32
+ }),
33
+ completedTrackColor: createColorProp({
34
+ label: "Completed Track Color",
35
+ defaultValue: "background"
36
+ }),
37
+ remainingTrackColor: createColorProp({
38
+ label: "Remaining Track Color",
39
+ defaultValue: "light"
40
+ }),
41
+ trackThumbSize: createNumberProp({
42
+ label: "Thumb Size",
43
+ defaultValue: 24
44
+ }),
45
+ playIconColor: createColorProp({
46
+ label: "Play Icon Color",
47
+ defaultValue: "strong"
48
+ })
19
49
  }
20
50
  };
@@ -1,4 +1,4 @@
1
- import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, StylesPanelSections, createNumberProp, createColorProp } from "@draftbit/types";
1
+ import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers } from "@draftbit/types";
2
2
  const SEED_DATA_PROPS = {
3
3
  label: {
4
4
  label: "Label",
@@ -10,12 +10,6 @@ const SEED_DATA_PROPS = {
10
10
  required: true,
11
11
  group: GROUPS.data
12
12
  },
13
- labelSize: createNumberProp({
14
- label: "Label Size"
15
- }),
16
- labelColor: createColorProp({
17
- label: "Label Color"
18
- }),
19
13
  mode: {
20
14
  label: "Mode",
21
15
  description: "Choose between date, time and datetime",
@@ -27,12 +21,6 @@ const SEED_DATA_PROPS = {
27
21
  options: ["date", "time", "datetime"],
28
22
  group: GROUPS.basic
29
23
  },
30
- borderColor: createColorProp({
31
- label: "Border Color"
32
- }),
33
- borderColorActive: createColorProp({
34
- label: "Border Color"
35
- }),
36
24
  format: {
37
25
  label: "Format",
38
26
  description: "Create an output format for the date.",
@@ -149,7 +137,6 @@ export const SEED_DATA = [{
149
137
  category: COMPONENT_TYPES.input,
150
138
  layout: null,
151
139
  triggers: [Triggers.OnDateChange],
152
- StylesPanelSections: [StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Size, StylesPanelSections.Typography],
153
140
  props: { ...SEED_DATA_PROPS,
154
141
  type: {
155
142
  label: "Appearance",
@@ -0,0 +1,82 @@
1
+ import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, StylesPanelSections } from "@draftbit/types";
2
+ const SEED_DATA_PROPS = {
3
+ locale: {
4
+ label: "Locale",
5
+ description: "Locale for the datepicker. Must be a valid Locale",
6
+ formType: FORM_TYPES.string,
7
+ propType: PROP_TYPES.STRING,
8
+ defaultValue: "en",
9
+ editable: true,
10
+ required: false,
11
+ group: GROUPS.basic
12
+ },
13
+ label: {
14
+ label: "Label",
15
+ description: "The label to be displayed on the picker",
16
+ formType: FORM_TYPES.string,
17
+ propType: PROP_TYPES.STRING,
18
+ defaultValue: "Date",
19
+ editable: true,
20
+ required: true,
21
+ group: GROUPS.data
22
+ },
23
+ calendarIcon: {
24
+ label: "Icon",
25
+ description: "The icon to display on the right",
26
+ formType: FORM_TYPES.icon,
27
+ propType: PROP_TYPES.STRING,
28
+ defaultValue: "calendar",
29
+ editable: true,
30
+ required: false,
31
+ group: GROUPS.basic
32
+ },
33
+ mode: {
34
+ label: "Mode",
35
+ description: "Choose between date, time and datetime",
36
+ defaultValue: "date",
37
+ editable: true,
38
+ required: true,
39
+ formType: FORM_TYPES.flatArray,
40
+ propType: PROP_TYPES.STRING,
41
+ options: ["date", "time", "datetime"],
42
+ group: GROUPS.basic
43
+ },
44
+ disabled: {
45
+ label: "Disabled",
46
+ description: "Whether the picker should be disabled. Will prevent selection and show a greyed out state.",
47
+ formType: FORM_TYPES.boolean,
48
+ propType: PROP_TYPES.BOOLEAN,
49
+ defaultValue: false,
50
+ editable: true,
51
+ required: false,
52
+ group: GROUPS.data
53
+ },
54
+ fieldName: { ...FIELD_NAME,
55
+ handlerPropName: "onDateChange",
56
+ valuePropName: "date",
57
+ defaultValue: "date"
58
+ }
59
+ };
60
+ export const SEED_DATA = [{
61
+ name: "Date Picker",
62
+ tag: "DatePickerInput",
63
+ packageName: "react-native-paper-dates",
64
+ description: "A component used to select a date from a visual calendar",
65
+ category: COMPONENT_TYPES.input,
66
+ layout: null,
67
+ triggers: [Triggers.OnDateChange],
68
+ StylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Size],
69
+ props: { ...SEED_DATA_PROPS,
70
+ type: {
71
+ label: "Appearance",
72
+ description: "Type of Datepicker",
73
+ formType: FORM_TYPES.flatArray,
74
+ propType: PROP_TYPES.STRING,
75
+ defaultValue: "solid",
76
+ options: ["solid", "underline"],
77
+ editable: true,
78
+ required: true,
79
+ group: GROUPS.basic
80
+ }
81
+ }
82
+ }];
@@ -8,6 +8,7 @@ export const SEED_DATA = [{
8
8
  preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
9
9
  supports_list_render: false,
10
10
  triggers: [Triggers.OnChange],
11
+ // TODO Triggers.OnSubmit for multiple triggers
11
12
  props: {
12
13
  icon: {
13
14
  group: GROUPS.basic,
@@ -44,8 +45,4 @@ export const SEED_DATA = [{
44
45
  }
45
46
  },
46
47
  layout: {}
47
- }];alue: "searchBarValue"
48
- }
49
- },
50
- layout: {}
51
48
  }];
@@ -17,7 +17,9 @@ export const SEED_DATA = {
17
17
  }),
18
18
  fieldName: createFieldNameProp({
19
19
  defaultValue: "ratingValue",
20
+ // this is the name of the variable declared on the screen in Draftbit
20
21
  handlerPropName: "onPress",
22
+ // the change handler prop in this component
21
23
  valuePropName: "rating" // the value prop in this component
22
24
 
23
25
  }),
@@ -41,11 +43,4 @@ export const SEED_DATA = {
41
43
  defaultValue: "divider"
42
44
  })
43
45
  }
44
- };primary"
45
- }),
46
- inactiveColor: createColorProp({
47
- label: "Inactive Color",
48
- defaultValue: "divider"
49
- })
50
- }
51
46
  };
@@ -1,4 +1,4 @@
1
- import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers } from "@draftbit/types";
1
+ import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, createDisabledProp } from "@draftbit/types";
2
2
  export const SEED_DATA = {
3
3
  name: "Text Area",
4
4
  tag: "TextInput",
@@ -59,6 +59,17 @@ export const SEED_DATA = {
59
59
  formType: FORM_TYPES.boolean,
60
60
  propType: PROP_TYPES.BOOLEAN
61
61
  },
62
+ blurOnSubmit: {
63
+ group: GROUPS.advanced,
64
+ label: "Blur On Submit",
65
+ description: "If true, the text field will blur when submitted. ",
66
+ editable: true,
67
+ required: false,
68
+ defaultValue: null,
69
+ formType: FORM_TYPES.boolean,
70
+ propType: PROP_TYPES.BOOLEAN
71
+ },
72
+ disabled: createDisabledProp(),
62
73
  caretHidden: {
63
74
  group: GROUPS.advanced,
64
75
  label: "Hide Caret",
@@ -80,12 +91,12 @@ export const SEED_DATA = {
80
91
  propType: PROP_TYPES.BOOLEAN
81
92
  },
82
93
  editable: {
83
- group: GROUPS.advanced,
84
- label: "Editable",
94
+ group: GROUPS.data,
95
+ label: "Editable?",
85
96
  description: "If false, the text is not editable",
86
97
  editable: true,
87
98
  required: false,
88
- defaultValue: true,
99
+ defaultValue: null,
89
100
  formType: FORM_TYPES.boolean,
90
101
  propType: PROP_TYPES.BOOLEAN
91
102
  },
@@ -62,7 +62,7 @@ const SEED_DATA_PROPS = {
62
62
  propType: PROP_TYPES.BOOLEAN
63
63
  },
64
64
  disabled: {
65
- group: GROUPS.basic,
65
+ group: GROUPS.data,
66
66
  label: "Disabled",
67
67
  description: "Whether the input should be disabled. Will prevent input and show a greyed out state.",
68
68
  formType: FORM_TYPES.boolean,
@@ -72,12 +72,22 @@ const SEED_DATA_PROPS = {
72
72
  required: false
73
73
  },
74
74
  editable: {
75
- group: GROUPS.advanced,
76
- label: "Editable",
75
+ group: GROUPS.data,
76
+ label: "Editable?",
77
77
  description: "If false, the text is not editable",
78
78
  editable: true,
79
79
  required: false,
80
- defaultValue: true,
80
+ defaultValue: null,
81
+ formType: FORM_TYPES.boolean,
82
+ propType: PROP_TYPES.BOOLEAN
83
+ },
84
+ blurOnSubmit: {
85
+ group: GROUPS.advanced,
86
+ label: "Blur On Submit",
87
+ description: "If true, the text field will blur when submitted. ",
88
+ editable: true,
89
+ required: false,
90
+ defaultValue: null,
81
91
  formType: FORM_TYPES.boolean,
82
92
  propType: PROP_TYPES.BOOLEAN
83
93
  },
@@ -1,4 +1,4 @@
1
- import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections } from "@draftbit/types";
1
+ import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections, createDisabledProp } from "@draftbit/types";
2
2
  export const SEED_DATA_PROPS = {
3
3
  style: {
4
4
  group: GROUPS.basic,
@@ -140,12 +140,12 @@ export const SEED_DATA = [{
140
140
  propType: PROP_TYPES.BOOLEAN
141
141
  },
142
142
  editable: {
143
- group: GROUPS.advanced,
144
- label: "Editable",
143
+ group: GROUPS.data,
144
+ label: "Editable?",
145
145
  description: "If false, the text is not editable",
146
146
  editable: true,
147
147
  required: false,
148
- defaultValue: true,
148
+ defaultValue: null,
149
149
  formType: FORM_TYPES.boolean,
150
150
  propType: PROP_TYPES.BOOLEAN
151
151
  },
@@ -214,6 +214,16 @@ export const SEED_DATA = [{
214
214
  formType: FORM_TYPES.string,
215
215
  propType: PROP_TYPES.STRING
216
216
  },
217
+ blurOnSubmit: {
218
+ group: GROUPS.advanced,
219
+ label: "Blur On Submit",
220
+ description: "If true, the text field will blur when submitted. ",
221
+ editable: true,
222
+ required: false,
223
+ defaultValue: null,
224
+ formType: FORM_TYPES.boolean,
225
+ propType: PROP_TYPES.BOOLEAN
226
+ },
217
227
  returnKeyType: {
218
228
  group: GROUPS.advanced,
219
229
  label: "Return Key Type",
@@ -279,6 +289,7 @@ export const SEED_DATA = [{
279
289
  formType: FORM_TYPES.number,
280
290
  propType: PROP_TYPES.NUMBER
281
291
  },
292
+ disabled: createDisabledProp(),
282
293
  scrollEnabled: {
283
294
  group: GROUPS.basic,
284
295
  label: "Scroll Enabled",
@@ -8,3 +8,4 @@ export default class Provider extends React.Component<Props> {
8
8
  render(): JSX.Element;
9
9
  }
10
10
  export {};
11
+ //# sourceMappingURL=Provider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAC1D,MAAM;CAUP"}
@@ -19,3 +19,4 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
19
19
  theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
20
20
  }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<AccordionGroupProps> & (({ label, expanded: expandedProp, openColor, closedColor, caretColor: caretColorProp, caretSize, icon, iconSize, style, children, theme, Icon, }: AccordionGroupProps) => JSX.Element), {}>;
21
21
  export default _default;
22
+ //# sourceMappingURL=AccordionGroup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,aAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AAoFb,wBAAyC"}
@@ -13,3 +13,4 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
13
13
  theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
14
14
  }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & (({ Icon, icon, label, style, iconColor, theme, ...rest }: Props) => JSX.Element), {}>;
15
15
  export default _default;
16
+ //# sourceMappingURL=AccordionItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AAoDb,wBAAwC"}