@draftbit/core 47.0.1-e04fa3.2 → 47.1.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 (328) hide show
  1. package/lib/commonjs/components/Button.js +3 -3
  2. package/lib/commonjs/components/Checkbox/Checkbox.js +1 -3
  3. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +1 -2
  4. package/lib/commonjs/components/Checkbox/CheckboxRow.js +1 -2
  5. package/lib/commonjs/components/DeprecatedButton.js +3 -27
  6. package/lib/commonjs/components/DeprecatedFAB.js +1 -2
  7. package/lib/commonjs/components/Justification.js +1 -5
  8. package/lib/commonjs/components/Pressable.js +37 -0
  9. package/lib/commonjs/components/ResizeMode.js +1 -5
  10. package/lib/commonjs/components/Swiper/Swiper.js +2 -0
  11. package/lib/commonjs/components/Touchable.js +8 -3
  12. package/lib/commonjs/index.js +89 -25
  13. package/lib/commonjs/mappings/Button.js +39 -10
  14. package/lib/commonjs/mappings/FlashList.js +45 -2
  15. package/lib/commonjs/mappings/FlatList.js +12 -0
  16. package/lib/commonjs/mappings/Swiper.js +2 -0
  17. package/lib/commonjs/mappings/Touchable.js +47 -7
  18. package/lib/module/components/Button.js +3 -3
  19. package/lib/module/components/Checkbox/Checkbox.js +2 -3
  20. package/lib/module/components/Checkbox/CheckboxGroupRow.js +2 -3
  21. package/lib/module/components/Checkbox/CheckboxRow.js +2 -3
  22. package/lib/module/components/DeprecatedButton.js +4 -28
  23. package/lib/module/components/DeprecatedFAB.js +2 -3
  24. package/lib/module/components/Justification.js +0 -1
  25. package/lib/module/components/Pressable.js +30 -0
  26. package/lib/module/components/ResizeMode.js +0 -1
  27. package/lib/module/components/Swiper/Swiper.js +2 -0
  28. package/lib/module/components/Touchable.js +8 -3
  29. package/lib/module/index.js +32 -121
  30. package/lib/module/mappings/Button.js +40 -11
  31. package/lib/module/mappings/FlashList.js +46 -3
  32. package/lib/module/mappings/FlatList.js +13 -1
  33. package/lib/module/mappings/Swiper.js +3 -1
  34. package/lib/module/mappings/Touchable.js +49 -9
  35. package/lib/typescript/src/components/Button.d.ts.map +1 -1
  36. package/lib/typescript/src/components/Checkbox/Checkbox.d.ts +2 -2
  37. package/lib/typescript/src/components/Checkbox/Checkbox.d.ts.map +1 -1
  38. package/lib/typescript/src/components/Checkbox/CheckboxGroupRow.d.ts.map +1 -1
  39. package/lib/typescript/src/components/Checkbox/CheckboxRow.d.ts.map +1 -1
  40. package/lib/typescript/src/components/DeprecatedButton.d.ts +2 -2
  41. package/lib/typescript/src/components/DeprecatedButton.d.ts.map +1 -1
  42. package/lib/typescript/src/components/DeprecatedFAB.d.ts +2 -2
  43. package/lib/typescript/src/components/DeprecatedFAB.d.ts.map +1 -1
  44. package/lib/typescript/src/components/Pressable.d.ts +10 -0
  45. package/lib/typescript/src/components/Pressable.d.ts.map +1 -0
  46. package/lib/typescript/src/components/Swiper/Swiper.d.ts +2 -1
  47. package/lib/typescript/src/components/Swiper/Swiper.d.ts.map +1 -1
  48. package/lib/typescript/src/components/Touchable.d.ts +5 -6
  49. package/lib/typescript/src/components/Touchable.d.ts.map +1 -1
  50. package/lib/typescript/src/index.d.ts +30 -102
  51. package/lib/typescript/src/index.d.ts.map +1 -1
  52. package/lib/typescript/src/mappings/Button.d.ts +113 -4
  53. package/lib/typescript/src/mappings/Button.d.ts.map +1 -1
  54. package/lib/typescript/src/mappings/FlashList.d.ts +112 -2
  55. package/lib/typescript/src/mappings/FlashList.d.ts.map +1 -1
  56. package/lib/typescript/src/mappings/FlatList.d.ts +42 -0
  57. package/lib/typescript/src/mappings/FlatList.d.ts.map +1 -1
  58. package/lib/typescript/src/mappings/Swiper.d.ts +11 -0
  59. package/lib/typescript/src/mappings/Swiper.d.ts.map +1 -1
  60. package/lib/typescript/src/mappings/Touchable.d.ts +59 -5
  61. package/lib/typescript/src/mappings/Touchable.d.ts.map +1 -1
  62. package/package.json +3 -3
  63. package/src/components/Button.tsx +14 -4
  64. package/src/components/Checkbox/Checkbox.tsx +5 -7
  65. package/src/components/Checkbox/CheckboxGroupRow.tsx +3 -3
  66. package/src/components/Checkbox/CheckboxRow.tsx +3 -3
  67. package/src/components/DeprecatedButton.tsx +7 -31
  68. package/src/components/DeprecatedFAB.tsx +5 -5
  69. package/src/components/Pressable.tsx +44 -0
  70. package/src/components/Swiper/Swiper.tsx +3 -0
  71. package/src/components/Touchable.tsx +11 -7
  72. package/src/index.tsx +44 -123
  73. package/src/mappings/Button.ts +41 -10
  74. package/src/mappings/FlashList.ts +82 -30
  75. package/src/mappings/FlatList.ts +16 -0
  76. package/src/mappings/Swiper.ts +4 -0
  77. package/src/mappings/Touchable.ts +53 -6
  78. package/lib/commonjs/mappings/NativeBase/AlertDialog.js +0 -102
  79. package/lib/commonjs/mappings/NativeBase/Button.js +0 -84
  80. package/lib/commonjs/mappings/NativeBase/DataDisplay.js +0 -61
  81. package/lib/commonjs/mappings/NativeBase/Feedback.js +0 -74
  82. package/lib/commonjs/mappings/NativeBase/Layout.js +0 -114
  83. package/lib/commonjs/mappings/NativeBase/Media.js +0 -49
  84. package/lib/commonjs/mappings/NativeBase/Menu.js +0 -111
  85. package/lib/commonjs/mappings/NativeBase/Modal.js +0 -93
  86. package/lib/commonjs/mappings/NativeBase/Other.js +0 -94
  87. package/lib/commonjs/mappings/NativeBase/Popover.js +0 -99
  88. package/lib/commonjs/mappings/NativeBase/Select.js +0 -65
  89. package/lib/commonjs/mappings/NativeBase/Slider.js +0 -81
  90. package/lib/module/mappings/NativeBase/AlertDialog.js +0 -95
  91. package/lib/module/mappings/NativeBase/Button.js +0 -86
  92. package/lib/module/mappings/NativeBase/DataDisplay.js +0 -54
  93. package/lib/module/mappings/NativeBase/Feedback.js +0 -67
  94. package/lib/module/mappings/NativeBase/Layout.js +0 -107
  95. package/lib/module/mappings/NativeBase/Media.js +0 -42
  96. package/lib/module/mappings/NativeBase/Menu.js +0 -104
  97. package/lib/module/mappings/NativeBase/Modal.js +0 -86
  98. package/lib/module/mappings/NativeBase/Other.js +0 -87
  99. package/lib/module/mappings/NativeBase/Popover.js +0 -92
  100. package/lib/module/mappings/NativeBase/Select.js +0 -58
  101. package/lib/module/mappings/NativeBase/Slider.js +0 -74
  102. package/lib/typescript/src/mappings/NativeBase/AlertDialog.d.ts +0 -146
  103. package/lib/typescript/src/mappings/NativeBase/AlertDialog.d.ts.map +0 -1
  104. package/lib/typescript/src/mappings/NativeBase/Button.d.ts +0 -1
  105. package/lib/typescript/src/mappings/NativeBase/Button.d.ts.map +0 -1
  106. package/lib/typescript/src/mappings/NativeBase/DataDisplay.d.ts +0 -96
  107. package/lib/typescript/src/mappings/NativeBase/DataDisplay.d.ts.map +0 -1
  108. package/lib/typescript/src/mappings/NativeBase/Feedback.d.ts +0 -2
  109. package/lib/typescript/src/mappings/NativeBase/Feedback.d.ts.map +0 -1
  110. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +0 -146
  111. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +0 -1
  112. package/lib/typescript/src/mappings/NativeBase/Media.d.ts +0 -48
  113. package/lib/typescript/src/mappings/NativeBase/Media.d.ts.map +0 -1
  114. package/lib/typescript/src/mappings/NativeBase/Menu.d.ts +0 -227
  115. package/lib/typescript/src/mappings/NativeBase/Menu.d.ts.map +0 -1
  116. package/lib/typescript/src/mappings/NativeBase/Modal.d.ts +0 -133
  117. package/lib/typescript/src/mappings/NativeBase/Modal.d.ts.map +0 -1
  118. package/lib/typescript/src/mappings/NativeBase/Other.d.ts +0 -179
  119. package/lib/typescript/src/mappings/NativeBase/Other.d.ts.map +0 -1
  120. package/lib/typescript/src/mappings/NativeBase/Popover.d.ts +0 -136
  121. package/lib/typescript/src/mappings/NativeBase/Popover.d.ts.map +0 -1
  122. package/lib/typescript/src/mappings/NativeBase/Select.d.ts +0 -156
  123. package/lib/typescript/src/mappings/NativeBase/Select.d.ts.map +0 -1
  124. package/lib/typescript/src/mappings/NativeBase/Slider.d.ts +0 -200
  125. package/lib/typescript/src/mappings/NativeBase/Slider.d.ts.map +0 -1
  126. package/src/Provider.js +0 -9
  127. package/src/components/Accordion/AccordionGroup.js +0 -44
  128. package/src/components/Accordion/AccordionItem.js +0 -32
  129. package/src/components/Accordion/index.js +0 -2
  130. package/src/components/ActionSheet/ActionSheet.js +0 -45
  131. package/src/components/ActionSheet/ActionSheetCancel.js +0 -6
  132. package/src/components/ActionSheet/ActionSheetItem.js +0 -30
  133. package/src/components/ActionSheet/index.js +0 -3
  134. package/src/components/AnimatedCircularProgress.js +0 -43
  135. package/src/components/AspectRatio.js +0 -18
  136. package/src/components/AvatarEdit.js +0 -30
  137. package/src/components/Banner.js +0 -109
  138. package/src/components/Button.js +0 -114
  139. package/src/components/Card.js +0 -57
  140. package/src/components/CardBlock.js +0 -54
  141. package/src/components/CardContainer.js +0 -69
  142. package/src/components/CardContainerRating.js +0 -79
  143. package/src/components/CardContainerShortImage.js +0 -33
  144. package/src/components/CardInline.js +0 -36
  145. package/src/components/Carousel.js +0 -68
  146. package/src/components/Checkbox/Checkbox.js +0 -63
  147. package/src/components/Checkbox/CheckboxGroup.js +0 -21
  148. package/src/components/Checkbox/CheckboxGroupRow.js +0 -77
  149. package/src/components/Checkbox/CheckboxRow.js +0 -78
  150. package/src/components/Checkbox/context.js +0 -14
  151. package/src/components/Checkbox/index.js +0 -3
  152. package/src/components/CircleImage.js +0 -8
  153. package/src/components/CircularProgress.js +0 -81
  154. package/src/components/Config.js +0 -64
  155. package/src/components/Container.js +0 -43
  156. package/src/components/DatePicker/DatePicker.js +0 -377
  157. package/src/components/DatePicker/DatePickerComponent.js +0 -13
  158. package/src/components/DatePicker/DatePickerComponent.web.js +0 -30
  159. package/src/components/DatePicker/DatePickerComponentType.js +0 -1
  160. package/src/components/DeprecatedButton.js +0 -95
  161. package/src/components/DeprecatedCardWrapper.js +0 -18
  162. package/src/components/DeprecatedFAB.js +0 -115
  163. package/src/components/Divider.js +0 -13
  164. package/src/components/Elevation.js +0 -20
  165. package/src/components/FAB.js +0 -46
  166. package/src/components/FieldSearchBarFull.js +0 -53
  167. package/src/components/FormRow.js +0 -19
  168. package/src/components/Header.js +0 -44
  169. package/src/components/HeaderLarge.js +0 -7
  170. package/src/components/HeaderMedium.js +0 -7
  171. package/src/components/HeaderOverline.js +0 -7
  172. package/src/components/IconButton.js +0 -35
  173. package/src/components/Image.js +0 -47
  174. package/src/components/Justification.js +0 -1
  175. package/src/components/Layout.js +0 -50
  176. package/src/components/NumberInput.js +0 -49
  177. package/src/components/Picker/Picker.js +0 -267
  178. package/src/components/Picker/PickerComponent.android.js +0 -69
  179. package/src/components/Picker/PickerComponent.ios.js +0 -79
  180. package/src/components/Picker/PickerComponent.web.js +0 -70
  181. package/src/components/Picker/PickerTypes.js +0 -1
  182. package/src/components/Portal/Portal.js +0 -35
  183. package/src/components/Portal/PortalConsumer.js +0 -27
  184. package/src/components/Portal/PortalHost.js +0 -107
  185. package/src/components/Portal/PortalManager.js +0 -32
  186. package/src/components/ProgressBar.js +0 -118
  187. package/src/components/ProgressCircle.js +0 -13
  188. package/src/components/ProgressIndicator.js +0 -27
  189. package/src/components/RadioButton/RadioButton.js +0 -17
  190. package/src/components/RadioButton/RadioButtonFieldGroup.js +0 -17
  191. package/src/components/RadioButton/RadioButtonGroup.js +0 -43
  192. package/src/components/RadioButton/RadioButtonRow.js +0 -76
  193. package/src/components/RadioButton/context.js +0 -14
  194. package/src/components/RadioButton/index.js +0 -4
  195. package/src/components/ResizeMode.js +0 -1
  196. package/src/components/Row.js +0 -48
  197. package/src/components/RowBodyIcon.js +0 -8
  198. package/src/components/RowHeadlineImageCaption.js +0 -12
  199. package/src/components/RowHeadlineImageIcon.js +0 -14
  200. package/src/components/SVG.js +0 -13
  201. package/src/components/ScreenContainer.js +0 -34
  202. package/src/components/Slider.js +0 -63
  203. package/src/components/StarRating.js +0 -50
  204. package/src/components/StepIndicator.js +0 -346
  205. package/src/components/Stepper.js +0 -41
  206. package/src/components/Surface.js +0 -32
  207. package/src/components/Swiper/Swiper.js +0 -29
  208. package/src/components/Swiper/SwiperItem.js +0 -9
  209. package/src/components/Swiper/index.js +0 -2
  210. package/src/components/Switch.js +0 -56
  211. package/src/components/Text.js +0 -33
  212. package/src/components/TextField.js +0 -428
  213. package/src/components/ToggleButton.js +0 -39
  214. package/src/components/Touchable.js +0 -12
  215. package/src/components/Touchable.web.js +0 -2
  216. package/src/components/Typography.js +0 -36
  217. package/src/components/useAuthState.js +0 -31
  218. package/src/constants.js +0 -10
  219. package/src/hooks.js +0 -12
  220. package/src/index.js +0 -133
  221. package/src/interfaces/Icon.js +0 -8
  222. package/src/mappings/Accordion.js +0 -41
  223. package/src/mappings/AccordionItem.js +0 -16
  224. package/src/mappings/ActionSheet.js +0 -13
  225. package/src/mappings/ActionSheetCancel.js +0 -19
  226. package/src/mappings/ActionSheetItem.js +0 -23
  227. package/src/mappings/ActivityIndicator.js +0 -58
  228. package/src/mappings/AudioPlayer.js +0 -57
  229. package/src/mappings/AvatarEdit.js +0 -38
  230. package/src/mappings/Banner.js +0 -32
  231. package/src/mappings/BlurView.js +0 -42
  232. package/src/mappings/Button.js +0 -87
  233. package/src/mappings/Card.js +0 -52
  234. package/src/mappings/CardBlock.js +0 -123
  235. package/src/mappings/CardContainer.js +0 -104
  236. package/src/mappings/CardContainerRating.js +0 -126
  237. package/src/mappings/CardContainerShortImage.js +0 -120
  238. package/src/mappings/CardInline.js +0 -52
  239. package/src/mappings/Carousel.js +0 -19
  240. package/src/mappings/Checkbox.js +0 -46
  241. package/src/mappings/CheckboxGroup.js +0 -26
  242. package/src/mappings/CheckboxRow.js +0 -61
  243. package/src/mappings/CircleImage.js +0 -25
  244. package/src/mappings/Container.js +0 -30
  245. package/src/mappings/CustomCode.js +0 -8
  246. package/src/mappings/DatePicker.js +0 -176
  247. package/src/mappings/Divider.js +0 -27
  248. package/src/mappings/FAB.js +0 -37
  249. package/src/mappings/Fetch.js +0 -13
  250. package/src/mappings/FieldSearchBarFull.js +0 -50
  251. package/src/mappings/FlashList.js +0 -33
  252. package/src/mappings/FlatList.js +0 -24
  253. package/src/mappings/HeaderLarge.js +0 -29
  254. package/src/mappings/HeaderMedium.js +0 -55
  255. package/src/mappings/HeaderOverline.js +0 -55
  256. package/src/mappings/Icon.js +0 -32
  257. package/src/mappings/IconButton.js +0 -35
  258. package/src/mappings/Image.js +0 -35
  259. package/src/mappings/ImageBackground.js +0 -29
  260. package/src/mappings/KeyboardAvoidingView.js +0 -41
  261. package/src/mappings/KeyboardAwareScrollView.js +0 -50
  262. package/src/mappings/Layout.js +0 -200
  263. package/src/mappings/LinearGradient.js +0 -77
  264. package/src/mappings/MapCallout.js +0 -21
  265. package/src/mappings/MapMarker.js +0 -47
  266. package/src/mappings/MapView.js +0 -139
  267. package/src/mappings/Modal.js +0 -42
  268. package/src/mappings/NativeBase/AlertDialog.js +0 -112
  269. package/src/mappings/NativeBase/AlertDialog.ts +0 -128
  270. package/src/mappings/NativeBase/Button.js +0 -84
  271. package/src/mappings/NativeBase/Button.ts +0 -83
  272. package/src/mappings/NativeBase/DataDisplay.js +0 -67
  273. package/src/mappings/NativeBase/DataDisplay.ts +0 -79
  274. package/src/mappings/NativeBase/Feedback.js +0 -89
  275. package/src/mappings/NativeBase/Feedback.ts +0 -100
  276. package/src/mappings/NativeBase/Layout.js +0 -140
  277. package/src/mappings/NativeBase/Layout.ts +0 -152
  278. package/src/mappings/NativeBase/Media.js +0 -56
  279. package/src/mappings/NativeBase/Media.ts +0 -65
  280. package/src/mappings/NativeBase/Menu.js +0 -134
  281. package/src/mappings/NativeBase/Menu.ts +0 -150
  282. package/src/mappings/NativeBase/Modal.js +0 -103
  283. package/src/mappings/NativeBase/Modal.ts +0 -118
  284. package/src/mappings/NativeBase/Other.js +0 -123
  285. package/src/mappings/NativeBase/Other.ts +0 -139
  286. package/src/mappings/NativeBase/Popover.js +0 -123
  287. package/src/mappings/NativeBase/Popover.ts +0 -136
  288. package/src/mappings/NativeBase/Select.js +0 -71
  289. package/src/mappings/NativeBase/Select.ts +0 -85
  290. package/src/mappings/NativeBase/Slider.js +0 -89
  291. package/src/mappings/NativeBase/Slider.ts +0 -105
  292. package/src/mappings/NumberInput.js +0 -254
  293. package/src/mappings/Picker.js +0 -148
  294. package/src/mappings/ProgressBar.js +0 -101
  295. package/src/mappings/ProgressCircle.js +0 -109
  296. package/src/mappings/ProgressIndicator.js +0 -181
  297. package/src/mappings/RadioButton.js +0 -51
  298. package/src/mappings/RadioButtonGroup.js +0 -17
  299. package/src/mappings/RadioButtonRow.js +0 -42
  300. package/src/mappings/RowBodyIcon.js +0 -75
  301. package/src/mappings/RowHeadlineImageCaption.js +0 -167
  302. package/src/mappings/RowHeadlineImageIcon.js +0 -99
  303. package/src/mappings/SVG.js +0 -20
  304. package/src/mappings/SafeAreaView.js +0 -33
  305. package/src/mappings/ScrollView.js +0 -31
  306. package/src/mappings/Slider.js +0 -60
  307. package/src/mappings/StarRating.js +0 -43
  308. package/src/mappings/Stepper.js +0 -32
  309. package/src/mappings/Surface.js +0 -14
  310. package/src/mappings/Swiper.js +0 -60
  311. package/src/mappings/SwiperItem.js +0 -8
  312. package/src/mappings/Switch.js +0 -81
  313. package/src/mappings/Text.js +0 -251
  314. package/src/mappings/TextArea.js +0 -274
  315. package/src/mappings/TextField.js +0 -391
  316. package/src/mappings/TextInput.js +0 -402
  317. package/src/mappings/ToggleButton.js +0 -50
  318. package/src/mappings/Touchable.js +0 -17
  319. package/src/mappings/Video.js +0 -81
  320. package/src/mappings/View.js +0 -207
  321. package/src/mappings/WebView.js +0 -88
  322. package/src/styles/DarkTheme.js +0 -26
  323. package/src/styles/DefaultTheme.js +0 -111
  324. package/src/styles/fonts.js +0 -62
  325. package/src/styles/overlay.js +0 -60
  326. package/src/styles/shadow.js +0 -51
  327. package/src/theming.js +0 -3
  328. package/src/utilities.js +0 -102
@@ -1,42 +0,0 @@
1
- import { COMPONENT_TYPES, StylesPanelSections, createImageProp, createTextEnumProp, createTextProp } from "@draftbit/types";
2
- const NB_MEDIA_PROPS = {
3
- category: COMPONENT_TYPES.NBLayout,
4
- packageName: "native-base",
5
- doc_link: "https://www.npmjs.com/package/@expo/html-elements",
6
- code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
7
- stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
8
- layout: {},
9
- triggers: {}
10
- };
11
- const AVATAR_PROPS = {
12
- props: {
13
- source: createImageProp(),
14
- size: createTextEnumProp({
15
- label: "Size",
16
- description: "The size of the avatar.",
17
- options: ["xs", "sm", "md", "lg", "xl", "2xl"]
18
- }),
19
- wrapperRef: createTextProp({
20
- label: "Reference",
21
- description: "Reference to be attached to the Avatar wrapper.",
22
- defaultValue: "User Avatar"
23
- })
24
- }
25
- };
26
- export const SEED_DATA = [{
27
- name: "Avatar",
28
- tag: "Avatar",
29
- description: "An image that represents the user",
30
- ...NB_MEDIA_PROPS,
31
- ...AVATAR_PROPS
32
- }, {
33
- name: "Avatar Badge",
34
- tag: "AvatarBadge",
35
- description: "A wrapper that displays its content on the bottom right corner of the avatar.",
36
- ...NB_MEDIA_PROPS
37
- }, {
38
- name: "Avatar Group",
39
- tag: "AvatarGroup",
40
- description: "A wrapper to stack multiple avatars together",
41
- ...NB_MEDIA_PROPS
42
- }];
@@ -1,104 +0,0 @@
1
- import { COMPONENT_TYPES, createActionProp, createStaticBoolProp, createTextEnumProp, StylesPanelSections, Triggers, createStaticNumberProp, createDisabledProp, createTextProp } from "@draftbit/types";
2
- const SHARED_SEED_DATA = {
3
- category: COMPONENT_TYPES.NBMenu,
4
- packageName: "native-base",
5
- stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
6
- layout: {},
7
- allowChildren: true
8
- };
9
- export const SEED_DATA = [{
10
- name: "Menu",
11
- tag: "Menu",
12
- description: "Menu generates a dropdown menu along with the menu button design pattern.",
13
- ...SHARED_SEED_DATA,
14
- triggers: [Triggers.OnOpen, Triggers.OnClose],
15
- props: {
16
- onOpen: createActionProp(),
17
- onClose: createActionProp(),
18
- closeOnSelect: createStaticBoolProp({
19
- label: "Close on Select",
20
- description: "Close the menu when an item is selected",
21
- defaultValue: true
22
- }),
23
- defaultIsOpen: createStaticBoolProp({
24
- label: "Default Is Open",
25
- description: "Whether the menu is open by default",
26
- defaultValue: false
27
- }),
28
- placement: createTextEnumProp({
29
- label: "Placement",
30
- description: "The placement of the menu",
31
- options: ["bottom", "top", "left", "right", "top left", "top right", "bottom left", "bottom right", "right bottom", "right top", "left bottom", "left top"],
32
- defaultValue: "bottom left"
33
- }),
34
- offset: createStaticNumberProp({
35
- label: "Offset",
36
- description: "The distance applied along the main axis between the trigger and the menu."
37
- }),
38
- crossOffset: createStaticNumberProp({
39
- label: "Cross Offset",
40
- description: "The distance applied along the cross axis between the trigger and the menu."
41
- }),
42
- shouldFlip: createStaticBoolProp({
43
- label: "Should Flip",
44
- description: "Whether popover should flip when it reaches the edge of the screen.",
45
- defaultValue: true
46
- })
47
- }
48
- }, {
49
- name: "Menu Item",
50
- tag: "Menu.Item",
51
- description: "An individual item in the menu.",
52
- ...SHARED_SEED_DATA,
53
- props: {
54
- isDisabled: createDisabledProp(),
55
- textValue: createTextProp({
56
- label: "Text Value",
57
- description: "The text value available for the typeahead menu feature."
58
- })
59
- }
60
- }, {
61
- name: "Menu Group",
62
- tag: "Menu.Group",
63
- description: "A wrapper to group related menu items.",
64
- ...SHARED_SEED_DATA,
65
- props: {
66
- title: createTextProp({
67
- label: "Title",
68
- description: "The title of the menu group."
69
- })
70
- }
71
- }, {
72
- name: "Menu Option Group",
73
- tag: "Menu.OptionGroup",
74
- description: "A wrapper for checkable menu items (radio and checkbox).",
75
- ...SHARED_SEED_DATA,
76
- triggers: [Triggers.OnChange],
77
- props: {
78
- type: createTextEnumProp({
79
- label: "Type",
80
- description: "The type of the menu option group.",
81
- options: ["checkbox", "radio"],
82
- defaultValue: "checkbox"
83
- }),
84
- onChange: createActionProp()
85
- }
86
- }, {
87
- name: "Menu Item Option",
88
- tag: "Menu.ItemOption",
89
- description: "The checkable menu item to be used with Menu Option Group.",
90
- ...SHARED_SEED_DATA,
91
- props: {
92
- isDisabled: createDisabledProp(),
93
- textValue: createTextProp({
94
- label: "Text Value",
95
- description: "The text value available for the typeahead menu feature."
96
- })
97
- }
98
- }, {
99
- name: "Menu Trigger",
100
- tag: "Menu.Trigger",
101
- description: "Used to wrap the reference (or trigger) element.",
102
- ...SHARED_SEED_DATA,
103
- props: {}
104
- }];
@@ -1,86 +0,0 @@
1
- import { COMPONENT_TYPES, createActionProp, createBoolProp, createStaticBoolProp, createTextEnumProp, StylesPanelSections, Triggers } from "@draftbit/types";
2
- const SHARED_SEED_DATA = {
3
- category: COMPONENT_TYPES.NBModal,
4
- packageName: "native-base",
5
- stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects]
6
- };
7
- export const SEED_DATA = [{
8
- name: "Modal",
9
- tag: "Modal",
10
- description: "A Modal is an overlay on the primary window or another dialog window. Content behind the modal dialog remains inert and users cannot interact with it.",
11
- ...SHARED_SEED_DATA,
12
- layout: {},
13
- triggers: [Triggers.OnClose, Triggers.OnOpen],
14
- props: {
15
- isOpen: createBoolProp({
16
- label: "Is Open",
17
- description: "If true, the modal will open. Useful for controllable state behavior."
18
- }),
19
- defaultIsOpen: createStaticBoolProp({
20
- label: "Default Is Open",
21
- description: "If true, the modal will be opened by default."
22
- }),
23
- avoidKeyboard: createStaticBoolProp({
24
- label: "Avoid Keyboard",
25
- description: "If true and the keyboard is opened, the modal will move up equivalent to the keyboard height.",
26
- defaultValue: false
27
- }),
28
- closeOnOverlayClick: createStaticBoolProp({
29
- label: "Close on Overlay Click",
30
- description: "If true, the modal will close when the overlay is clicked.",
31
- defaultValue: true
32
- }),
33
- isKeyboardDismissable: createStaticBoolProp({
34
- label: "Is Keyboard Dismissable",
35
- description: "If true, the modal will close when the keyboard is dismissed.",
36
- defaultValue: true
37
- }),
38
- backdropVisible: createStaticBoolProp({
39
- label: "Backdrop Visible",
40
- description: "If true, the backdrop element is visible.",
41
- defaultValue: true
42
- }),
43
- animationPreset: createTextEnumProp({
44
- label: "Animation Preset",
45
- description: "The animation preset to use for the modal.",
46
- options: ["slide", "fade", "none"],
47
- defaultValue: "fade"
48
- }),
49
- useRNModal: createStaticBoolProp({
50
- label: "Use RN Modal",
51
- description: "If true, the modal will use the RN Modal component."
52
- }),
53
- onOpen: createActionProp(),
54
- onClose: createActionProp()
55
- }
56
- }, {
57
- name: "Modal Content",
58
- tag: "Modal.Content",
59
- description: "The container for the modal dialog's content.",
60
- ...SHARED_SEED_DATA,
61
- props: {}
62
- }, {
63
- name: "Modal Header",
64
- tag: "Modal.Header",
65
- description: "The header that labels the modal dialog.",
66
- ...SHARED_SEED_DATA,
67
- props: {}
68
- }, {
69
- name: "Modal Footer",
70
- tag: "Modal.Footer",
71
- description: "The footer that houses the modal actions.",
72
- ...SHARED_SEED_DATA,
73
- props: {}
74
- }, {
75
- name: "Modal Body",
76
- tag: "Modal.Body",
77
- description: "A wrapper that houses the modal's main content",
78
- ...SHARED_SEED_DATA,
79
- props: {}
80
- }, {
81
- name: "Modal Close Button",
82
- tag: "Modal.CloseButton",
83
- description: "The button that closes the modal.",
84
- ...SHARED_SEED_DATA,
85
- props: {}
86
- }];
@@ -1,87 +0,0 @@
1
- import { COMPONENT_TYPES, StylesPanelSections, createTextEnumProp, createTextProp, createIconProp, createBoolProp, createDisabledProp, createStaticNumberProp, createStaticBoolProp, Triggers, createActionProp } from "@draftbit/types";
2
- export const SEED_DATA = [{
3
- name: "FAB",
4
- tag: "Fab",
5
- description: "A floating action button (FAB) is a circular icon button that hovers over content to execute a primary action in the application.",
6
- category: COMPONENT_TYPES.NBForms,
7
- packageName: "native-base",
8
- doc_link: "https://www.npmjs.com/package/@expo/html-elements",
9
- code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
10
- stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
11
- layout: {},
12
- triggers: {},
13
- props: {
14
- placement: createTextEnumProp({
15
- label: "Placement",
16
- description: "The placement of the Fab relative to the device.",
17
- options: ["bottom-right", "top-right", "top-left", "bottom-left"],
18
- defaultValue: "bottom-right"
19
- }),
20
- label: createTextProp({
21
- label: "Label",
22
- description: "The Text to be displayed in Fab."
23
- }),
24
- icon: createIconProp({
25
- label: "Icon",
26
- description: "Icon to be displayed in Fab. "
27
- })
28
- }
29
- }, {
30
- name: "Tooltip",
31
- tag: "Tooltip",
32
- description: "A tooltip provides a brief, informative message when a user interacts with an element. Methods of tooltip initiation include: through a mouse-hover gesture or a keyboard-hover gesture.",
33
- category: COMPONENT_TYPES.NBOther,
34
- packageName: "native-base",
35
- allowChildren: true,
36
- stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
37
- layout: {},
38
- triggers: [Triggers.OnOpen, Triggers.OnClose],
39
- props: {
40
- label: createTextProp({
41
- label: "Label",
42
- description: "The Text to be displayed in Tooltip."
43
- }),
44
- isOpen: createBoolProp({
45
- label: "Is Open",
46
- description: "Whether the tooltip is open or not."
47
- }),
48
- isDisabled: createDisabledProp(),
49
- defaultIsOpen: createStaticBoolProp({
50
- label: "Default Is Open",
51
- description: "Whether the tooltip is open by default",
52
- defaultValue: false
53
- }),
54
- onOpen: createActionProp(),
55
- onClose: createActionProp(),
56
- openDelay: createStaticNumberProp({
57
- label: "Open Delay",
58
- description: "Delay in ms before tooltip opens",
59
- defaultValue: 0
60
- }),
61
- closeDelay: createStaticNumberProp({
62
- label: "Close Delay",
63
- description: "Delay in ms before tooltip closes",
64
- defaultValue: 0
65
- }),
66
- placement: createTextEnumProp({
67
- label: "Placement",
68
- description: "The placement of the menu",
69
- options: ["bottom", "top", "left", "right", "top left", "top right", "bottom left", "bottom right", "right bottom", "right top", "left bottom", "left top"],
70
- defaultValue: "bottom"
71
- }),
72
- arrowSize: createStaticNumberProp({
73
- label: "Arrow Size",
74
- description: "The size of the arrow",
75
- defaultValue: 12
76
- }),
77
- hasArrow: createStaticBoolProp({
78
- label: "Has Arrow",
79
- description: "Whether the tooltip has an arrow",
80
- defaultValue: false
81
- }),
82
- offset: createStaticNumberProp({
83
- label: "Offset",
84
- description: "The distance between the triggere and the tooltip."
85
- })
86
- }
87
- }];
@@ -1,92 +0,0 @@
1
- import { COMPONENT_TYPES, createActionProp, createBoolProp, createStaticBoolProp, createTextEnumProp, StylesPanelSections } from "@draftbit/types";
2
- const SHARED_SEED_DATA = {
3
- category: COMPONENT_TYPES.NBPopover,
4
- packageName: "native-base",
5
- stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
6
- layout: {},
7
- triggers: {}
8
- };
9
- export const SEED_DATA = [{
10
- name: "Popover",
11
- tag: "Popover",
12
- description: "Popover floats around a trigger. It is a non-modal dialog used to provide contextual information to the user. It should be paired with a pressable trigger element.",
13
- ...SHARED_SEED_DATA,
14
- allowChildren: true,
15
- props: {
16
- isOpen: createBoolProp({
17
- label: "Is Open",
18
- description: "If true, the popover is open. Useful for controlling the open state."
19
- }),
20
- defaultIsOpen: createStaticBoolProp({
21
- label: "Default Is Open",
22
- description: "If true, the popover will be opened by default."
23
- }),
24
- trapFocus: createStaticBoolProp({
25
- label: "Trap Focus",
26
- description: "Whether popover should trap focus."
27
- }),
28
- shouldFlip: createStaticBoolProp({
29
- label: "Should Flip",
30
- description: "Whether popover should flip when it reaches the edge of the screen.",
31
- defaultValue: true
32
- }),
33
- shouldOverlapWithTrigger: createStaticBoolProp({
34
- label: "Should Overlap With Trigger",
35
- description: "Whether popover should overlap with trigger.",
36
- defaultValue: false
37
- }),
38
- isKeyboardDismissable: createStaticBoolProp({
39
- label: "Is Keyboard Dismissable",
40
- description: "If true, the popover will close when the keyboard is dismissed.",
41
- defaultValue: true
42
- }),
43
- placement: createTextEnumProp({
44
- label: "Placement",
45
- description: "The placement of the popover",
46
- options: ["bottom", "top", "left", "right", "top left", "top right", "bottom left", "bottom right", "right bottom", "right top", "left bottom", "left top"],
47
- defaultValue: "bottom left"
48
- }),
49
- useRNModal: createStaticBoolProp({
50
- label: "Use RN Modal",
51
- description: "If true, the popover will use the RN Modal component."
52
- }),
53
- onOpen: createActionProp(),
54
- onClose: createActionProp()
55
- }
56
- }, {
57
- name: "Popover Arrow",
58
- tag: "Popover.Arrow",
59
- description: "The popover arrow.",
60
- ...SHARED_SEED_DATA,
61
- props: {}
62
- }, {
63
- name: "Popover Body",
64
- tag: "Popover.Body",
65
- description: "The body of the popover.",
66
- ...SHARED_SEED_DATA,
67
- props: {}
68
- }, {
69
- name: "Popover Content",
70
- tag: "Popover.Content",
71
- description: "The popover itself.",
72
- ...SHARED_SEED_DATA,
73
- props: {}
74
- }, {
75
- name: "Popover Close Button",
76
- tag: "Popover.CloseButton",
77
- description: "The button that closes the popover.",
78
- ...SHARED_SEED_DATA,
79
- props: {}
80
- }, {
81
- name: "Popover Header",
82
- tag: "Popover.Header",
83
- description: "The header of the popover.",
84
- ...SHARED_SEED_DATA,
85
- props: {}
86
- }, {
87
- name: "Popover Trigger",
88
- tag: "Popover.Trigger",
89
- description: "Used to wrap the reference (or trigger) element.",
90
- ...SHARED_SEED_DATA,
91
- props: {}
92
- }];
@@ -1,58 +0,0 @@
1
- import { COMPONENT_TYPES, createActionProp, StylesPanelSections, Triggers, createBoolProp, createColorProp, createDisabledProp, createTextProp, createIconProp } from "@draftbit/types";
2
- const SHARED_SEED_DATA = {
3
- category: COMPONENT_TYPES.NBForms,
4
- packageName: "native-base",
5
- doc_link: "https://docs.nativebase.io/select",
6
- code_link: "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/primitives/Select",
7
- stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
8
- layout: {},
9
- allowChildren: true
10
- };
11
- export const SEED_DATA = [{
12
- name: "Select",
13
- tag: "Select",
14
- description: "Select creates a dropdown list of items with the selected item in closed view.",
15
- ...SHARED_SEED_DATA,
16
- triggers: [Triggers.OnOpen, Triggers.OnClose],
17
- props: {
18
- onOpen: createActionProp(),
19
- onClose: createActionProp(),
20
- placeholder: createTextProp({
21
- label: "Placeholder",
22
- defaultValue: "Select an option"
23
- }),
24
- color: createColorProp(),
25
- placeholderTextColor: createColorProp(),
26
- isDisabled: createDisabledProp(),
27
- isHovered: createBoolProp({
28
- label: "Hovered?",
29
- description: "Whether the select is hovered"
30
- }),
31
- isFocused: createBoolProp({
32
- label: "Focused?",
33
- description: "Whether the select is hovered"
34
- }),
35
- isFocusVisible: createBoolProp({
36
- label: "Focus Visible?",
37
- description: "WIf true, the focus ring of select will be visible."
38
- }),
39
- dropdownIcon: createIconProp(),
40
- dropdownOpenIcon: createIconProp(),
41
- dropdownCloseIcon: createIconProp()
42
- }
43
- }, {
44
- name: "Select Item",
45
- tag: "Select.Item",
46
- description: "An individual item in the menu.",
47
- ...SHARED_SEED_DATA,
48
- props: {
49
- label: createTextProp({
50
- label: "Label",
51
- description: "The label of the item"
52
- }),
53
- value: createTextProp({
54
- label: "Value",
55
- description: "The value of the item"
56
- })
57
- }
58
- }];
@@ -1,74 +0,0 @@
1
- import { COMPONENT_TYPES, createActionProp, createStaticBoolProp, createTextEnumProp, StylesPanelSections, Triggers, createNumberProp, createStaticNumberProp, createBoolProp, createDisabledProp, createAccessibilityLabelProp } from "@draftbit/types";
2
- const SHARED_SEED_DATA = {
3
- category: COMPONENT_TYPES.NBForms,
4
- packageName: "native-base",
5
- stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
6
- layout: {},
7
- allowChildren: true
8
- };
9
- export const SEED_DATA = [{
10
- name: "Slider",
11
- tag: "Slider",
12
- description: "The Slider allows users to select options from a given range of values.",
13
- ...SHARED_SEED_DATA,
14
- triggers: [Triggers.OnChange, Triggers.OnChangeEnd],
15
- props: {
16
- onChange: createActionProp(),
17
- onChangeEnd: createActionProp(),
18
- defaultValue: createNumberProp(),
19
- thumbSize: createStaticNumberProp({
20
- label: "Thumb Size",
21
- description: "The size of the slider thumb"
22
- }),
23
- sliderTrackHeight: createStaticNumberProp({
24
- label: "Slider Track Height",
25
- description: "The height of the slider track"
26
- }),
27
- minValue: createStaticNumberProp({
28
- label: "Min Value"
29
- }),
30
- maxValue: createStaticNumberProp({
31
- label: "Max Value"
32
- }),
33
- step: createStaticNumberProp({
34
- label: "Step"
35
- }),
36
- isReadOnly: createBoolProp({
37
- label: "Read Only",
38
- description: "Whether the slider is read only",
39
- defaultValue: false
40
- }),
41
- isReversed: createStaticBoolProp({
42
- label: "Reversed",
43
- description: "If true, the value will be incremented or decremented in reverse.",
44
- defaultValue: false
45
- }),
46
- orientation: createTextEnumProp({
47
- label: "Orientation",
48
- description: "The orientation of the Slider.",
49
- options: ["horizontal", "vertical"],
50
- defaultValue: "horizontal"
51
- }),
52
- isDisabled: createDisabledProp(),
53
- accessibilityLabel: createAccessibilityLabelProp()
54
- }
55
- }, {
56
- name: "Slider Track",
57
- tag: "Menu.Item",
58
- description: "An individual item in the menu.",
59
- ...SHARED_SEED_DATA,
60
- props: {}
61
- }, {
62
- name: "Slider Filled Track",
63
- tag: "Menu.Group",
64
- description: "A wrapper to group related menu items.",
65
- ...SHARED_SEED_DATA,
66
- props: {}
67
- }, {
68
- name: "Slider Thumb",
69
- tag: "Menu.OptionGroup",
70
- description: "A wrapper for checkable menu items (radio and checkbox).",
71
- ...SHARED_SEED_DATA,
72
- triggers: [Triggers.OnChange],
73
- props: {}
74
- }];
@@ -1,146 +0,0 @@
1
- export declare const SEED_DATA: ({
2
- triggers: string[];
3
- props: {
4
- isOpen: {
5
- label: string;
6
- description: string;
7
- formType: string;
8
- propType: string;
9
- defaultValue: boolean;
10
- editable: boolean;
11
- required: boolean;
12
- group: string;
13
- };
14
- defaultIsOpen: {
15
- label: string;
16
- description: string;
17
- formType: string;
18
- propType: string;
19
- defaultValue: boolean;
20
- editable: boolean;
21
- required: boolean;
22
- group: string;
23
- };
24
- size: {
25
- label: string;
26
- description: string;
27
- formType: string;
28
- propType: string;
29
- group: string;
30
- defaultValue: null;
31
- editable: boolean;
32
- required: boolean;
33
- step: number;
34
- };
35
- avoidKeyboard: {
36
- label: string;
37
- description: string;
38
- formType: string;
39
- propType: string;
40
- defaultValue: boolean;
41
- editable: boolean;
42
- required: boolean;
43
- group: string;
44
- };
45
- closeOnOverlayClick: {
46
- label: string;
47
- description: string;
48
- formType: string;
49
- propType: string;
50
- defaultValue: boolean;
51
- editable: boolean;
52
- required: boolean;
53
- group: string;
54
- };
55
- isKeyboardDismissable: {
56
- label: string;
57
- description: string;
58
- formType: string;
59
- propType: string;
60
- defaultValue: boolean;
61
- editable: boolean;
62
- required: boolean;
63
- group: string;
64
- };
65
- overlayVisible: {
66
- label: string;
67
- description: string;
68
- formType: string;
69
- propType: string;
70
- defaultValue: boolean;
71
- editable: boolean;
72
- required: boolean;
73
- group: string;
74
- };
75
- backdropVisible: {
76
- label: string;
77
- description: string;
78
- formType: string;
79
- propType: string;
80
- defaultValue: boolean;
81
- editable: boolean;
82
- required: boolean;
83
- group: string;
84
- };
85
- animationPreset: {
86
- group: string;
87
- label: string;
88
- description: string;
89
- editable: boolean;
90
- required: boolean;
91
- formType: string;
92
- propType: string;
93
- defaultValue: null;
94
- options: never[];
95
- };
96
- useRNModal: {
97
- label: string;
98
- description: string;
99
- formType: string;
100
- propType: string;
101
- defaultValue: boolean;
102
- editable: boolean;
103
- required: boolean;
104
- group: string;
105
- };
106
- onClose: {
107
- label: string;
108
- description: string;
109
- editable: boolean;
110
- required: boolean;
111
- formType: string;
112
- propType: string;
113
- defaultValue: null;
114
- group: string;
115
- };
116
- };
117
- category: string;
118
- packageName: string;
119
- stylesPanelSections: string[];
120
- layout: {};
121
- name: string;
122
- tag: string;
123
- description: string;
124
- } | {
125
- props: {
126
- isOpen?: undefined;
127
- defaultIsOpen?: undefined;
128
- size?: undefined;
129
- avoidKeyboard?: undefined;
130
- closeOnOverlayClick?: undefined;
131
- isKeyboardDismissable?: undefined;
132
- overlayVisible?: undefined;
133
- backdropVisible?: undefined;
134
- animationPreset?: undefined;
135
- useRNModal?: undefined;
136
- onClose?: undefined;
137
- };
138
- category: string;
139
- packageName: string;
140
- stylesPanelSections: string[];
141
- layout: {};
142
- name: string;
143
- tag: string;
144
- description: string;
145
- })[];
146
- //# sourceMappingURL=AlertDialog.d.ts.map