@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.
- package/lib/commonjs/components/Container.js +5 -17
- package/lib/commonjs/index.js +0 -38
- package/lib/commonjs/mappings/ActionSheet.js +1 -1
- package/lib/commonjs/mappings/ActionSheetCancel.js +1 -1
- package/lib/commonjs/mappings/ActionSheetItem.js +1 -1
- package/lib/commonjs/mappings/ActivityIndicator.js +1 -1
- package/lib/commonjs/mappings/Banner.js +1 -1
- package/lib/commonjs/mappings/BlurView.js +1 -1
- package/lib/commonjs/mappings/Button.js +4 -12
- package/lib/commonjs/mappings/Checkbox.js +1 -1
- package/lib/commonjs/mappings/CheckboxRow.js +1 -1
- package/lib/commonjs/mappings/CircleImage.js +1 -1
- package/lib/commonjs/mappings/CustomCode.js +1 -1
- package/lib/commonjs/mappings/FAB.js +1 -1
- package/lib/commonjs/mappings/FieldSearchBarFull.js +1 -1
- package/lib/commonjs/mappings/Image.js +15 -2
- package/lib/commonjs/mappings/KeyboardAvoidingView.js +1 -1
- package/lib/commonjs/mappings/KeyboardAwareScrollView.js +1 -1
- package/lib/commonjs/mappings/Layout.js +2 -2
- package/lib/commonjs/mappings/MapCallout.js +1 -1
- package/lib/commonjs/mappings/MapMarker.js +1 -1
- package/lib/commonjs/mappings/MapView.js +1 -1
- package/lib/commonjs/mappings/Modal.js +1 -1
- package/lib/commonjs/mappings/RadioButton.js +1 -1
- package/lib/commonjs/mappings/RadioButtonGroup.js +1 -1
- package/lib/commonjs/mappings/RadioButtonRow.js +1 -1
- package/lib/commonjs/mappings/ScrollView.js +1 -1
- package/lib/commonjs/mappings/Slider.js +1 -1
- package/lib/commonjs/mappings/StarRating.js +1 -1
- package/lib/commonjs/mappings/Stepper.js +1 -1
- package/lib/commonjs/mappings/Surface.js +1 -1
- package/lib/commonjs/mappings/Swiper.js +1 -1
- package/lib/commonjs/mappings/SwiperItem.js +1 -1
- package/lib/commonjs/mappings/Switch.js +2 -2
- package/lib/commonjs/mappings/WebView.js +1 -1
- package/lib/commonjs/utilities.js +2 -2
- package/lib/module/components/AvatarEdit.js +16 -5
- package/lib/module/components/Checkbox/CheckboxGroupRow.js +24 -6
- package/lib/module/components/IconButton.js +22 -5
- package/lib/module/components/Layout.js +43 -21
- package/lib/module/components/Portal/Portal.js +3 -6
- package/lib/module/constants.js +1 -0
- package/lib/module/index.js +0 -1
- package/lib/module/mappings/ActionSheet.js +1 -1
- package/lib/module/mappings/ActionSheetCancel.js +1 -1
- package/lib/module/mappings/ActionSheetItem.js +1 -1
- package/lib/module/mappings/ActivityIndicator.js +1 -1
- package/lib/module/mappings/Banner.js +1 -1
- package/lib/module/mappings/BlurView.js +1 -1
- package/lib/module/mappings/Button.js +5 -13
- package/lib/module/mappings/Checkbox.js +1 -1
- package/lib/module/mappings/CheckboxRow.js +1 -1
- package/lib/module/mappings/CircleImage.js +1 -1
- package/lib/module/mappings/CustomCode.js +1 -1
- package/lib/module/mappings/FAB.js +1 -1
- package/lib/module/mappings/FieldSearchBarFull.js +1 -1
- package/lib/module/mappings/Image.js +16 -3
- package/lib/module/mappings/KeyboardAvoidingView.js +1 -1
- package/lib/module/mappings/KeyboardAwareScrollView.js +1 -1
- package/lib/module/mappings/Layout.js +2 -2
- package/lib/module/mappings/MapCallout.js +1 -1
- package/lib/module/mappings/MapMarker.js +1 -1
- package/lib/module/mappings/MapView.js +1 -1
- package/lib/module/mappings/Modal.js +1 -1
- package/lib/module/mappings/RadioButton.js +1 -1
- package/lib/module/mappings/RadioButtonGroup.js +1 -1
- package/lib/module/mappings/RadioButtonRow.js +1 -1
- package/lib/module/mappings/ScrollView.js +1 -1
- package/lib/module/mappings/Slider.js +1 -1
- package/lib/module/mappings/StarRating.js +1 -1
- package/lib/module/mappings/Stepper.js +1 -1
- package/lib/module/mappings/Surface.js +1 -1
- package/lib/module/mappings/Swiper.js +1 -1
- package/lib/module/mappings/SwiperItem.js +1 -1
- package/lib/module/mappings/Switch.js +2 -2
- package/lib/module/mappings/WebView.js +1 -1
- package/lib/module/utilities.js +3 -3
- package/lib/typescript/src/index.d.ts +0 -1
- package/lib/typescript/src/mappings/Button.d.ts +16 -16
- package/lib/typescript/src/mappings/Image.d.ts +13 -0
- package/lib/typescript/src/utilities.d.ts +3 -3
- package/package.json +3 -3
- package/src/index.js +0 -1
- package/src/index.tsx +0 -9
- package/src/mappings/ActionSheet.js +1 -1
- package/src/mappings/ActionSheet.ts +1 -1
- package/src/mappings/ActionSheetCancel.js +1 -1
- package/src/mappings/ActionSheetCancel.ts +1 -1
- package/src/mappings/ActionSheetItem.js +1 -1
- package/src/mappings/ActionSheetItem.ts +1 -1
- package/src/mappings/ActivityIndicator.js +1 -1
- package/src/mappings/ActivityIndicator.ts +1 -1
- package/src/mappings/Banner.js +1 -1
- package/src/mappings/Banner.ts +1 -1
- package/src/mappings/BlurView.js +1 -1
- package/src/mappings/BlurView.ts +1 -1
- package/src/mappings/Button.js +5 -13
- package/src/mappings/Button.ts +6 -14
- package/src/mappings/Checkbox.js +1 -1
- package/src/mappings/Checkbox.ts +1 -1
- package/src/mappings/CheckboxRow.js +1 -1
- package/src/mappings/CheckboxRow.ts +1 -1
- package/src/mappings/CircleImage.js +1 -1
- package/src/mappings/CircleImage.ts +1 -1
- package/src/mappings/CustomCode.js +1 -1
- package/src/mappings/CustomCode.ts +1 -1
- package/src/mappings/FAB.js +1 -1
- package/src/mappings/FAB.ts +1 -1
- package/src/mappings/FieldSearchBarFull.js +1 -1
- package/src/mappings/FieldSearchBarFull.ts +1 -1
- package/src/mappings/Image.js +15 -1
- package/src/mappings/Image.ts +17 -0
- package/src/mappings/KeyboardAvoidingView.js +1 -1
- package/src/mappings/KeyboardAvoidingView.ts +1 -1
- package/src/mappings/KeyboardAwareScrollView.js +1 -1
- package/src/mappings/KeyboardAwareScrollView.ts +1 -1
- package/src/mappings/Layout.js +2 -2
- package/src/mappings/Layout.ts +2 -2
- package/src/mappings/MapCallout.js +1 -1
- package/src/mappings/MapCallout.ts +1 -1
- package/src/mappings/MapMarker.js +1 -1
- package/src/mappings/MapMarker.ts +1 -1
- package/src/mappings/MapView.js +1 -1
- package/src/mappings/MapView.ts +1 -1
- package/src/mappings/Modal.js +1 -1
- package/src/mappings/Modal.ts +1 -1
- package/src/mappings/RadioButton.js +1 -1
- package/src/mappings/RadioButton.ts +1 -1
- package/src/mappings/RadioButtonGroup.js +1 -1
- package/src/mappings/RadioButtonGroup.ts +1 -1
- package/src/mappings/RadioButtonRow.js +1 -1
- package/src/mappings/RadioButtonRow.ts +1 -1
- package/src/mappings/ScrollView.js +1 -1
- package/src/mappings/ScrollView.ts +1 -1
- package/src/mappings/Slider.js +1 -1
- package/src/mappings/Slider.ts +1 -1
- package/src/mappings/StarRating.js +1 -1
- package/src/mappings/StarRating.ts +1 -1
- package/src/mappings/Stepper.js +1 -1
- package/src/mappings/Stepper.ts +1 -1
- package/src/mappings/Surface.js +1 -1
- package/src/mappings/Surface.ts +1 -1
- package/src/mappings/Swiper.js +1 -1
- package/src/mappings/Swiper.ts +1 -1
- package/src/mappings/SwiperItem.js +1 -1
- package/src/mappings/SwiperItem.ts +1 -1
- package/src/mappings/Switch.js +2 -2
- package/src/mappings/Switch.ts +2 -2
- package/src/mappings/WebView.js +1 -1
- package/src/mappings/WebView.ts +1 -1
- package/src/utilities.js +2 -5
- package/src/utilities.ts +2 -13
- package/lib/commonjs/components/Table/Table.js +0 -35
- package/lib/commonjs/components/Table/TableCell.js +0 -50
- package/lib/commonjs/components/Table/TableHeader.js +0 -41
- package/lib/commonjs/components/Table/TablePaginator.js +0 -17
- package/lib/commonjs/components/Table/TableRow.js +0 -47
- package/lib/commonjs/components/Table/TableTitle.js +0 -60
- package/lib/commonjs/components/Table/index.js +0 -55
- package/lib/commonjs/mappings/Table.js +0 -103
- package/lib/module/components/Table/Table.js +0 -23
- package/lib/module/components/Table/TableCell.js +0 -37
- package/lib/module/components/Table/TableHeader.js +0 -27
- package/lib/module/components/Table/TablePaginator.js +0 -6
- package/lib/module/components/Table/TableRow.js +0 -33
- package/lib/module/components/Table/TableTitle.js +0 -47
- package/lib/module/components/Table/index.js +0 -6
- package/lib/module/mappings/Table.js +0 -94
- package/lib/typescript/src/components/Table/Table.d.ts +0 -8
- package/lib/typescript/src/components/Table/TableCell.d.ts +0 -10
- package/lib/typescript/src/components/Table/TableHeader.d.ts +0 -12
- package/lib/typescript/src/components/Table/TablePaginator.d.ts +0 -3
- package/lib/typescript/src/components/Table/TableRow.d.ts +0 -12
- package/lib/typescript/src/components/Table/TableTitle.d.ts +0 -12
- package/lib/typescript/src/components/Table/index.d.ts +0 -6
- package/lib/typescript/src/mappings/Table.d.ts +0 -153
- package/src/components/Table/Table.js +0 -10
- package/src/components/Table/Table.tsx +0 -22
- package/src/components/Table/TableCell.js +0 -21
- package/src/components/Table/TableCell.tsx +0 -44
- package/src/components/Table/TableHeader.js +0 -11
- package/src/components/Table/TableHeader.tsx +0 -28
- package/src/components/Table/TablePaginator.js +0 -5
- package/src/components/Table/TablePaginator.tsx +0 -10
- package/src/components/Table/TableRow.js +0 -16
- package/src/components/Table/TableRow.tsx +0 -31
- package/src/components/Table/TableTitle.js +0 -28
- package/src/components/Table/TableTitle.tsx +0 -58
- package/src/components/Table/index.js +0 -6
- package/src/components/Table/index.tsx +0 -6
- package/src/mappings/Table.js +0 -137
- 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";
|
|
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,
|
|
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
|
-
|
|
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,
|
|
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
|
-
|
|
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,
|
|
52
|
+
return /*#__PURE__*/React.createElement(Center, {
|
|
54
53
|
style: style,
|
|
55
54
|
width: size,
|
|
56
55
|
height: size,
|
|
57
|
-
bgColor: bgColor
|
|
58
|
-
|
|
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,
|
|
69
|
-
style: [style,
|
|
70
|
-
{
|
|
68
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
69
|
+
style: [style, {
|
|
71
70
|
alignItems,
|
|
72
71
|
flexDirection: "row",
|
|
73
72
|
justifyContent: justifyContent
|
|
74
|
-
}]
|
|
75
|
-
|
|
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,
|
|
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
|
-
|
|
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);
|
package/lib/module/constants.js
CHANGED
package/lib/module/index.js
CHANGED
|
@@ -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 Cancel",
|
|
4
4
|
tag: "ActionSheetCancel",
|
|
5
5
|
description: "Action Sheet cancel",
|
|
6
|
-
category: COMPONENT_TYPES.
|
|
6
|
+
category: COMPONENT_TYPES.actionsheet,
|
|
7
7
|
triggers: [Triggers.OnPress],
|
|
8
8
|
props: {
|
|
9
9
|
onPress: createActionProp(),
|
|
@@ -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.
|
|
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.
|
|
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.
|
|
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,
|
|
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:
|
|
15
|
-
|
|
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.
|
|
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
|
|
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.
|
|
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.
|
|
5
|
+
category: COMPONENT_TYPES.control,
|
|
6
6
|
stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Margins, StylesPanelSections.Effects],
|
|
7
7
|
layout: {
|
|
8
8
|
minHeight: 50
|
|
@@ -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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
7
|
+
category: COMPONENT_TYPES.map,
|
|
8
8
|
triggers: [Triggers.OnPress],
|
|
9
9
|
layout: {},
|
|
10
10
|
props: {
|
|
@@ -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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
6
|
+
category: COMPONENT_TYPES.control,
|
|
7
7
|
stylesPanelSections: BLOCK_STYLES_SECTIONS,
|
|
8
8
|
layout: {},
|
|
9
9
|
triggers: [Triggers.OnChange],
|
|
@@ -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.
|
|
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.
|
|
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.
|
|
6
|
+
category: COMPONENT_TYPES.utility,
|
|
7
7
|
stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Borders],
|
|
8
8
|
layout: {
|
|
9
9
|
flex: 1
|
package/lib/module/utilities.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { StyleSheet } from "react-native";
|
|
2
|
-
import { isString, isNumber, pick, pickBy, identity
|
|
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
|
|
33
|
-
textStyles
|
|
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";
|