@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,123 +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: [
6
- StylesPanelSections.LayoutFlexItems,
7
- StylesPanelSections.LayoutSelectedItem,
8
- StylesPanelSections.LayoutContent,
9
- StylesPanelSections.Background,
10
- StylesPanelSections.Size,
11
- StylesPanelSections.MarginsAndPaddings,
12
- StylesPanelSections.Position,
13
- StylesPanelSections.Borders,
14
- StylesPanelSections.Effects,
15
- ],
16
- layout: {},
17
- triggers: {},
18
- };
19
- export const SEED_DATA = [
20
- {
21
- name: "Popover",
22
- tag: "Popover",
23
- 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.",
24
- ...SHARED_SEED_DATA,
25
- allowChildren: true,
26
- props: {
27
- isOpen: createBoolProp({
28
- label: "Is Open",
29
- description: "If true, the popover is open. Useful for controlling the open state.",
30
- }),
31
- defaultIsOpen: createStaticBoolProp({
32
- label: "Default Is Open",
33
- description: "If true, the popover will be opened by default.",
34
- }),
35
- trapFocus: createStaticBoolProp({
36
- label: "Trap Focus",
37
- description: "Whether popover should trap focus.",
38
- }),
39
- shouldFlip: createStaticBoolProp({
40
- label: "Should Flip",
41
- description: "Whether popover should flip when it reaches the edge of the screen.",
42
- defaultValue: true,
43
- }),
44
- shouldOverlapWithTrigger: createStaticBoolProp({
45
- label: "Should Overlap With Trigger",
46
- description: "Whether popover should overlap with trigger.",
47
- defaultValue: false,
48
- }),
49
- isKeyboardDismissable: createStaticBoolProp({
50
- label: "Is Keyboard Dismissable",
51
- description: "If true, the popover will close when the keyboard is dismissed.",
52
- defaultValue: true,
53
- }),
54
- placement: createTextEnumProp({
55
- label: "Placement",
56
- description: "The placement of the popover",
57
- options: [
58
- "bottom",
59
- "top",
60
- "left",
61
- "right",
62
- "top left",
63
- "top right",
64
- "bottom left",
65
- "bottom right",
66
- "right bottom",
67
- "right top",
68
- "left bottom",
69
- "left top",
70
- ],
71
- defaultValue: "bottom left",
72
- }),
73
- useRNModal: createStaticBoolProp({
74
- label: "Use RN Modal",
75
- description: "If true, the popover will use the RN Modal component.",
76
- }),
77
- onOpen: createActionProp(),
78
- onClose: createActionProp(),
79
- },
80
- },
81
- {
82
- name: "Popover Arrow",
83
- tag: "Popover.Arrow",
84
- description: "The popover arrow.",
85
- ...SHARED_SEED_DATA,
86
- props: {},
87
- },
88
- {
89
- name: "Popover Body",
90
- tag: "Popover.Body",
91
- description: "The body of the popover.",
92
- ...SHARED_SEED_DATA,
93
- props: {},
94
- },
95
- {
96
- name: "Popover Content",
97
- tag: "Popover.Content",
98
- description: "The popover itself.",
99
- ...SHARED_SEED_DATA,
100
- props: {},
101
- },
102
- {
103
- name: "Popover Close Button",
104
- tag: "Popover.CloseButton",
105
- description: "The button that closes the popover.",
106
- ...SHARED_SEED_DATA,
107
- props: {},
108
- },
109
- {
110
- name: "Popover Header",
111
- tag: "Popover.Header",
112
- description: "The header of the popover.",
113
- ...SHARED_SEED_DATA,
114
- props: {},
115
- },
116
- {
117
- name: "Popover Trigger",
118
- tag: "Popover.Trigger",
119
- description: "Used to wrap the reference (or trigger) element.",
120
- ...SHARED_SEED_DATA,
121
- props: {},
122
- },
123
- ];
@@ -1,136 +0,0 @@
1
- import {
2
- COMPONENT_TYPES,
3
- createActionProp,
4
- createBoolProp,
5
- createStaticBoolProp,
6
- createTextEnumProp,
7
- StylesPanelSections,
8
- } from "@draftbit/types";
9
-
10
- const SHARED_SEED_DATA = {
11
- category: COMPONENT_TYPES.NBPopover,
12
- packageName: "native-base",
13
- stylesPanelSections: [
14
- StylesPanelSections.LayoutFlexItems,
15
- StylesPanelSections.LayoutSelectedItem,
16
- StylesPanelSections.LayoutContent,
17
- StylesPanelSections.Background,
18
- StylesPanelSections.Size,
19
- StylesPanelSections.MarginsAndPaddings,
20
- StylesPanelSections.Position,
21
- StylesPanelSections.Borders,
22
- StylesPanelSections.Effects,
23
- ],
24
- layout: {},
25
- triggers: {},
26
- };
27
-
28
- export const SEED_DATA = [
29
- {
30
- name: "Popover",
31
- tag: "Popover",
32
- description:
33
- "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.",
34
- ...SHARED_SEED_DATA,
35
- allowChildren: true,
36
- props: {
37
- isOpen: createBoolProp({
38
- label: "Is Open",
39
- description:
40
- "If true, the popover is open. Useful for controlling the open state.",
41
- }),
42
- defaultIsOpen: createStaticBoolProp({
43
- label: "Default Is Open",
44
- description: "If true, the popover will be opened by default.",
45
- }),
46
- trapFocus: createStaticBoolProp({
47
- label: "Trap Focus",
48
- description: "Whether popover should trap focus.",
49
- }),
50
- shouldFlip: createStaticBoolProp({
51
- label: "Should Flip",
52
- description:
53
- "Whether popover should flip when it reaches the edge of the screen.",
54
- defaultValue: true,
55
- }),
56
- shouldOverlapWithTrigger: createStaticBoolProp({
57
- label: "Should Overlap With Trigger",
58
- description: "Whether popover should overlap with trigger.",
59
- defaultValue: false,
60
- }),
61
- isKeyboardDismissable: createStaticBoolProp({
62
- label: "Is Keyboard Dismissable",
63
- description:
64
- "If true, the popover will close when the keyboard is dismissed.",
65
- defaultValue: true,
66
- }),
67
- placement: createTextEnumProp({
68
- label: "Placement",
69
- description: "The placement of the popover",
70
- options: [
71
- "bottom",
72
- "top",
73
- "left",
74
- "right",
75
- "top left",
76
- "top right",
77
- "bottom left",
78
- "bottom right",
79
- "right bottom",
80
- "right top",
81
- "left bottom",
82
- "left top",
83
- ],
84
- defaultValue: "bottom left",
85
- }),
86
- useRNModal: createStaticBoolProp({
87
- label: "Use RN Modal",
88
- description: "If true, the popover will use the RN Modal component.",
89
- }),
90
- onOpen: createActionProp(),
91
- onClose: createActionProp(),
92
- },
93
- },
94
- {
95
- name: "Popover Arrow",
96
- tag: "Popover.Arrow",
97
- description: "The popover arrow.",
98
- ...SHARED_SEED_DATA,
99
- props: {},
100
- },
101
- {
102
- name: "Popover Body",
103
- tag: "Popover.Body",
104
- description: "The body of the popover.",
105
- ...SHARED_SEED_DATA,
106
- props: {},
107
- },
108
- {
109
- name: "Popover Content",
110
- tag: "Popover.Content",
111
- description: "The popover itself.",
112
- ...SHARED_SEED_DATA,
113
- props: {},
114
- },
115
- {
116
- name: "Popover Close Button",
117
- tag: "Popover.CloseButton",
118
- description: "The button that closes the popover.",
119
- ...SHARED_SEED_DATA,
120
- props: {},
121
- },
122
- {
123
- name: "Popover Header",
124
- tag: "Popover.Header",
125
- description: "The header of the popover.",
126
- ...SHARED_SEED_DATA,
127
- props: {},
128
- },
129
- {
130
- name: "Popover Trigger",
131
- tag: "Popover.Trigger",
132
- description: "Used to wrap the reference (or trigger) element.",
133
- ...SHARED_SEED_DATA,
134
- props: {},
135
- },
136
- ];
@@ -1,71 +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: [
8
- StylesPanelSections.LayoutFlexItems,
9
- StylesPanelSections.LayoutSelectedItem,
10
- StylesPanelSections.LayoutContent,
11
- StylesPanelSections.Background,
12
- StylesPanelSections.Size,
13
- StylesPanelSections.MarginsAndPaddings,
14
- StylesPanelSections.Position,
15
- StylesPanelSections.Borders,
16
- StylesPanelSections.Effects,
17
- ],
18
- layout: {},
19
- allowChildren: true,
20
- };
21
- export const SEED_DATA = [
22
- {
23
- name: "Select",
24
- tag: "Select",
25
- description: "Select creates a dropdown list of items with the selected item in closed view.",
26
- ...SHARED_SEED_DATA,
27
- triggers: [Triggers.OnOpen, Triggers.OnClose],
28
- props: {
29
- onOpen: createActionProp(),
30
- onClose: createActionProp(),
31
- placeholder: createTextProp({
32
- label: "Placeholder",
33
- defaultValue: "Select an option",
34
- }),
35
- color: createColorProp(),
36
- placeholderTextColor: createColorProp(),
37
- isDisabled: createDisabledProp(),
38
- isHovered: createBoolProp({
39
- label: "Hovered?",
40
- description: "Whether the select is hovered",
41
- }),
42
- isFocused: createBoolProp({
43
- label: "Focused?",
44
- description: "Whether the select is hovered",
45
- }),
46
- isFocusVisible: createBoolProp({
47
- label: "Focus Visible?",
48
- description: "WIf true, the focus ring of select will be visible.",
49
- }),
50
- dropdownIcon: createIconProp(),
51
- dropdownOpenIcon: createIconProp(),
52
- dropdownCloseIcon: createIconProp(),
53
- },
54
- },
55
- {
56
- name: "Select Item",
57
- tag: "Select.Item",
58
- description: "An individual item in the menu.",
59
- ...SHARED_SEED_DATA,
60
- props: {
61
- label: createTextProp({
62
- label: "Label",
63
- description: "The label of the item",
64
- }),
65
- value: createTextProp({
66
- label: "Value",
67
- description: "The value of the item",
68
- }),
69
- },
70
- },
71
- ];
@@ -1,85 +0,0 @@
1
- import {
2
- COMPONENT_TYPES,
3
- createActionProp,
4
- StylesPanelSections,
5
- Triggers,
6
- createBoolProp,
7
- createColorProp,
8
- createDisabledProp,
9
- createTextProp,
10
- createIconProp,
11
- } from "@draftbit/types";
12
-
13
- const SHARED_SEED_DATA = {
14
- category: COMPONENT_TYPES.NBForms,
15
- packageName: "native-base",
16
- doc_link: "https://docs.nativebase.io/select",
17
- code_link:
18
- "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/primitives/Select",
19
- stylesPanelSections: [
20
- StylesPanelSections.LayoutFlexItems,
21
- StylesPanelSections.LayoutSelectedItem,
22
- StylesPanelSections.LayoutContent,
23
- StylesPanelSections.Background,
24
- StylesPanelSections.Size,
25
- StylesPanelSections.MarginsAndPaddings,
26
- StylesPanelSections.Position,
27
- StylesPanelSections.Borders,
28
- StylesPanelSections.Effects,
29
- ],
30
- layout: {},
31
- allowChildren: true,
32
- };
33
-
34
- export const SEED_DATA = [
35
- {
36
- name: "Select",
37
- tag: "Select",
38
- description:
39
- "Select creates a dropdown list of items with the selected item in closed view.",
40
- ...SHARED_SEED_DATA,
41
- triggers: [Triggers.OnOpen, Triggers.OnClose],
42
- props: {
43
- onOpen: createActionProp(),
44
- onClose: createActionProp(),
45
- placeholder: createTextProp({
46
- label: "Placeholder",
47
- defaultValue: "Select an option",
48
- }),
49
- color: createColorProp(),
50
- placeholderTextColor: createColorProp(),
51
- isDisabled: createDisabledProp(),
52
- isHovered: createBoolProp({
53
- label: "Hovered?",
54
- description: "Whether the select is hovered",
55
- }),
56
- isFocused: createBoolProp({
57
- label: "Focused?",
58
- description: "Whether the select is hovered",
59
- }),
60
- isFocusVisible: createBoolProp({
61
- label: "Focus Visible?",
62
- description: "WIf true, the focus ring of select will be visible.",
63
- }),
64
- dropdownIcon: createIconProp(),
65
- dropdownOpenIcon: createIconProp(),
66
- dropdownCloseIcon: createIconProp(),
67
- },
68
- },
69
- {
70
- name: "Select Item",
71
- tag: "Select.Item",
72
- description: "An individual item in the menu.",
73
- ...SHARED_SEED_DATA,
74
- props: {
75
- label: createTextProp({
76
- label: "Label",
77
- description: "The label of the item",
78
- }),
79
- value: createTextProp({
80
- label: "Value",
81
- description: "The value of the item",
82
- }),
83
- },
84
- },
85
- ];
@@ -1,89 +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: [
6
- StylesPanelSections.LayoutFlexItems,
7
- StylesPanelSections.LayoutSelectedItem,
8
- StylesPanelSections.LayoutContent,
9
- StylesPanelSections.Background,
10
- StylesPanelSections.Size,
11
- StylesPanelSections.MarginsAndPaddings,
12
- StylesPanelSections.Position,
13
- StylesPanelSections.Borders,
14
- StylesPanelSections.Effects,
15
- ],
16
- layout: {},
17
- allowChildren: true,
18
- };
19
- export const SEED_DATA = [
20
- {
21
- name: "Slider",
22
- tag: "Slider",
23
- description: "The Slider allows users to select options from a given range of values.",
24
- ...SHARED_SEED_DATA,
25
- triggers: [Triggers.OnChange, Triggers.OnChangeEnd],
26
- props: {
27
- onChange: createActionProp(),
28
- onChangeEnd: createActionProp(),
29
- defaultValue: createNumberProp(),
30
- thumbSize: createStaticNumberProp({
31
- label: "Thumb Size",
32
- description: "The size of the slider thumb",
33
- }),
34
- sliderTrackHeight: createStaticNumberProp({
35
- label: "Slider Track Height",
36
- description: "The height of the slider track",
37
- }),
38
- minValue: createStaticNumberProp({
39
- label: "Min Value",
40
- }),
41
- maxValue: createStaticNumberProp({
42
- label: "Max Value",
43
- }),
44
- step: createStaticNumberProp({
45
- label: "Step",
46
- }),
47
- isReadOnly: createBoolProp({
48
- label: "Read Only",
49
- description: "Whether the slider is read only",
50
- defaultValue: false,
51
- }),
52
- isReversed: createStaticBoolProp({
53
- label: "Reversed",
54
- description: "If true, the value will be incremented or decremented in reverse.",
55
- defaultValue: false,
56
- }),
57
- orientation: createTextEnumProp({
58
- label: "Orientation",
59
- description: "The orientation of the Slider.",
60
- options: ["horizontal", "vertical"],
61
- defaultValue: "horizontal",
62
- }),
63
- isDisabled: createDisabledProp(),
64
- accessibilityLabel: createAccessibilityLabelProp(),
65
- },
66
- },
67
- {
68
- name: "Slider Track",
69
- tag: "Menu.Item",
70
- description: "An individual item in the menu.",
71
- ...SHARED_SEED_DATA,
72
- props: {},
73
- },
74
- {
75
- name: "Slider Filled Track",
76
- tag: "Menu.Group",
77
- description: "A wrapper to group related menu items.",
78
- ...SHARED_SEED_DATA,
79
- props: {},
80
- },
81
- {
82
- name: "Slider Thumb",
83
- tag: "Menu.OptionGroup",
84
- description: "A wrapper for checkable menu items (radio and checkbox).",
85
- ...SHARED_SEED_DATA,
86
- triggers: [Triggers.OnChange],
87
- props: {},
88
- },
89
- ];
@@ -1,105 +0,0 @@
1
- import {
2
- COMPONENT_TYPES,
3
- createActionProp,
4
- createStaticBoolProp,
5
- createTextEnumProp,
6
- StylesPanelSections,
7
- Triggers,
8
- createNumberProp,
9
- createStaticNumberProp,
10
- createBoolProp,
11
- createDisabledProp,
12
- createAccessibilityLabelProp,
13
- } from "@draftbit/types";
14
-
15
- const SHARED_SEED_DATA = {
16
- category: COMPONENT_TYPES.NBForms,
17
- packageName: "native-base",
18
- stylesPanelSections: [
19
- StylesPanelSections.LayoutFlexItems,
20
- StylesPanelSections.LayoutSelectedItem,
21
- StylesPanelSections.LayoutContent,
22
- StylesPanelSections.Background,
23
- StylesPanelSections.Size,
24
- StylesPanelSections.MarginsAndPaddings,
25
- StylesPanelSections.Position,
26
- StylesPanelSections.Borders,
27
- StylesPanelSections.Effects,
28
- ],
29
- layout: {},
30
- allowChildren: true,
31
- };
32
-
33
- export const SEED_DATA = [
34
- {
35
- name: "Slider",
36
- tag: "Slider",
37
- description:
38
- "The Slider allows users to select options from a given range of values.",
39
- ...SHARED_SEED_DATA,
40
- triggers: [Triggers.OnChange, Triggers.OnChangeEnd],
41
- props: {
42
- onChange: createActionProp(),
43
- onChangeEnd: createActionProp(),
44
- defaultValue: createNumberProp(),
45
- thumbSize: createStaticNumberProp({
46
- label: "Thumb Size",
47
- description: "The size of the slider thumb",
48
- }),
49
- sliderTrackHeight: createStaticNumberProp({
50
- label: "Slider Track Height",
51
- description: "The height of the slider track",
52
- }),
53
- minValue: createStaticNumberProp({
54
- label: "Min Value",
55
- }),
56
- maxValue: createStaticNumberProp({
57
- label: "Max Value",
58
- }),
59
- step: createStaticNumberProp({
60
- label: "Step",
61
- }),
62
- isReadOnly: createBoolProp({
63
- label: "Read Only",
64
- description: "Whether the slider is read only",
65
- defaultValue: false,
66
- }),
67
- isReversed: createStaticBoolProp({
68
- label: "Reversed",
69
- description:
70
- "If true, the value will be incremented or decremented in reverse.",
71
- defaultValue: false,
72
- }),
73
- orientation: createTextEnumProp({
74
- label: "Orientation",
75
- description: "The orientation of the Slider.",
76
- options: ["horizontal", "vertical"],
77
- defaultValue: "horizontal",
78
- }),
79
- isDisabled: createDisabledProp(),
80
- accessibilityLabel: createAccessibilityLabelProp(),
81
- },
82
- },
83
- {
84
- name: "Slider Track",
85
- tag: "Menu.Item",
86
- description: "An individual item in the menu.",
87
- ...SHARED_SEED_DATA,
88
- props: {},
89
- },
90
- {
91
- name: "Slider Filled Track",
92
- tag: "Menu.Group",
93
- description: "A wrapper to group related menu items.",
94
- ...SHARED_SEED_DATA,
95
- props: {},
96
- },
97
- {
98
- name: "Slider Thumb",
99
- tag: "Menu.OptionGroup",
100
- description: "A wrapper for checkable menu items (radio and checkbox).",
101
- ...SHARED_SEED_DATA,
102
- triggers: [Triggers.OnChange],
103
- props: {},
104
- },
105
- ];