@draftbit/core 46.4.1-2f2c24.2 → 46.4.1-2fa4f7.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 (192) hide show
  1. package/lib/commonjs/components/Container.js +5 -17
  2. package/lib/commonjs/index.js +0 -38
  3. package/lib/commonjs/mappings/ActionSheet.js +1 -1
  4. package/lib/commonjs/mappings/ActionSheetCancel.js +1 -1
  5. package/lib/commonjs/mappings/ActionSheetItem.js +1 -1
  6. package/lib/commonjs/mappings/ActivityIndicator.js +1 -1
  7. package/lib/commonjs/mappings/Banner.js +1 -1
  8. package/lib/commonjs/mappings/BlurView.js +1 -1
  9. package/lib/commonjs/mappings/Button.js +4 -12
  10. package/lib/commonjs/mappings/Checkbox.js +1 -1
  11. package/lib/commonjs/mappings/CheckboxRow.js +1 -1
  12. package/lib/commonjs/mappings/CircleImage.js +1 -1
  13. package/lib/commonjs/mappings/CustomCode.js +1 -1
  14. package/lib/commonjs/mappings/FAB.js +1 -1
  15. package/lib/commonjs/mappings/FieldSearchBarFull.js +1 -1
  16. package/lib/commonjs/mappings/Image.js +15 -2
  17. package/lib/commonjs/mappings/KeyboardAvoidingView.js +1 -1
  18. package/lib/commonjs/mappings/KeyboardAwareScrollView.js +1 -1
  19. package/lib/commonjs/mappings/Layout.js +2 -2
  20. package/lib/commonjs/mappings/MapCallout.js +1 -1
  21. package/lib/commonjs/mappings/MapMarker.js +1 -1
  22. package/lib/commonjs/mappings/MapView.js +1 -1
  23. package/lib/commonjs/mappings/Modal.js +1 -1
  24. package/lib/commonjs/mappings/RadioButton.js +1 -1
  25. package/lib/commonjs/mappings/RadioButtonGroup.js +1 -1
  26. package/lib/commonjs/mappings/RadioButtonRow.js +1 -1
  27. package/lib/commonjs/mappings/ScrollView.js +1 -1
  28. package/lib/commonjs/mappings/Slider.js +1 -1
  29. package/lib/commonjs/mappings/StarRating.js +1 -1
  30. package/lib/commonjs/mappings/Stepper.js +1 -1
  31. package/lib/commonjs/mappings/Surface.js +1 -1
  32. package/lib/commonjs/mappings/Swiper.js +1 -1
  33. package/lib/commonjs/mappings/SwiperItem.js +1 -1
  34. package/lib/commonjs/mappings/Switch.js +2 -2
  35. package/lib/commonjs/mappings/WebView.js +1 -1
  36. package/lib/commonjs/utilities.js +2 -2
  37. package/lib/module/components/AvatarEdit.js +16 -5
  38. package/lib/module/components/Checkbox/CheckboxGroupRow.js +24 -6
  39. package/lib/module/components/IconButton.js +22 -5
  40. package/lib/module/components/Layout.js +43 -21
  41. package/lib/module/components/Portal/Portal.js +3 -6
  42. package/lib/module/constants.js +1 -0
  43. package/lib/module/index.js +0 -1
  44. package/lib/module/mappings/ActionSheet.js +1 -1
  45. package/lib/module/mappings/ActionSheetCancel.js +1 -1
  46. package/lib/module/mappings/ActionSheetItem.js +1 -1
  47. package/lib/module/mappings/ActivityIndicator.js +1 -1
  48. package/lib/module/mappings/Banner.js +1 -1
  49. package/lib/module/mappings/BlurView.js +1 -1
  50. package/lib/module/mappings/Button.js +5 -13
  51. package/lib/module/mappings/Checkbox.js +1 -1
  52. package/lib/module/mappings/CheckboxRow.js +1 -1
  53. package/lib/module/mappings/CircleImage.js +1 -1
  54. package/lib/module/mappings/CustomCode.js +1 -1
  55. package/lib/module/mappings/FAB.js +1 -1
  56. package/lib/module/mappings/FieldSearchBarFull.js +1 -1
  57. package/lib/module/mappings/Image.js +16 -3
  58. package/lib/module/mappings/KeyboardAvoidingView.js +1 -1
  59. package/lib/module/mappings/KeyboardAwareScrollView.js +1 -1
  60. package/lib/module/mappings/Layout.js +2 -2
  61. package/lib/module/mappings/MapCallout.js +1 -1
  62. package/lib/module/mappings/MapMarker.js +1 -1
  63. package/lib/module/mappings/MapView.js +1 -1
  64. package/lib/module/mappings/Modal.js +1 -1
  65. package/lib/module/mappings/RadioButton.js +1 -1
  66. package/lib/module/mappings/RadioButtonGroup.js +1 -1
  67. package/lib/module/mappings/RadioButtonRow.js +1 -1
  68. package/lib/module/mappings/ScrollView.js +1 -1
  69. package/lib/module/mappings/Slider.js +1 -1
  70. package/lib/module/mappings/StarRating.js +1 -1
  71. package/lib/module/mappings/Stepper.js +1 -1
  72. package/lib/module/mappings/Surface.js +1 -1
  73. package/lib/module/mappings/Swiper.js +1 -1
  74. package/lib/module/mappings/SwiperItem.js +1 -1
  75. package/lib/module/mappings/Switch.js +2 -2
  76. package/lib/module/mappings/WebView.js +1 -1
  77. package/lib/module/utilities.js +3 -3
  78. package/lib/typescript/src/index.d.ts +0 -1
  79. package/lib/typescript/src/mappings/Button.d.ts +16 -16
  80. package/lib/typescript/src/mappings/Image.d.ts +13 -0
  81. package/lib/typescript/src/utilities.d.ts +3 -3
  82. package/package.json +3 -3
  83. package/src/index.js +0 -1
  84. package/src/index.tsx +0 -9
  85. package/src/mappings/ActionSheet.js +1 -1
  86. package/src/mappings/ActionSheet.ts +1 -1
  87. package/src/mappings/ActionSheetCancel.js +1 -1
  88. package/src/mappings/ActionSheetCancel.ts +1 -1
  89. package/src/mappings/ActionSheetItem.js +1 -1
  90. package/src/mappings/ActionSheetItem.ts +1 -1
  91. package/src/mappings/ActivityIndicator.js +1 -1
  92. package/src/mappings/ActivityIndicator.ts +1 -1
  93. package/src/mappings/Banner.js +1 -1
  94. package/src/mappings/Banner.ts +1 -1
  95. package/src/mappings/BlurView.js +1 -1
  96. package/src/mappings/BlurView.ts +1 -1
  97. package/src/mappings/Button.js +5 -13
  98. package/src/mappings/Button.ts +6 -14
  99. package/src/mappings/Checkbox.js +1 -1
  100. package/src/mappings/Checkbox.ts +1 -1
  101. package/src/mappings/CheckboxRow.js +1 -1
  102. package/src/mappings/CheckboxRow.ts +1 -1
  103. package/src/mappings/CircleImage.js +1 -1
  104. package/src/mappings/CircleImage.ts +1 -1
  105. package/src/mappings/CustomCode.js +1 -1
  106. package/src/mappings/CustomCode.ts +1 -1
  107. package/src/mappings/FAB.js +1 -1
  108. package/src/mappings/FAB.ts +1 -1
  109. package/src/mappings/FieldSearchBarFull.js +1 -1
  110. package/src/mappings/FieldSearchBarFull.ts +1 -1
  111. package/src/mappings/Image.js +15 -1
  112. package/src/mappings/Image.ts +17 -0
  113. package/src/mappings/KeyboardAvoidingView.js +1 -1
  114. package/src/mappings/KeyboardAvoidingView.ts +1 -1
  115. package/src/mappings/KeyboardAwareScrollView.js +1 -1
  116. package/src/mappings/KeyboardAwareScrollView.ts +1 -1
  117. package/src/mappings/Layout.js +2 -2
  118. package/src/mappings/Layout.ts +2 -2
  119. package/src/mappings/MapCallout.js +1 -1
  120. package/src/mappings/MapCallout.ts +1 -1
  121. package/src/mappings/MapMarker.js +1 -1
  122. package/src/mappings/MapMarker.ts +1 -1
  123. package/src/mappings/MapView.js +1 -1
  124. package/src/mappings/MapView.ts +1 -1
  125. package/src/mappings/Modal.js +1 -1
  126. package/src/mappings/Modal.ts +1 -1
  127. package/src/mappings/RadioButton.js +1 -1
  128. package/src/mappings/RadioButton.ts +1 -1
  129. package/src/mappings/RadioButtonGroup.js +1 -1
  130. package/src/mappings/RadioButtonGroup.ts +1 -1
  131. package/src/mappings/RadioButtonRow.js +1 -1
  132. package/src/mappings/RadioButtonRow.ts +1 -1
  133. package/src/mappings/ScrollView.js +1 -1
  134. package/src/mappings/ScrollView.ts +1 -1
  135. package/src/mappings/Slider.js +1 -1
  136. package/src/mappings/Slider.ts +1 -1
  137. package/src/mappings/StarRating.js +1 -1
  138. package/src/mappings/StarRating.ts +1 -1
  139. package/src/mappings/Stepper.js +1 -1
  140. package/src/mappings/Stepper.ts +1 -1
  141. package/src/mappings/Surface.js +1 -1
  142. package/src/mappings/Surface.ts +1 -1
  143. package/src/mappings/Swiper.js +1 -1
  144. package/src/mappings/Swiper.ts +1 -1
  145. package/src/mappings/SwiperItem.js +1 -1
  146. package/src/mappings/SwiperItem.ts +1 -1
  147. package/src/mappings/Switch.js +2 -2
  148. package/src/mappings/Switch.ts +2 -2
  149. package/src/mappings/WebView.js +1 -1
  150. package/src/mappings/WebView.ts +1 -1
  151. package/src/utilities.js +2 -5
  152. package/src/utilities.ts +2 -13
  153. package/lib/commonjs/components/Table/Table.js +0 -35
  154. package/lib/commonjs/components/Table/TableCell.js +0 -50
  155. package/lib/commonjs/components/Table/TableHeader.js +0 -41
  156. package/lib/commonjs/components/Table/TablePaginator.js +0 -17
  157. package/lib/commonjs/components/Table/TableRow.js +0 -47
  158. package/lib/commonjs/components/Table/TableTitle.js +0 -60
  159. package/lib/commonjs/components/Table/index.js +0 -55
  160. package/lib/commonjs/mappings/Table.js +0 -103
  161. package/lib/module/components/Table/Table.js +0 -23
  162. package/lib/module/components/Table/TableCell.js +0 -37
  163. package/lib/module/components/Table/TableHeader.js +0 -27
  164. package/lib/module/components/Table/TablePaginator.js +0 -6
  165. package/lib/module/components/Table/TableRow.js +0 -33
  166. package/lib/module/components/Table/TableTitle.js +0 -47
  167. package/lib/module/components/Table/index.js +0 -6
  168. package/lib/module/mappings/Table.js +0 -94
  169. package/lib/typescript/src/components/Table/Table.d.ts +0 -8
  170. package/lib/typescript/src/components/Table/TableCell.d.ts +0 -10
  171. package/lib/typescript/src/components/Table/TableHeader.d.ts +0 -12
  172. package/lib/typescript/src/components/Table/TablePaginator.d.ts +0 -3
  173. package/lib/typescript/src/components/Table/TableRow.d.ts +0 -12
  174. package/lib/typescript/src/components/Table/TableTitle.d.ts +0 -12
  175. package/lib/typescript/src/components/Table/index.d.ts +0 -6
  176. package/lib/typescript/src/mappings/Table.d.ts +0 -153
  177. package/src/components/Table/Table.js +0 -10
  178. package/src/components/Table/Table.tsx +0 -22
  179. package/src/components/Table/TableCell.js +0 -21
  180. package/src/components/Table/TableCell.tsx +0 -44
  181. package/src/components/Table/TableHeader.js +0 -11
  182. package/src/components/Table/TableHeader.tsx +0 -28
  183. package/src/components/Table/TablePaginator.js +0 -5
  184. package/src/components/Table/TablePaginator.tsx +0 -10
  185. package/src/components/Table/TableRow.js +0 -16
  186. package/src/components/Table/TableRow.tsx +0 -31
  187. package/src/components/Table/TableTitle.js +0 -28
  188. package/src/components/Table/TableTitle.tsx +0 -58
  189. package/src/components/Table/index.js +0 -6
  190. package/src/components/Table/index.tsx +0 -6
  191. package/src/mappings/Table.js +0 -137
  192. package/src/mappings/Table.ts +0 -145
@@ -1,8 +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
-
3
1
  import * as React from "react";
4
- import { View } from "react-native"; // @ts-ignore
5
-
2
+ import { View } from "react-native";
6
3
  export function Center(_ref) {
7
4
  let {
8
5
  width = 240,
@@ -12,15 +9,16 @@ export function Center(_ref) {
12
9
  style,
13
10
  ...rest
14
11
  } = _ref;
15
- return /*#__PURE__*/React.createElement(View, _extends({
12
+ return /*#__PURE__*/React.createElement(View, {
16
13
  style: [{
17
14
  justifyContent: "center",
18
15
  alignItems: "center",
19
16
  width,
20
17
  height,
21
18
  backgroundColor: bgColor
22
- }, style]
23
- }, rest), children);
19
+ }, style],
20
+ ...rest
21
+ }, children);
24
22
  }
25
23
  export function Circle(_ref2) {
26
24
  let {
@@ -31,7 +29,7 @@ export function Circle(_ref2) {
31
29
  ...rest
32
30
  } = _ref2;
33
31
  const borderRadius = 1000;
34
- return /*#__PURE__*/React.createElement(Center, _extends({
32
+ return /*#__PURE__*/React.createElement(Center, {
35
33
  width: size,
36
34
  height: size,
37
35
  bgColor: bgColor,
@@ -39,8 +37,9 @@ export function Circle(_ref2) {
39
37
  backgroundColor: bgColor,
40
38
  borderRadius,
41
39
  overflow: "hidden"
42
- }]
43
- }, rest), children);
40
+ }],
41
+ ...rest
42
+ }, children);
44
43
  }
45
44
  export function Square(_ref3) {
46
45
  let {
@@ -50,12 +49,13 @@ export function Square(_ref3) {
50
49
  style,
51
50
  ...rest
52
51
  } = _ref3;
53
- return /*#__PURE__*/React.createElement(Center, _extends({
52
+ return /*#__PURE__*/React.createElement(Center, {
54
53
  style: style,
55
54
  width: size,
56
55
  height: size,
57
- bgColor: bgColor
58
- }, rest), children);
56
+ bgColor: bgColor,
57
+ ...rest
58
+ }, children);
59
59
  }
60
60
  export function Row(_ref4) {
61
61
  let {
@@ -65,14 +65,14 @@ export function Row(_ref4) {
65
65
  style,
66
66
  ...rest
67
67
  } = _ref4;
68
- return /*#__PURE__*/React.createElement(View, _extends({
69
- style: [style, // style goes first b/c we can't override these
70
- {
68
+ return /*#__PURE__*/React.createElement(View, {
69
+ style: [style, {
71
70
  alignItems,
72
71
  flexDirection: "row",
73
72
  justifyContent: justifyContent
74
- }]
75
- }, rest), children);
73
+ }],
74
+ ...rest
75
+ }, children);
76
76
  }
77
77
  export function Spacer(_ref5) {
78
78
  let {
@@ -84,14 +84,36 @@ export function Spacer(_ref5) {
84
84
  style,
85
85
  ...rest
86
86
  } = _ref5;
87
- return /*#__PURE__*/React.createElement(View, _extends({
87
+ return /*#__PURE__*/React.createElement(View, {
88
88
  style: [style, {
89
89
  paddingRight: right,
90
90
  paddingTop: top,
91
91
  paddingLeft: left,
92
92
  paddingBottom: bottom
93
- }]
94
- }, rest), children);
93
+ }],
94
+ ...rest
95
+ }, children);
96
+ }
97
+ export function Stack(_ref6) {
98
+ let {
99
+ children,
100
+ justifyContent = "flex-start",
101
+ alignItems = "flex-start",
102
+ style,
103
+ ...rest
104
+ } = _ref6;
105
+ return (
106
+ /*#__PURE__*/
107
+ // style must go first since we don't want justifyContent, alignItems overridden
108
+ React.createElement(View, {
109
+ style: [style, {
110
+ justifyContent,
111
+ alignItems
112
+ }],
113
+ ...rest
114
+ }, children)
115
+ );
116
+ }dren);
95
117
  }
96
118
  export function Stack(_ref6) {
97
119
  let {
@@ -1,10 +1,7 @@
1
- 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; }
2
-
3
1
  import * as React from "react";
4
2
  import PortalConsumer from "./PortalConsumer";
5
3
  import PortalHost, { PortalContext } from "./PortalHost";
6
4
  import { ThemeProvider, withTheme } from "../../theming";
7
-
8
5
  /**
9
6
  * Portal allows to render a component at a different place in the parent tree.
10
7
  * You can use it to render content which should appear above other elements, similar to `Modal`.
@@ -26,8 +23,8 @@ import { ThemeProvider, withTheme } from "../../theming";
26
23
  * }
27
24
  * ```
28
25
  */
26
+
29
27
  class Portal extends React.Component {
30
- // @component ./PortalHost.tsx
31
28
  render() {
32
29
  const {
33
30
  children,
@@ -40,8 +37,8 @@ class Portal extends React.Component {
40
37
  }, children)));
41
38
  }
42
39
 
43
- }
40
+ } // @component ./PortalHost.tsx
44
41
 
45
- _defineProperty(Portal, "Host", PortalHost);
46
42
 
43
+ Portal.Host = PortalHost;
47
44
  export default withTheme(Portal);
@@ -5,4 +5,5 @@ const DEFAULT_STATUSBAR_HEIGHT_EXPO = expo !== null && expo !== void 0 && expo.C
5
5
  export const APPROX_STATUSBAR_HEIGHT = Platform.select({
6
6
  android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
7
7
  ios: Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
8
+ });PO : 0
8
9
  });
@@ -31,7 +31,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/Ac
31
31
  export { Swiper, SwiperItem } from "./components/Swiper";
32
32
  export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout";
33
33
  export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup } from "./components/RadioButton/index";
34
- export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle } from "./components/Table";
35
34
  /* Deprecated: Fix or Delete! */
36
35
 
37
36
  export { default as Button } from "./components/DeprecatedButton";
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Action Sheet",
4
4
  tag: "ActionSheet",
5
5
  description: "Action Sheet container",
6
- category: COMPONENT_TYPES.container,
6
+ category: COMPONENT_TYPES.actionsheet,
7
7
  props: {
8
8
  visible: createStaticBoolProp({
9
9
  group: GROUPS.data,
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Action Sheet Cancel",
4
4
  tag: "ActionSheetCancel",
5
5
  description: "Action Sheet cancel",
6
- category: COMPONENT_TYPES.button,
6
+ category: COMPONENT_TYPES.actionsheet,
7
7
  triggers: [Triggers.OnPress],
8
8
  props: {
9
9
  onPress: createActionProp(),
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Action Sheet Item",
4
4
  tag: "ActionSheetItem",
5
5
  description: "Action Sheet item",
6
- category: COMPONENT_TYPES.button,
6
+ category: COMPONENT_TYPES.actionsheet,
7
7
  triggers: [Triggers.OnPress],
8
8
  layout: {
9
9
  textAlign: "center"
@@ -5,7 +5,7 @@ export const SEED_DATA = {
5
5
  description: "Displays a circular loading indicator.",
6
6
  doc_link: "https://docs.expo.io/versions/latest/react-native/activityindicator/",
7
7
  code_link: "https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js",
8
- category: COMPONENT_TYPES.input,
8
+ category: COMPONENT_TYPES.utility,
9
9
  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Borders],
10
10
  layout: {
11
11
  width: 36,
@@ -2,7 +2,7 @@ import { COMPONENT_TYPES, createIconProp, createBoolProp, createColorProp, creat
2
2
  export const SEED_DATA = {
3
3
  name: "Banner",
4
4
  tag: "Banner",
5
- category: COMPONENT_TYPES.button,
5
+ category: COMPONENT_TYPES.deprecated,
6
6
  props: {
7
7
  icon: createIconProp({
8
8
  defaultValue: null,
@@ -5,7 +5,7 @@ export const SEED_DATA = {
5
5
  description: "Expo Blur View",
6
6
  doc_link: "https://docs.expo.io/versions/latest/sdk/blur-view/",
7
7
  code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts",
8
- category: COMPONENT_TYPES.layout,
8
+ category: COMPONENT_TYPES.view,
9
9
  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
10
10
  layout: {
11
11
  flexGrow: 1,
@@ -1,4 +1,4 @@
1
- import { COMPONENT_TYPES, createIconProp, createBoolProp, createTextProp, GROUPS, createActionProp, Triggers, StylesPanelSections } from "@draftbit/types";
1
+ import { COMPONENT_TYPES, createIconProp, createTextProp, createDisabledProp, createLoadingProp, createActionProp, Triggers, StylesPanelSections } from "@draftbit/types";
2
2
  const SEED_DATA_TRIGGERS = [Triggers.OnPress];
3
3
  const SEED_DATA_PROPS = {
4
4
  onPress: createActionProp(),
@@ -11,16 +11,8 @@ const SEED_DATA_PROPS = {
11
11
  description: "Button Label",
12
12
  defaultValue: "Get Started"
13
13
  }),
14
- disabled: createBoolProp({
15
- group: GROUPS.basic,
16
- label: "Disabled",
17
- description: "Whether the button should be disabled"
18
- }),
19
- loading: createBoolProp({
20
- group: GROUPS.basic,
21
- label: "Loading",
22
- description: "Whether to show a loading indicator"
23
- })
14
+ disabled: createDisabledProp(),
15
+ loading: createLoadingProp()
24
16
  };
25
17
  const LAYOUT = {
26
18
  backgroundColor: "transparent",
@@ -30,7 +22,7 @@ const LAYOUT = {
30
22
  export const SEED_DATA = [{
31
23
  name: "Button Outline",
32
24
  tag: "ButtonOutline",
33
- category: COMPONENT_TYPES.button,
25
+ category: COMPONENT_TYPES.deprecated,
34
26
  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
35
27
  layout: { ...LAYOUT,
36
28
  backgroundColor: "transparent",
@@ -40,7 +32,7 @@ export const SEED_DATA = [{
40
32
  triggers: SEED_DATA_TRIGGERS,
41
33
  props: SEED_DATA_PROPS
42
34
  }, {
43
- name: "Button Solid",
35
+ name: "Button",
44
36
  tag: "ButtonSolid",
45
37
  category: COMPONENT_TYPES.button,
46
38
  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
@@ -2,7 +2,7 @@ import { COMPONENT_TYPES, createBoolProp, createIconProp, createStaticNumberProp
2
2
  export const SEED_DATA = {
3
3
  name: "Checkbox",
4
4
  tag: "Checkbox",
5
- category: COMPONENT_TYPES.input,
5
+ category: COMPONENT_TYPES.control,
6
6
  stylesPanelSections: BLOCK_STYLES_SECTIONS,
7
7
  triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],
8
8
  props: {
@@ -2,7 +2,7 @@ import { createBoolProp, createTextProp, createTextStyle, createRowDirectionProp
2
2
  export const SEED_DATA = {
3
3
  name: "Checkbox Row",
4
4
  tag: "CheckboxRow",
5
- category: COMPONENT_TYPES.input,
5
+ category: COMPONENT_TYPES.control,
6
6
  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Margins, StylesPanelSections.Effects],
7
7
  layout: {
8
8
  minHeight: 50
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Circle Image",
4
4
  tag: "CircleImage",
5
5
  description: "A circle image",
6
- category: COMPONENT_TYPES.media,
6
+ category: COMPONENT_TYPES.deprecated,
7
7
  stylesPanelSections: BLOCK_STYLES_SECTIONS,
8
8
  props: {
9
9
  source: createImageProp(),
@@ -3,6 +3,6 @@ export const SEED_DATA = {
3
3
  name: "Custom Code",
4
4
  tag: "CustomCode",
5
5
  description: "A component that allows usage of custom code",
6
- category: COMPONENT_TYPES.data,
6
+ category: COMPONENT_TYPES.utility,
7
7
  props: {}
8
8
  };
@@ -2,7 +2,7 @@ import { COMPONENT_TYPES, createIconProp, createColorProp, GROUPS, createBoolPro
2
2
  export const SEED_DATA = {
3
3
  name: "FAB",
4
4
  tag: "FAB",
5
- category: COMPONENT_TYPES.button,
5
+ category: COMPONENT_TYPES.deprecated,
6
6
  stylesPanelSections: BLOCK_STYLES_SECTIONS,
7
7
  description: "A mini round icon FAB",
8
8
  layout: {},
@@ -3,7 +3,7 @@ export const SEED_DATA = [{
3
3
  name: "Search Bar",
4
4
  tag: "FieldSearchBarFull",
5
5
  description: "A search bar with accompanying search icon and clear button.",
6
- category: COMPONENT_TYPES.input,
6
+ category: COMPONENT_TYPES.deprecated,
7
7
  stylesPanelSections: BLOCK_STYLES_SECTIONS,
8
8
  preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
9
9
  supports_list_render: false,
@@ -1,16 +1,29 @@
1
- import { COMPONENT_TYPES, createImageProp, createResizeModeProp, StylesPanelSections } from "@draftbit/types";
1
+ import { COMPONENT_TYPES, createImageProp, createResizeModeProp, StylesPanelSections, FORM_TYPES, PROP_TYPES, GROUPS } from "@draftbit/types";
2
2
  export const SEED_DATA = {
3
3
  name: "Image",
4
4
  tag: "Image",
5
5
  description: "A basic Image Component",
6
6
  category: COMPONENT_TYPES.media,
7
- stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Position, StylesPanelSections.Effects],
7
+ stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Position, StylesPanelSections.Effects, StylesPanelSections.Borders],
8
8
  layout: {
9
9
  width: 100,
10
10
  height: 100
11
11
  },
12
12
  props: {
13
13
  source: createImageProp(),
14
- resizeMode: createResizeModeProp()
14
+ resizeMode: createResizeModeProp(),
15
+ blurRadius: {
16
+ group: GROUPS.basic,
17
+ name: "blurRadius",
18
+ label: "Blur Radius",
19
+ defaultValue: null,
20
+ description: "The blur radius of the blur filter added to the image.",
21
+ editable: true,
22
+ required: false,
23
+ formType: FORM_TYPES.number,
24
+ propType: PROP_TYPES.NUMBER,
25
+ step: 5,
26
+ precision: 1
27
+ }
15
28
  }
16
29
  };
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Keyboard Avoiding View",
4
4
  tag: "KeyboardAvoidingView",
5
5
  description: "View that moves out of the way of the virtual keyboard. ",
6
- category: COMPONENT_TYPES.layout,
6
+ category: COMPONENT_TYPES.view,
7
7
  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
8
8
  props: {
9
9
  enabled: {
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Keyboard Aware Scroll View",
4
4
  tag: "KeyboardAwareScrollView",
5
5
  description: "View that moves pushes the content when virtual keyboard is open.",
6
- category: COMPONENT_TYPES.layout,
6
+ category: COMPONENT_TYPES.view,
7
7
  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
8
8
  layout: {},
9
9
  props: {
@@ -2,7 +2,7 @@ import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, StylesPanelSections }
2
2
  export const SEED_DATA = [{
3
3
  name: "Row",
4
4
  tag: "Row",
5
- category: COMPONENT_TYPES.layout,
5
+ category: COMPONENT_TYPES.deprecated,
6
6
  stylesPanelSections: [StylesPanelSections.NoStyles],
7
7
  props: {
8
8
  justifyContent: {
@@ -75,7 +75,7 @@ export const SEED_DATA = [{
75
75
  }, {
76
76
  name: "Stack",
77
77
  tag: "Stack",
78
- category: COMPONENT_TYPES.layout,
78
+ category: COMPONENT_TYPES.deprecated,
79
79
  stylesPanelSections: [StylesPanelSections.NoStyles],
80
80
  props: {
81
81
  justifyContent: {
@@ -4,7 +4,7 @@ export const SEED_DATA = {
4
4
  tag: "MapCallout",
5
5
  packageName: "@draftbit/maps",
6
6
  description: "An info window to display on top of a marker when it is clicked",
7
- category: COMPONENT_TYPES.media,
7
+ category: COMPONENT_TYPES.map,
8
8
  triggers: [Triggers.OnPress],
9
9
  layout: {},
10
10
  props: {
@@ -4,7 +4,7 @@ export const SEED_DATA = {
4
4
  tag: "MapMarker",
5
5
  packageName: "@draftbit/maps",
6
6
  description: "A marker to show inside map view",
7
- category: COMPONENT_TYPES.media,
7
+ category: COMPONENT_TYPES.map,
8
8
  layout: {},
9
9
  props: {
10
10
  latitude: createNumberProp({
@@ -4,7 +4,7 @@ export const SEED_DATA = {
4
4
  tag: "MapView",
5
5
  packageName: "@draftbit/maps",
6
6
  description: "A map view",
7
- category: COMPONENT_TYPES.media,
7
+ category: COMPONENT_TYPES.map,
8
8
  layout: {
9
9
  flex: 1
10
10
  },
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Modal",
4
4
  tag: "Modal",
5
5
  description: "A basic Modal Component",
6
- category: COMPONENT_TYPES.container,
6
+ category: COMPONENT_TYPES.layout,
7
7
  stylesPanelSections: [StylesPanelSections.NoStyles],
8
8
  props: {
9
9
  animationType: {
@@ -2,7 +2,7 @@ import { GROUPS, COMPONENT_TYPES, createBoolProp, createColorProp, createNumberP
2
2
  export const SEED_DATA = {
3
3
  name: "Radio Button",
4
4
  tag: "RadioButton",
5
- category: COMPONENT_TYPES.input,
5
+ category: COMPONENT_TYPES.control,
6
6
  stylesPanelSections: BLOCK_STYLES_SECTIONS,
7
7
  triggers: [Triggers.OnPress],
8
8
  props: {
@@ -2,7 +2,7 @@ import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, St
2
2
  export const SEED_DATA = {
3
3
  name: "Radio Button Group",
4
4
  tag: "RadioButtonGroup",
5
- category: COMPONENT_TYPES.input,
5
+ category: COMPONENT_TYPES.control,
6
6
  stylesPanelSections: [StylesPanelSections.Margins],
7
7
  layout: {},
8
8
  triggers: [Triggers.OnValueChange],
@@ -2,7 +2,7 @@ import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, G
2
2
  export const SEED_DATA = {
3
3
  name: "Radio Button Row",
4
4
  tag: "RadioButtonRow",
5
- category: COMPONENT_TYPES.input,
5
+ category: COMPONENT_TYPES.control,
6
6
  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Margins, StylesPanelSections.Effects],
7
7
  layout: {},
8
8
  props: {
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Scroll View",
4
4
  tag: "ScrollView",
5
5
  description: "A basic ScrollView component",
6
- category: COMPONENT_TYPES.layout,
6
+ category: COMPONENT_TYPES.view,
7
7
  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
8
8
  layout: {},
9
9
  props: {
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Slider",
4
4
  tag: "Slider",
5
5
  description: "A component used to set a value in a range",
6
- category: COMPONENT_TYPES.input,
6
+ category: COMPONENT_TYPES.control,
7
7
  stylesPanelSections: BLOCK_STYLES_SECTIONS,
8
8
  layout: {
9
9
  marginLeft: 12,
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Star Rating",
4
4
  tag: "StarRating",
5
5
  description: "A star rating component",
6
- category: COMPONENT_TYPES.button,
6
+ category: COMPONENT_TYPES.control,
7
7
  stylesPanelSections: BLOCK_STYLES_SECTIONS,
8
8
  triggers: [Triggers.OnPress],
9
9
  props: {
@@ -3,7 +3,7 @@ export const SEED_DATA = [{
3
3
  name: "Stepper",
4
4
  tag: "Stepper",
5
5
  description: "A component used to control the quantity of something",
6
- category: COMPONENT_TYPES.input,
6
+ category: COMPONENT_TYPES.control,
7
7
  stylesPanelSections: BLOCK_STYLES_SECTIONS,
8
8
  layout: {},
9
9
  triggers: [Triggers.OnChange],
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Surface",
4
4
  tag: "Surface",
5
5
  description: "An elevated container",
6
- category: COMPONENT_TYPES.layout,
6
+ category: COMPONENT_TYPES.container,
7
7
  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
8
8
  layout: {
9
9
  minHeight: 40
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Swiper",
4
4
  tag: "Swiper",
5
5
  description: "Swiper container",
6
- category: COMPONENT_TYPES.container,
6
+ category: COMPONENT_TYPES.swiper,
7
7
  layout: {
8
8
  height: 300,
9
9
  width: "100%"
@@ -3,6 +3,6 @@ export const SEED_DATA = {
3
3
  name: "Swiper Item",
4
4
  tag: "SwiperItem",
5
5
  description: "Swiper item",
6
- category: COMPONENT_TYPES.button,
6
+ category: COMPONENT_TYPES.swiper,
7
7
  props: {}
8
8
  };
@@ -3,7 +3,7 @@ const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
3
3
  export const SEED_DATA = [{
4
4
  name: "Switch",
5
5
  tag: "Switch",
6
- category: COMPONENT_TYPES.input,
6
+ category: COMPONENT_TYPES.control,
7
7
  stylesPanelSections: BLOCK_STYLES_SECTIONS,
8
8
  layout: {},
9
9
  triggers: SEED_DATA_TRIGGERS,
@@ -33,7 +33,7 @@ export const SEED_DATA = [{
33
33
  }, {
34
34
  name: "Switch Row",
35
35
  tag: "SwitchRow",
36
- category: COMPONENT_TYPES.input,
36
+ category: COMPONENT_TYPES.control,
37
37
  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Margins, StylesPanelSections.Effects],
38
38
  layout: {
39
39
  marginLeft: 0,
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Web View",
4
4
  tag: "WebView",
5
5
  description: "Render web content inside a view",
6
- category: COMPONENT_TYPES.media,
6
+ category: COMPONENT_TYPES.utility,
7
7
  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Borders],
8
8
  layout: {
9
9
  flex: 1
@@ -1,5 +1,5 @@
1
1
  import { StyleSheet } from "react-native";
2
- import { isString, isNumber, pick, pickBy, identity, omitBy, isNil } from "lodash";
2
+ import { isString, isNumber, pick, pickBy, identity } from "lodash";
3
3
  export function extractStyles(style) {
4
4
  const {
5
5
  color,
@@ -29,8 +29,8 @@ export function extractStyles(style) {
29
29
  textDecorationStyle
30
30
  };
31
31
  return {
32
- viewStyles: omitBy(viewStyles, isNil),
33
- textStyles: omitBy(textStyles, isNil)
32
+ viewStyles,
33
+ textStyles
34
34
  };
35
35
  }
36
36
  export const borderStyleNames = ["borderRadius", "borderBottomColor", "borderBottomEndRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderBottomStartRadius", "borderBottomWidth", "borderColor", "borderEndColor", "borderLeftColor", "borderLeftWidth", "borderRadius", "borderRightColor", "borderRightWidth", "borderStartColor", "borderStyle", "borderTopColor", "borderTopEndRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderTopStartRadius", "borderTopWidth", "borderWidth"];
@@ -31,7 +31,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
31
31
  export { Swiper, SwiperItem } from "./components/Swiper";
32
32
  export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
33
33
  export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
34
- export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle, } from "./components/Table";
35
34
  export { default as Button } from "./components/DeprecatedButton";
36
35
  export { default as CardBlock } from "./components/CardBlock";
37
36
  export { default as CardContainer } from "./components/CardContainer";