@draftbit/core 46.10.3-a5cf6b.2 → 46.10.3-b4dc15.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/DeprecatedButton.js +3 -20
- package/lib/module/components/TabView/TabView.js +7 -17
- package/package.json +3 -3
- package/lib/commonjs/mappings/HeaderLarge.js +0 -34
- package/lib/commonjs/mappings/HeaderMedium.js +0 -60
- package/lib/commonjs/mappings/HeaderOverline.js +0 -60
- package/lib/module/mappings/HeaderLarge.js +0 -27
- package/lib/module/mappings/HeaderMedium.js +0 -53
- package/lib/module/mappings/HeaderOverline.js +0 -53
- package/lib/typescript/src/mappings/HeaderLarge.d.ts +0 -34
- package/lib/typescript/src/mappings/HeaderLarge.d.ts.map +0 -1
- package/lib/typescript/src/mappings/HeaderMedium.d.ts +0 -53
- package/lib/typescript/src/mappings/HeaderMedium.d.ts.map +0 -1
- package/lib/typescript/src/mappings/HeaderOverline.d.ts +0 -53
- package/lib/typescript/src/mappings/HeaderOverline.d.ts.map +0 -1
- package/src/mappings/HeaderLarge.js +0 -29
- package/src/mappings/HeaderLarge.ts +0 -38
- package/src/mappings/HeaderMedium.js +0 -55
- package/src/mappings/HeaderMedium.ts +0 -63
- package/src/mappings/HeaderOverline.js +0 -55
- package/src/mappings/HeaderOverline.ts +0 -63
|
@@ -13,6 +13,7 @@ var _theming = require("../theming");
|
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
|
+
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); }
|
|
16
17
|
const Button = _ref => {
|
|
17
18
|
let {
|
|
18
19
|
Icon,
|
|
@@ -83,8 +84,7 @@ const Button = _ref => {
|
|
|
83
84
|
elevation,
|
|
84
85
|
alignSelf: "stretch"
|
|
85
86
|
}
|
|
86
|
-
}, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
87
|
-
...rest,
|
|
87
|
+
}, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
|
|
88
88
|
onPress: onPress,
|
|
89
89
|
accessibilityState: {
|
|
90
90
|
disabled
|
|
@@ -92,7 +92,7 @@ const Button = _ref => {
|
|
|
92
92
|
accessibilityRole: "button",
|
|
93
93
|
disabled: disabled || loading,
|
|
94
94
|
style: [styles.button, buttonStyle]
|
|
95
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
95
|
+
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
96
96
|
style: styles.content
|
|
97
97
|
}, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
98
98
|
style: iconStyle
|
|
@@ -124,21 +124,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
124
124
|
}
|
|
125
125
|
});
|
|
126
126
|
var _default = (0, _theming.withTheme)(Button);
|
|
127
|
-
exports.default = _default;;
|
|
128
|
-
};
|
|
129
|
-
const styles = _reactNative.StyleSheet.create({
|
|
130
|
-
button: {
|
|
131
|
-
minWidth: 64,
|
|
132
|
-
borderStyle: "solid"
|
|
133
|
-
},
|
|
134
|
-
content: {
|
|
135
|
-
flexDirection: "row",
|
|
136
|
-
alignItems: "center",
|
|
137
|
-
justifyContent: "center"
|
|
138
|
-
},
|
|
139
|
-
icon: {
|
|
140
|
-
width: _Config.default.buttonIconSize
|
|
141
|
-
}
|
|
142
|
-
});
|
|
143
|
-
var _default = (0, _theming.withTheme)(Button);
|
|
144
127
|
exports.default = _default;
|
|
@@ -1,3 +1,4 @@
|
|
|
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); }
|
|
1
2
|
import * as React from "react";
|
|
2
3
|
import { TabView, TabBar, SceneMap } from "react-native-tab-view";
|
|
3
4
|
import { withTheme } from "../../theming";
|
|
@@ -27,11 +28,13 @@ const TabViewComponent = _ref => {
|
|
|
27
28
|
textStyles,
|
|
28
29
|
viewStyles
|
|
29
30
|
} = extractStyles(style);
|
|
31
|
+
|
|
30
32
|
//Check type of child using props
|
|
31
33
|
//Regular '.type' cannot work because Draftbit strips the type in Draft view
|
|
32
34
|
const instanceOfTabViewItemProps = object => {
|
|
33
35
|
return "title" in object;
|
|
34
36
|
};
|
|
37
|
+
|
|
35
38
|
//Populate routes and scenes based on children
|
|
36
39
|
React.useEffect(() => {
|
|
37
40
|
const newRoutes = [];
|
|
@@ -57,8 +60,7 @@ const TabViewComponent = _ref => {
|
|
|
57
60
|
}
|
|
58
61
|
};
|
|
59
62
|
const renderTabBar = props => {
|
|
60
|
-
return /*#__PURE__*/React.createElement(TabBar, {
|
|
61
|
-
...props,
|
|
63
|
+
return /*#__PURE__*/React.createElement(TabBar, _extends({}, props, {
|
|
62
64
|
activeColor: activeColor || theme.colors.primary,
|
|
63
65
|
inactiveColor: inactiveColor || theme.colors.divider,
|
|
64
66
|
pressColor: pressColor || theme.colors.primary,
|
|
@@ -72,7 +74,7 @@ const TabViewComponent = _ref => {
|
|
|
72
74
|
route,
|
|
73
75
|
color
|
|
74
76
|
} = _ref2;
|
|
75
|
-
return
|
|
77
|
+
return route !== null && route !== void 0 && route.icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
76
78
|
name: route.icon,
|
|
77
79
|
color: color,
|
|
78
80
|
size: 16
|
|
@@ -81,8 +83,9 @@ const TabViewComponent = _ref => {
|
|
|
81
83
|
style: {
|
|
82
84
|
backgroundColor: tabsBackgroundColor || theme.colors.background
|
|
83
85
|
}
|
|
84
|
-
});
|
|
86
|
+
}));
|
|
85
87
|
};
|
|
88
|
+
|
|
86
89
|
//Cannot render TabView without at least one tab
|
|
87
90
|
if (!routes.length) {
|
|
88
91
|
return /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
@@ -101,17 +104,4 @@ const TabViewComponent = _ref => {
|
|
|
101
104
|
swipeEnabled: swipeEnabled
|
|
102
105
|
});
|
|
103
106
|
};
|
|
104
|
-
export default withTheme(TabViewComponent);tyles],
|
|
105
|
-
navigationState: {
|
|
106
|
-
index,
|
|
107
|
-
routes
|
|
108
|
-
},
|
|
109
|
-
renderScene: SceneMap(tabScenes),
|
|
110
|
-
renderTabBar: renderTabBar,
|
|
111
|
-
onIndexChange: indexChangeHandler,
|
|
112
|
-
tabBarPosition: tabBarPosition,
|
|
113
|
-
keyboardDismissMode: keyboardDismissMode,
|
|
114
|
-
swipeEnabled: swipeEnabled
|
|
115
|
-
});
|
|
116
|
-
};
|
|
117
107
|
export default withTheme(TabViewComponent);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.10.3-
|
|
3
|
+
"version": "46.10.3-b4dc15.2+b4dc152",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@date-io/date-fns": "^1.3.13",
|
|
43
43
|
"@draftbit/react-theme-provider": "^2.1.1",
|
|
44
|
-
"@draftbit/types": "^46.10.3-
|
|
44
|
+
"@draftbit/types": "^46.10.3-b4dc15.2+b4dc152",
|
|
45
45
|
"@material-ui/core": "^4.11.0",
|
|
46
46
|
"@material-ui/pickers": "^3.2.10",
|
|
47
47
|
"@react-native-community/slider": "4.2.3",
|
|
@@ -100,5 +100,5 @@
|
|
|
100
100
|
]
|
|
101
101
|
]
|
|
102
102
|
},
|
|
103
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "b4dc15212ae2654503d9753d91c02245207817e7"
|
|
104
104
|
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SEED_DATA = void 0;
|
|
7
|
-
var _types = require("@draftbit/types");
|
|
8
|
-
const SEED_DATA = [{
|
|
9
|
-
name: "Header Large",
|
|
10
|
-
tag: "HeaderLarge",
|
|
11
|
-
description: "A large header with an optional touchable right aligned text and icon.",
|
|
12
|
-
category: _types.COMPONENT_TYPES.header,
|
|
13
|
-
stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
|
|
14
|
-
layout: {},
|
|
15
|
-
triggers: [_types.Triggers.OnPress],
|
|
16
|
-
props: {
|
|
17
|
-
onPress: (0, _types.createActionProp)(),
|
|
18
|
-
title: (0, _types.createTextProp)({
|
|
19
|
-
label: "Title",
|
|
20
|
-
description: "Text to display",
|
|
21
|
-
defaultValue: "Title"
|
|
22
|
-
}),
|
|
23
|
-
buttonText: (0, _types.createTextProp)({
|
|
24
|
-
label: "Button text",
|
|
25
|
-
description: "Right aligned button text to display",
|
|
26
|
-
defaultValue: "See All"
|
|
27
|
-
}),
|
|
28
|
-
icon: (0, _types.createIconProp)({
|
|
29
|
-
defaultValue: null,
|
|
30
|
-
required: false
|
|
31
|
-
})
|
|
32
|
-
}
|
|
33
|
-
}];
|
|
34
|
-
exports.SEED_DATA = SEED_DATA;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SEED_DATA = void 0;
|
|
7
|
-
var _types = require("@draftbit/types");
|
|
8
|
-
const SEED_DATA = [{
|
|
9
|
-
name: "Header Medium",
|
|
10
|
-
tag: "HeaderMedium",
|
|
11
|
-
description: "A medium header with an optional touchable right aligned text and icon.",
|
|
12
|
-
category: _types.COMPONENT_TYPES.header,
|
|
13
|
-
stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
|
|
14
|
-
preview_image_url: "{CLOUDINARY_URL}/Header_HeadlineMediumIconText.png",
|
|
15
|
-
supports_list_render: false,
|
|
16
|
-
props: {
|
|
17
|
-
title: {
|
|
18
|
-
group: _types.GROUPS.data,
|
|
19
|
-
label: "Title",
|
|
20
|
-
description: "Text to display",
|
|
21
|
-
formType: _types.FORM_TYPES.string,
|
|
22
|
-
propType: _types.PROP_TYPES.STRING,
|
|
23
|
-
defaultValue: "Title",
|
|
24
|
-
editable: true,
|
|
25
|
-
required: false
|
|
26
|
-
},
|
|
27
|
-
buttonText: {
|
|
28
|
-
group: _types.GROUPS.data,
|
|
29
|
-
label: "Button text",
|
|
30
|
-
description: "Right aligned button text to display",
|
|
31
|
-
formType: _types.FORM_TYPES.string,
|
|
32
|
-
propType: _types.PROP_TYPES.STRING,
|
|
33
|
-
defaultValue: "See All",
|
|
34
|
-
editable: true,
|
|
35
|
-
required: false
|
|
36
|
-
},
|
|
37
|
-
icon: {
|
|
38
|
-
group: _types.GROUPS.basic,
|
|
39
|
-
label: "Icon",
|
|
40
|
-
description: "Name of icon to display",
|
|
41
|
-
formType: _types.FORM_TYPES.icon,
|
|
42
|
-
propType: _types.PROP_TYPES.ASSET,
|
|
43
|
-
defaultValue: null,
|
|
44
|
-
editable: true,
|
|
45
|
-
required: false
|
|
46
|
-
},
|
|
47
|
-
onPress: {
|
|
48
|
-
group: _types.GROUPS.basic,
|
|
49
|
-
label: "Action",
|
|
50
|
-
description: "Action to execute when button pressed",
|
|
51
|
-
editable: true,
|
|
52
|
-
required: false,
|
|
53
|
-
formType: _types.FORM_TYPES.action,
|
|
54
|
-
propType: _types.PROP_TYPES.STRING,
|
|
55
|
-
defaultValue: null
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
layout: {}
|
|
59
|
-
}];
|
|
60
|
-
exports.SEED_DATA = SEED_DATA;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SEED_DATA = void 0;
|
|
7
|
-
var _types = require("@draftbit/types");
|
|
8
|
-
const SEED_DATA = [{
|
|
9
|
-
name: "Header Overline",
|
|
10
|
-
tag: "HeaderOverline",
|
|
11
|
-
description: "A small header with an optional touchable right aligned text and icon.",
|
|
12
|
-
category: _types.COMPONENT_TYPES.header,
|
|
13
|
-
stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
|
|
14
|
-
preview_image_url: "{CLOUDINARY_URL}/Header_OverlineIconText.png",
|
|
15
|
-
supports_list_render: false,
|
|
16
|
-
props: {
|
|
17
|
-
title: {
|
|
18
|
-
group: _types.GROUPS.data,
|
|
19
|
-
label: "Title",
|
|
20
|
-
description: "Text to display",
|
|
21
|
-
formType: _types.FORM_TYPES.string,
|
|
22
|
-
propType: _types.PROP_TYPES.STRING,
|
|
23
|
-
defaultValue: "Title",
|
|
24
|
-
editable: true,
|
|
25
|
-
required: false
|
|
26
|
-
},
|
|
27
|
-
buttonText: {
|
|
28
|
-
group: _types.GROUPS.data,
|
|
29
|
-
label: "Button text",
|
|
30
|
-
description: "Right aligned button text to display",
|
|
31
|
-
formType: _types.FORM_TYPES.string,
|
|
32
|
-
propType: _types.PROP_TYPES.STRING,
|
|
33
|
-
defaultValue: "See All",
|
|
34
|
-
editable: true,
|
|
35
|
-
required: false
|
|
36
|
-
},
|
|
37
|
-
icon: {
|
|
38
|
-
group: _types.GROUPS.basic,
|
|
39
|
-
label: "Icon",
|
|
40
|
-
description: "Name of icon to display",
|
|
41
|
-
formType: _types.FORM_TYPES.icon,
|
|
42
|
-
propType: _types.PROP_TYPES.ASSET,
|
|
43
|
-
defaultValue: null,
|
|
44
|
-
editable: true,
|
|
45
|
-
required: false
|
|
46
|
-
},
|
|
47
|
-
onPress: {
|
|
48
|
-
group: _types.GROUPS.basic,
|
|
49
|
-
label: "Action",
|
|
50
|
-
description: "Action to execute when button pressed",
|
|
51
|
-
editable: true,
|
|
52
|
-
required: false,
|
|
53
|
-
formType: _types.FORM_TYPES.action,
|
|
54
|
-
propType: _types.PROP_TYPES.STRING,
|
|
55
|
-
defaultValue: null
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
layout: {}
|
|
59
|
-
}];
|
|
60
|
-
exports.SEED_DATA = SEED_DATA;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createIconProp, createTextProp, createActionProp, Triggers, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
|
|
2
|
-
export const SEED_DATA = [{
|
|
3
|
-
name: "Header Large",
|
|
4
|
-
tag: "HeaderLarge",
|
|
5
|
-
description: "A large header with an optional touchable right aligned text and icon.",
|
|
6
|
-
category: COMPONENT_TYPES.header,
|
|
7
|
-
stylesPanelSections: BLOCK_STYLES_SECTIONS,
|
|
8
|
-
layout: {},
|
|
9
|
-
triggers: [Triggers.OnPress],
|
|
10
|
-
props: {
|
|
11
|
-
onPress: createActionProp(),
|
|
12
|
-
title: createTextProp({
|
|
13
|
-
label: "Title",
|
|
14
|
-
description: "Text to display",
|
|
15
|
-
defaultValue: "Title"
|
|
16
|
-
}),
|
|
17
|
-
buttonText: createTextProp({
|
|
18
|
-
label: "Button text",
|
|
19
|
-
description: "Right aligned button text to display",
|
|
20
|
-
defaultValue: "See All"
|
|
21
|
-
}),
|
|
22
|
-
icon: createIconProp({
|
|
23
|
-
defaultValue: null,
|
|
24
|
-
required: false
|
|
25
|
-
})
|
|
26
|
-
}
|
|
27
|
-
}];
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
|
|
2
|
-
export const SEED_DATA = [{
|
|
3
|
-
name: "Header Medium",
|
|
4
|
-
tag: "HeaderMedium",
|
|
5
|
-
description: "A medium header with an optional touchable right aligned text and icon.",
|
|
6
|
-
category: COMPONENT_TYPES.header,
|
|
7
|
-
stylesPanelSections: BLOCK_STYLES_SECTIONS,
|
|
8
|
-
preview_image_url: "{CLOUDINARY_URL}/Header_HeadlineMediumIconText.png",
|
|
9
|
-
supports_list_render: false,
|
|
10
|
-
props: {
|
|
11
|
-
title: {
|
|
12
|
-
group: GROUPS.data,
|
|
13
|
-
label: "Title",
|
|
14
|
-
description: "Text to display",
|
|
15
|
-
formType: FORM_TYPES.string,
|
|
16
|
-
propType: PROP_TYPES.STRING,
|
|
17
|
-
defaultValue: "Title",
|
|
18
|
-
editable: true,
|
|
19
|
-
required: false
|
|
20
|
-
},
|
|
21
|
-
buttonText: {
|
|
22
|
-
group: GROUPS.data,
|
|
23
|
-
label: "Button text",
|
|
24
|
-
description: "Right aligned button text to display",
|
|
25
|
-
formType: FORM_TYPES.string,
|
|
26
|
-
propType: PROP_TYPES.STRING,
|
|
27
|
-
defaultValue: "See All",
|
|
28
|
-
editable: true,
|
|
29
|
-
required: false
|
|
30
|
-
},
|
|
31
|
-
icon: {
|
|
32
|
-
group: GROUPS.basic,
|
|
33
|
-
label: "Icon",
|
|
34
|
-
description: "Name of icon to display",
|
|
35
|
-
formType: FORM_TYPES.icon,
|
|
36
|
-
propType: PROP_TYPES.ASSET,
|
|
37
|
-
defaultValue: null,
|
|
38
|
-
editable: true,
|
|
39
|
-
required: false
|
|
40
|
-
},
|
|
41
|
-
onPress: {
|
|
42
|
-
group: GROUPS.basic,
|
|
43
|
-
label: "Action",
|
|
44
|
-
description: "Action to execute when button pressed",
|
|
45
|
-
editable: true,
|
|
46
|
-
required: false,
|
|
47
|
-
formType: FORM_TYPES.action,
|
|
48
|
-
propType: PROP_TYPES.STRING,
|
|
49
|
-
defaultValue: null
|
|
50
|
-
}
|
|
51
|
-
},
|
|
52
|
-
layout: {}
|
|
53
|
-
}];
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
|
|
2
|
-
export const SEED_DATA = [{
|
|
3
|
-
name: "Header Overline",
|
|
4
|
-
tag: "HeaderOverline",
|
|
5
|
-
description: "A small header with an optional touchable right aligned text and icon.",
|
|
6
|
-
category: COMPONENT_TYPES.header,
|
|
7
|
-
stylesPanelSections: BLOCK_STYLES_SECTIONS,
|
|
8
|
-
preview_image_url: "{CLOUDINARY_URL}/Header_OverlineIconText.png",
|
|
9
|
-
supports_list_render: false,
|
|
10
|
-
props: {
|
|
11
|
-
title: {
|
|
12
|
-
group: GROUPS.data,
|
|
13
|
-
label: "Title",
|
|
14
|
-
description: "Text to display",
|
|
15
|
-
formType: FORM_TYPES.string,
|
|
16
|
-
propType: PROP_TYPES.STRING,
|
|
17
|
-
defaultValue: "Title",
|
|
18
|
-
editable: true,
|
|
19
|
-
required: false
|
|
20
|
-
},
|
|
21
|
-
buttonText: {
|
|
22
|
-
group: GROUPS.data,
|
|
23
|
-
label: "Button text",
|
|
24
|
-
description: "Right aligned button text to display",
|
|
25
|
-
formType: FORM_TYPES.string,
|
|
26
|
-
propType: PROP_TYPES.STRING,
|
|
27
|
-
defaultValue: "See All",
|
|
28
|
-
editable: true,
|
|
29
|
-
required: false
|
|
30
|
-
},
|
|
31
|
-
icon: {
|
|
32
|
-
group: GROUPS.basic,
|
|
33
|
-
label: "Icon",
|
|
34
|
-
description: "Name of icon to display",
|
|
35
|
-
formType: FORM_TYPES.icon,
|
|
36
|
-
propType: PROP_TYPES.ASSET,
|
|
37
|
-
defaultValue: null,
|
|
38
|
-
editable: true,
|
|
39
|
-
required: false
|
|
40
|
-
},
|
|
41
|
-
onPress: {
|
|
42
|
-
group: GROUPS.basic,
|
|
43
|
-
label: "Action",
|
|
44
|
-
description: "Action to execute when button pressed",
|
|
45
|
-
editable: true,
|
|
46
|
-
required: false,
|
|
47
|
-
formType: FORM_TYPES.action,
|
|
48
|
-
propType: PROP_TYPES.STRING,
|
|
49
|
-
defaultValue: null
|
|
50
|
-
}
|
|
51
|
-
},
|
|
52
|
-
layout: {}
|
|
53
|
-
}];
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
export declare const SEED_DATA: {
|
|
2
|
-
name: string;
|
|
3
|
-
tag: string;
|
|
4
|
-
description: string;
|
|
5
|
-
category: string;
|
|
6
|
-
stylesPanelSections: string[];
|
|
7
|
-
layout: {};
|
|
8
|
-
triggers: string[];
|
|
9
|
-
props: {
|
|
10
|
-
onPress: {
|
|
11
|
-
label: string;
|
|
12
|
-
description: string;
|
|
13
|
-
editable: boolean;
|
|
14
|
-
required: boolean;
|
|
15
|
-
formType: string;
|
|
16
|
-
propType: string;
|
|
17
|
-
defaultValue: null;
|
|
18
|
-
group: string;
|
|
19
|
-
};
|
|
20
|
-
title: any;
|
|
21
|
-
buttonText: any;
|
|
22
|
-
icon: {
|
|
23
|
-
label: string;
|
|
24
|
-
description: string;
|
|
25
|
-
formType: string;
|
|
26
|
-
propType: string;
|
|
27
|
-
defaultValue: string;
|
|
28
|
-
required: boolean;
|
|
29
|
-
editable: boolean;
|
|
30
|
-
group: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
}[];
|
|
34
|
-
//# sourceMappingURL=HeaderLarge.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderLarge.d.ts","sourceRoot":"","sources":["../../../../src/mappings/HeaderLarge.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BrB,CAAC"}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
export declare const SEED_DATA: {
|
|
2
|
-
name: string;
|
|
3
|
-
tag: string;
|
|
4
|
-
description: string;
|
|
5
|
-
category: string;
|
|
6
|
-
stylesPanelSections: string[];
|
|
7
|
-
preview_image_url: string;
|
|
8
|
-
supports_list_render: boolean;
|
|
9
|
-
props: {
|
|
10
|
-
title: {
|
|
11
|
-
group: string;
|
|
12
|
-
label: string;
|
|
13
|
-
description: string;
|
|
14
|
-
formType: string;
|
|
15
|
-
propType: string;
|
|
16
|
-
defaultValue: string;
|
|
17
|
-
editable: boolean;
|
|
18
|
-
required: boolean;
|
|
19
|
-
};
|
|
20
|
-
buttonText: {
|
|
21
|
-
group: string;
|
|
22
|
-
label: string;
|
|
23
|
-
description: string;
|
|
24
|
-
formType: string;
|
|
25
|
-
propType: string;
|
|
26
|
-
defaultValue: string;
|
|
27
|
-
editable: boolean;
|
|
28
|
-
required: boolean;
|
|
29
|
-
};
|
|
30
|
-
icon: {
|
|
31
|
-
group: string;
|
|
32
|
-
label: string;
|
|
33
|
-
description: string;
|
|
34
|
-
formType: string;
|
|
35
|
-
propType: string;
|
|
36
|
-
defaultValue: null;
|
|
37
|
-
editable: boolean;
|
|
38
|
-
required: boolean;
|
|
39
|
-
};
|
|
40
|
-
onPress: {
|
|
41
|
-
group: string;
|
|
42
|
-
label: string;
|
|
43
|
-
description: string;
|
|
44
|
-
editable: boolean;
|
|
45
|
-
required: boolean;
|
|
46
|
-
formType: string;
|
|
47
|
-
propType: string;
|
|
48
|
-
defaultValue: null;
|
|
49
|
-
};
|
|
50
|
-
};
|
|
51
|
-
layout: {};
|
|
52
|
-
}[];
|
|
53
|
-
//# sourceMappingURL=HeaderMedium.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderMedium.d.ts","sourceRoot":"","sources":["../../../../src/mappings/HeaderMedium.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDrB,CAAC"}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
export declare const SEED_DATA: {
|
|
2
|
-
name: string;
|
|
3
|
-
tag: string;
|
|
4
|
-
description: string;
|
|
5
|
-
category: string;
|
|
6
|
-
stylesPanelSections: string[];
|
|
7
|
-
preview_image_url: string;
|
|
8
|
-
supports_list_render: boolean;
|
|
9
|
-
props: {
|
|
10
|
-
title: {
|
|
11
|
-
group: string;
|
|
12
|
-
label: string;
|
|
13
|
-
description: string;
|
|
14
|
-
formType: string;
|
|
15
|
-
propType: string;
|
|
16
|
-
defaultValue: string;
|
|
17
|
-
editable: boolean;
|
|
18
|
-
required: boolean;
|
|
19
|
-
};
|
|
20
|
-
buttonText: {
|
|
21
|
-
group: string;
|
|
22
|
-
label: string;
|
|
23
|
-
description: string;
|
|
24
|
-
formType: string;
|
|
25
|
-
propType: string;
|
|
26
|
-
defaultValue: string;
|
|
27
|
-
editable: boolean;
|
|
28
|
-
required: boolean;
|
|
29
|
-
};
|
|
30
|
-
icon: {
|
|
31
|
-
group: string;
|
|
32
|
-
label: string;
|
|
33
|
-
description: string;
|
|
34
|
-
formType: string;
|
|
35
|
-
propType: string;
|
|
36
|
-
defaultValue: null;
|
|
37
|
-
editable: boolean;
|
|
38
|
-
required: boolean;
|
|
39
|
-
};
|
|
40
|
-
onPress: {
|
|
41
|
-
group: string;
|
|
42
|
-
label: string;
|
|
43
|
-
description: string;
|
|
44
|
-
editable: boolean;
|
|
45
|
-
required: boolean;
|
|
46
|
-
formType: string;
|
|
47
|
-
propType: string;
|
|
48
|
-
defaultValue: null;
|
|
49
|
-
};
|
|
50
|
-
};
|
|
51
|
-
layout: {};
|
|
52
|
-
}[];
|
|
53
|
-
//# sourceMappingURL=HeaderOverline.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderOverline.d.ts","sourceRoot":"","sources":["../../../../src/mappings/HeaderOverline.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDrB,CAAC"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createIconProp, createTextProp, createActionProp, Triggers, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
|
|
2
|
-
export const SEED_DATA = [
|
|
3
|
-
{
|
|
4
|
-
name: "Header Large",
|
|
5
|
-
tag: "HeaderLarge",
|
|
6
|
-
description: "A large header with an optional touchable right aligned text and icon.",
|
|
7
|
-
category: COMPONENT_TYPES.header,
|
|
8
|
-
stylesPanelSections: BLOCK_STYLES_SECTIONS,
|
|
9
|
-
layout: {},
|
|
10
|
-
triggers: [Triggers.OnPress],
|
|
11
|
-
props: {
|
|
12
|
-
onPress: createActionProp(),
|
|
13
|
-
title: createTextProp({
|
|
14
|
-
label: "Title",
|
|
15
|
-
description: "Text to display",
|
|
16
|
-
defaultValue: "Title",
|
|
17
|
-
}),
|
|
18
|
-
buttonText: createTextProp({
|
|
19
|
-
label: "Button text",
|
|
20
|
-
description: "Right aligned button text to display",
|
|
21
|
-
defaultValue: "See All",
|
|
22
|
-
}),
|
|
23
|
-
icon: createIconProp({
|
|
24
|
-
defaultValue: null,
|
|
25
|
-
required: false,
|
|
26
|
-
}),
|
|
27
|
-
},
|
|
28
|
-
},
|
|
29
|
-
];
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
COMPONENT_TYPES,
|
|
3
|
-
createIconProp,
|
|
4
|
-
createTextProp,
|
|
5
|
-
createActionProp,
|
|
6
|
-
Triggers,
|
|
7
|
-
BLOCK_STYLES_SECTIONS,
|
|
8
|
-
} from "@draftbit/types";
|
|
9
|
-
|
|
10
|
-
export const SEED_DATA = [
|
|
11
|
-
{
|
|
12
|
-
name: "Header Large",
|
|
13
|
-
tag: "HeaderLarge",
|
|
14
|
-
description:
|
|
15
|
-
"A large header with an optional touchable right aligned text and icon.",
|
|
16
|
-
category: COMPONENT_TYPES.header,
|
|
17
|
-
stylesPanelSections: BLOCK_STYLES_SECTIONS,
|
|
18
|
-
layout: {},
|
|
19
|
-
triggers: [Triggers.OnPress],
|
|
20
|
-
props: {
|
|
21
|
-
onPress: createActionProp(),
|
|
22
|
-
title: createTextProp({
|
|
23
|
-
label: "Title",
|
|
24
|
-
description: "Text to display",
|
|
25
|
-
defaultValue: "Title",
|
|
26
|
-
}),
|
|
27
|
-
buttonText: createTextProp({
|
|
28
|
-
label: "Button text",
|
|
29
|
-
description: "Right aligned button text to display",
|
|
30
|
-
defaultValue: "See All",
|
|
31
|
-
}),
|
|
32
|
-
icon: createIconProp({
|
|
33
|
-
defaultValue: null,
|
|
34
|
-
required: false,
|
|
35
|
-
}),
|
|
36
|
-
},
|
|
37
|
-
},
|
|
38
|
-
];
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
|
|
2
|
-
export const SEED_DATA = [
|
|
3
|
-
{
|
|
4
|
-
name: "Header Medium",
|
|
5
|
-
tag: "HeaderMedium",
|
|
6
|
-
description: "A medium header with an optional touchable right aligned text and icon.",
|
|
7
|
-
category: COMPONENT_TYPES.header,
|
|
8
|
-
stylesPanelSections: BLOCK_STYLES_SECTIONS,
|
|
9
|
-
preview_image_url: "{CLOUDINARY_URL}/Header_HeadlineMediumIconText.png",
|
|
10
|
-
supports_list_render: false,
|
|
11
|
-
props: {
|
|
12
|
-
title: {
|
|
13
|
-
group: GROUPS.data,
|
|
14
|
-
label: "Title",
|
|
15
|
-
description: "Text to display",
|
|
16
|
-
formType: FORM_TYPES.string,
|
|
17
|
-
propType: PROP_TYPES.STRING,
|
|
18
|
-
defaultValue: "Title",
|
|
19
|
-
editable: true,
|
|
20
|
-
required: false,
|
|
21
|
-
},
|
|
22
|
-
buttonText: {
|
|
23
|
-
group: GROUPS.data,
|
|
24
|
-
label: "Button text",
|
|
25
|
-
description: "Right aligned button text to display",
|
|
26
|
-
formType: FORM_TYPES.string,
|
|
27
|
-
propType: PROP_TYPES.STRING,
|
|
28
|
-
defaultValue: "See All",
|
|
29
|
-
editable: true,
|
|
30
|
-
required: false,
|
|
31
|
-
},
|
|
32
|
-
icon: {
|
|
33
|
-
group: GROUPS.basic,
|
|
34
|
-
label: "Icon",
|
|
35
|
-
description: "Name of icon to display",
|
|
36
|
-
formType: FORM_TYPES.icon,
|
|
37
|
-
propType: PROP_TYPES.ASSET,
|
|
38
|
-
defaultValue: null,
|
|
39
|
-
editable: true,
|
|
40
|
-
required: false,
|
|
41
|
-
},
|
|
42
|
-
onPress: {
|
|
43
|
-
group: GROUPS.basic,
|
|
44
|
-
label: "Action",
|
|
45
|
-
description: "Action to execute when button pressed",
|
|
46
|
-
editable: true,
|
|
47
|
-
required: false,
|
|
48
|
-
formType: FORM_TYPES.action,
|
|
49
|
-
propType: PROP_TYPES.STRING,
|
|
50
|
-
defaultValue: null,
|
|
51
|
-
},
|
|
52
|
-
},
|
|
53
|
-
layout: {},
|
|
54
|
-
},
|
|
55
|
-
];
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
GROUPS,
|
|
3
|
-
COMPONENT_TYPES,
|
|
4
|
-
FORM_TYPES,
|
|
5
|
-
PROP_TYPES,
|
|
6
|
-
BLOCK_STYLES_SECTIONS,
|
|
7
|
-
} from "@draftbit/types";
|
|
8
|
-
|
|
9
|
-
export const SEED_DATA = [
|
|
10
|
-
{
|
|
11
|
-
name: "Header Medium",
|
|
12
|
-
tag: "HeaderMedium",
|
|
13
|
-
description:
|
|
14
|
-
"A medium header with an optional touchable right aligned text and icon.",
|
|
15
|
-
category: COMPONENT_TYPES.header,
|
|
16
|
-
stylesPanelSections: BLOCK_STYLES_SECTIONS,
|
|
17
|
-
preview_image_url: "{CLOUDINARY_URL}/Header_HeadlineMediumIconText.png",
|
|
18
|
-
supports_list_render: false,
|
|
19
|
-
props: {
|
|
20
|
-
title: {
|
|
21
|
-
group: GROUPS.data,
|
|
22
|
-
label: "Title",
|
|
23
|
-
description: "Text to display",
|
|
24
|
-
formType: FORM_TYPES.string,
|
|
25
|
-
propType: PROP_TYPES.STRING,
|
|
26
|
-
defaultValue: "Title",
|
|
27
|
-
editable: true,
|
|
28
|
-
required: false,
|
|
29
|
-
},
|
|
30
|
-
buttonText: {
|
|
31
|
-
group: GROUPS.data,
|
|
32
|
-
label: "Button text",
|
|
33
|
-
description: "Right aligned button text to display",
|
|
34
|
-
formType: FORM_TYPES.string,
|
|
35
|
-
propType: PROP_TYPES.STRING,
|
|
36
|
-
defaultValue: "See All",
|
|
37
|
-
editable: true,
|
|
38
|
-
required: false,
|
|
39
|
-
},
|
|
40
|
-
icon: {
|
|
41
|
-
group: GROUPS.basic,
|
|
42
|
-
label: "Icon",
|
|
43
|
-
description: "Name of icon to display",
|
|
44
|
-
formType: FORM_TYPES.icon,
|
|
45
|
-
propType: PROP_TYPES.ASSET,
|
|
46
|
-
defaultValue: null,
|
|
47
|
-
editable: true,
|
|
48
|
-
required: false,
|
|
49
|
-
},
|
|
50
|
-
onPress: {
|
|
51
|
-
group: GROUPS.basic,
|
|
52
|
-
label: "Action",
|
|
53
|
-
description: "Action to execute when button pressed",
|
|
54
|
-
editable: true,
|
|
55
|
-
required: false,
|
|
56
|
-
formType: FORM_TYPES.action,
|
|
57
|
-
propType: PROP_TYPES.STRING,
|
|
58
|
-
defaultValue: null,
|
|
59
|
-
},
|
|
60
|
-
},
|
|
61
|
-
layout: {},
|
|
62
|
-
},
|
|
63
|
-
];
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
|
|
2
|
-
export const SEED_DATA = [
|
|
3
|
-
{
|
|
4
|
-
name: "Header Overline",
|
|
5
|
-
tag: "HeaderOverline",
|
|
6
|
-
description: "A small header with an optional touchable right aligned text and icon.",
|
|
7
|
-
category: COMPONENT_TYPES.header,
|
|
8
|
-
stylesPanelSections: BLOCK_STYLES_SECTIONS,
|
|
9
|
-
preview_image_url: "{CLOUDINARY_URL}/Header_OverlineIconText.png",
|
|
10
|
-
supports_list_render: false,
|
|
11
|
-
props: {
|
|
12
|
-
title: {
|
|
13
|
-
group: GROUPS.data,
|
|
14
|
-
label: "Title",
|
|
15
|
-
description: "Text to display",
|
|
16
|
-
formType: FORM_TYPES.string,
|
|
17
|
-
propType: PROP_TYPES.STRING,
|
|
18
|
-
defaultValue: "Title",
|
|
19
|
-
editable: true,
|
|
20
|
-
required: false,
|
|
21
|
-
},
|
|
22
|
-
buttonText: {
|
|
23
|
-
group: GROUPS.data,
|
|
24
|
-
label: "Button text",
|
|
25
|
-
description: "Right aligned button text to display",
|
|
26
|
-
formType: FORM_TYPES.string,
|
|
27
|
-
propType: PROP_TYPES.STRING,
|
|
28
|
-
defaultValue: "See All",
|
|
29
|
-
editable: true,
|
|
30
|
-
required: false,
|
|
31
|
-
},
|
|
32
|
-
icon: {
|
|
33
|
-
group: GROUPS.basic,
|
|
34
|
-
label: "Icon",
|
|
35
|
-
description: "Name of icon to display",
|
|
36
|
-
formType: FORM_TYPES.icon,
|
|
37
|
-
propType: PROP_TYPES.ASSET,
|
|
38
|
-
defaultValue: null,
|
|
39
|
-
editable: true,
|
|
40
|
-
required: false,
|
|
41
|
-
},
|
|
42
|
-
onPress: {
|
|
43
|
-
group: GROUPS.basic,
|
|
44
|
-
label: "Action",
|
|
45
|
-
description: "Action to execute when button pressed",
|
|
46
|
-
editable: true,
|
|
47
|
-
required: false,
|
|
48
|
-
formType: FORM_TYPES.action,
|
|
49
|
-
propType: PROP_TYPES.STRING,
|
|
50
|
-
defaultValue: null,
|
|
51
|
-
},
|
|
52
|
-
},
|
|
53
|
-
layout: {},
|
|
54
|
-
},
|
|
55
|
-
];
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
GROUPS,
|
|
3
|
-
COMPONENT_TYPES,
|
|
4
|
-
FORM_TYPES,
|
|
5
|
-
PROP_TYPES,
|
|
6
|
-
BLOCK_STYLES_SECTIONS,
|
|
7
|
-
} from "@draftbit/types";
|
|
8
|
-
|
|
9
|
-
export const SEED_DATA = [
|
|
10
|
-
{
|
|
11
|
-
name: "Header Overline",
|
|
12
|
-
tag: "HeaderOverline",
|
|
13
|
-
description:
|
|
14
|
-
"A small header with an optional touchable right aligned text and icon.",
|
|
15
|
-
category: COMPONENT_TYPES.header,
|
|
16
|
-
stylesPanelSections: BLOCK_STYLES_SECTIONS,
|
|
17
|
-
preview_image_url: "{CLOUDINARY_URL}/Header_OverlineIconText.png",
|
|
18
|
-
supports_list_render: false,
|
|
19
|
-
props: {
|
|
20
|
-
title: {
|
|
21
|
-
group: GROUPS.data,
|
|
22
|
-
label: "Title",
|
|
23
|
-
description: "Text to display",
|
|
24
|
-
formType: FORM_TYPES.string,
|
|
25
|
-
propType: PROP_TYPES.STRING,
|
|
26
|
-
defaultValue: "Title",
|
|
27
|
-
editable: true,
|
|
28
|
-
required: false,
|
|
29
|
-
},
|
|
30
|
-
buttonText: {
|
|
31
|
-
group: GROUPS.data,
|
|
32
|
-
label: "Button text",
|
|
33
|
-
description: "Right aligned button text to display",
|
|
34
|
-
formType: FORM_TYPES.string,
|
|
35
|
-
propType: PROP_TYPES.STRING,
|
|
36
|
-
defaultValue: "See All",
|
|
37
|
-
editable: true,
|
|
38
|
-
required: false,
|
|
39
|
-
},
|
|
40
|
-
icon: {
|
|
41
|
-
group: GROUPS.basic,
|
|
42
|
-
label: "Icon",
|
|
43
|
-
description: "Name of icon to display",
|
|
44
|
-
formType: FORM_TYPES.icon,
|
|
45
|
-
propType: PROP_TYPES.ASSET,
|
|
46
|
-
defaultValue: null,
|
|
47
|
-
editable: true,
|
|
48
|
-
required: false,
|
|
49
|
-
},
|
|
50
|
-
onPress: {
|
|
51
|
-
group: GROUPS.basic,
|
|
52
|
-
label: "Action",
|
|
53
|
-
description: "Action to execute when button pressed",
|
|
54
|
-
editable: true,
|
|
55
|
-
required: false,
|
|
56
|
-
formType: FORM_TYPES.action,
|
|
57
|
-
propType: PROP_TYPES.STRING,
|
|
58
|
-
defaultValue: null,
|
|
59
|
-
},
|
|
60
|
-
},
|
|
61
|
-
layout: {},
|
|
62
|
-
},
|
|
63
|
-
];
|