@draftbit/core 43.4.2-80bace.1 → 43.4.3-f2a687.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/FieldSearchBarFull.js.map +1 -1
- package/lib/commonjs/components/LinearGradient.js +2 -77
- package/lib/commonjs/components/LinearGradient.js.map +1 -1
- package/lib/commonjs/mappings/LinearGradient.js +63 -11
- package/lib/commonjs/mappings/LinearGradient.js.map +1 -1
- package/lib/commonjs/mappings/RowHeadlineImageCaption.js.map +1 -1
- package/lib/commonjs/mappings/RowHeadlineImageIcon.js.map +1 -1
- package/lib/module/components/LinearGradient.js +1 -74
- package/lib/module/components/LinearGradient.js.map +1 -1
- package/lib/module/components/RowBodyIcon.js.map +1 -1
- package/lib/module/mappings/BlurView.js.map +1 -1
- package/lib/module/mappings/LinearGradient.js +64 -12
- package/lib/module/mappings/LinearGradient.js.map +1 -1
- package/lib/module/mappings/Modal.js.map +1 -1
- package/lib/typescript/src/components/LinearGradient.d.ts +0 -93
- package/lib/typescript/src/mappings/LinearGradient.d.ts +79 -6
- package/package.json +2 -2
- package/src/components/LinearGradient.js +1 -74
- package/src/components/LinearGradient.tsx +1 -80
- package/src/mappings/LinearGradient.js +64 -12
- package/src/mappings/LinearGradient.ts +69 -13
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["FieldSearchBarFull.
|
|
1
|
+
{"version":3,"sources":["FieldSearchBarFull.js"],"names":["FieldSearchBarFull","showIcon","Icon","icon","placeholder","style","theme","colors","typography","onChange","changeOverride","onSubmit","submitOverride","value","defaultValue","focused","setIsFocused","React","useState","onBlur","internalValue","setInternalValue","useEffect","useCallback","text","onFocus","e","lineHeight","typeStyles","body2","handleChangeText","newValue","createElement","View","styles","container","name","size","Config","fieldSearchBarFullIconSize","color","primary","light","marginLeft","flex","TextInput","clearButtonMode","onChangeText","onSubmitEditing","placeholderTextColor","medium","StyleSheet","create","flexDirection","alignItems"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, TextInput, StyleSheet, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst FieldSearchBarFull = ({ showIcon, Icon, icon = \"search\", placeholder = \"\", style, theme: { colors, typography }, onChange: changeOverride, onSubmit: submitOverride, value, defaultValue, }) => {\n const [focused, setIsFocused] = React.useState(false);\n const onBlur = () => {\n setIsFocused(false);\n };\n const [internalValue, setInternalValue] = React.useState(value || defaultValue);\n React.useEffect(() => {\n if (value != null) {\n setInternalValue(value);\n }\n }, [value]);\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n const onChange = React.useCallback((text) => {\n changeOverride && changeOverride(text);\n }, [changeOverride]);\n const onFocus = () => {\n setIsFocused(true);\n };\n const onSubmit = (e) => {\n submitOverride && submitOverride(e);\n };\n const { lineHeight, ...typeStyles } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars\n const handleChangeText = (newValue) => {\n setInternalValue(newValue);\n if (onChange) {\n onChange(newValue);\n }\n };\n return (React.createElement(View, { style: [styles.container, style] },\n showIcon && (React.createElement(Icon, { name: icon, size: Config.fieldSearchBarFullIconSize, color: focused ? colors.primary : colors.light })),\n React.createElement(View, { style: { marginLeft: showIcon ? 12 : 0, flex: 1 } },\n React.createElement(TextInput, { clearButtonMode: \"while-editing\", placeholder: placeholder, value: internalValue, onBlur: onBlur, onFocus: onFocus, onChangeText: handleChangeText, onSubmitEditing: onSubmit, placeholderTextColor: colors.light, style: [\n {\n color: colors.medium,\n },\n typeStyles,\n ] }))));\n};\nconst styles = StyleSheet.create({\n container: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n});\nexport default withTheme(FieldSearchBarFull);\n"]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default =
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
|
@@ -11,8 +11,6 @@ var _expoLinearGradient = require("expo-linear-gradient");
|
|
|
11
11
|
|
|
12
12
|
var _utilities = require("../utilities");
|
|
13
13
|
|
|
14
|
-
var _types = require("@draftbit/types");
|
|
15
|
-
|
|
16
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); }
|
|
17
15
|
|
|
18
16
|
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; }
|
|
@@ -26,7 +24,7 @@ const LinearGradientComponent = _ref => {
|
|
|
26
24
|
startX = 0,
|
|
27
25
|
startY = 0,
|
|
28
26
|
endX = 100,
|
|
29
|
-
endY =
|
|
27
|
+
endY = 100,
|
|
30
28
|
style
|
|
31
29
|
} = _ref;
|
|
32
30
|
const {
|
|
@@ -51,77 +49,4 @@ const LinearGradientComponent = _ref => {
|
|
|
51
49
|
|
|
52
50
|
var _default = LinearGradientComponent;
|
|
53
51
|
exports.default = _default;
|
|
54
|
-
const SEED_DATA = {
|
|
55
|
-
name: "LinearGradient",
|
|
56
|
-
tag: "LinearGradient",
|
|
57
|
-
description: "Linear Gradient Component",
|
|
58
|
-
props: {
|
|
59
|
-
color1: (0, _types.createColorProp)({
|
|
60
|
-
label: "Color 1"
|
|
61
|
-
}),
|
|
62
|
-
color2: (0, _types.createColorProp)({
|
|
63
|
-
label: "Color 2"
|
|
64
|
-
}),
|
|
65
|
-
color3: (0, _types.createColorProp)({
|
|
66
|
-
label: "Color 3"
|
|
67
|
-
}),
|
|
68
|
-
startX: {
|
|
69
|
-
group: _types.GROUPS.basic,
|
|
70
|
-
label: "Start X",
|
|
71
|
-
description: "Start position from Left",
|
|
72
|
-
editable: true,
|
|
73
|
-
required: false,
|
|
74
|
-
defaultValue: 0,
|
|
75
|
-
min: 0,
|
|
76
|
-
max: 100,
|
|
77
|
-
step: 1,
|
|
78
|
-
precision: 0,
|
|
79
|
-
formType: _types.FORM_TYPES.number,
|
|
80
|
-
propType: _types.PROP_TYPES.NUMBER
|
|
81
|
-
},
|
|
82
|
-
startY: {
|
|
83
|
-
group: _types.GROUPS.basic,
|
|
84
|
-
label: "Start Y",
|
|
85
|
-
description: "Start position from Top",
|
|
86
|
-
editable: true,
|
|
87
|
-
required: false,
|
|
88
|
-
defaultValue: 0,
|
|
89
|
-
min: 0,
|
|
90
|
-
max: 100,
|
|
91
|
-
step: 1,
|
|
92
|
-
precision: 0,
|
|
93
|
-
formType: _types.FORM_TYPES.number,
|
|
94
|
-
propType: _types.PROP_TYPES.NUMBER
|
|
95
|
-
},
|
|
96
|
-
endX: {
|
|
97
|
-
group: _types.GROUPS.basic,
|
|
98
|
-
label: "End Y",
|
|
99
|
-
description: "End position from Right",
|
|
100
|
-
editable: true,
|
|
101
|
-
required: false,
|
|
102
|
-
defaultValue: 100,
|
|
103
|
-
min: 0,
|
|
104
|
-
max: 100,
|
|
105
|
-
step: 1,
|
|
106
|
-
precision: 0,
|
|
107
|
-
formType: _types.FORM_TYPES.number,
|
|
108
|
-
propType: _types.PROP_TYPES.NUMBER
|
|
109
|
-
},
|
|
110
|
-
endY: {
|
|
111
|
-
group: _types.GROUPS.basic,
|
|
112
|
-
label: "End Y",
|
|
113
|
-
description: "End position from Bottom",
|
|
114
|
-
editable: true,
|
|
115
|
-
required: false,
|
|
116
|
-
defaultValue: 100,
|
|
117
|
-
min: 0,
|
|
118
|
-
max: 100,
|
|
119
|
-
step: 1,
|
|
120
|
-
precision: 0,
|
|
121
|
-
formType: _types.FORM_TYPES.number,
|
|
122
|
-
propType: _types.PROP_TYPES.NUMBER
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
};
|
|
126
|
-
exports.SEED_DATA = SEED_DATA;
|
|
127
52
|
//# sourceMappingURL=LinearGradient.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["LinearGradient.tsx"],"names":["LinearGradientComponent","children","color1","color2","color3","undefined","startX","startY","endX","endY","style","viewStyles","colors","filter","color","start","x","y","end"
|
|
1
|
+
{"version":3,"sources":["LinearGradient.tsx"],"names":["LinearGradientComponent","children","color1","color2","color3","undefined","startX","startY","endX","endY","style","viewStyles","colors","filter","color","start","x","y","end"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;AAcA,MAAMA,uBAAuB,GAAG,QAUI;AAAA,MAVH;AAC/BC,IAAAA,QAD+B;AAE/BC,IAAAA,MAF+B;AAG/BC,IAAAA,MAH+B;AAI/BC,IAAAA,MAAM,GAAGC,SAJsB;AAK/BC,IAAAA,MAAM,GAAG,CALsB;AAM/BC,IAAAA,MAAM,GAAG,CANsB;AAO/BC,IAAAA,IAAI,GAAG,GAPwB;AAQ/BC,IAAAA,IAAI,GAAG,GARwB;AAS/BC,IAAAA;AAT+B,GAUG;AAClC,QAAM;AAAEC,IAAAA;AAAF,MAAiB,8BAAcD,KAAd,CAAvB;AACA,QAAME,MAAM,GAAG,CAACV,MAAD,EAASC,MAAT,EAAiBC,MAAjB,EAAyBS,MAAzB,CAAiCC,KAAD,IAAWA,KAA3C,CAAf;AACA,QAAMC,KAAK,GAAG;AAAEC,IAAAA,CAAC,EAAEV,MAAM,GAAG,GAAd;AAAmBW,IAAAA,CAAC,EAAEV,MAAM,GAAG;AAA/B,GAAd;AACA,QAAMW,GAAG,GAAG;AAAEF,IAAAA,CAAC,EAAER,IAAI,GAAG,GAAZ;AAAiBS,IAAAA,CAAC,EAAER,IAAI,GAAG;AAA3B,GAAZ;AACA,sBACE,oBAAC,kCAAD;AAAgB,IAAA,MAAM,EAAEG,MAAxB;AAAgC,IAAA,KAAK,EAAEG,KAAvC;AAA8C,IAAA,GAAG,EAAEG,GAAnD;AAAwD,IAAA,KAAK,EAAEP;AAA/D,KACGV,QADH,CADF;AAKD,CApBD;;eAsBeD,uB","sourcesContent":["import * as React from \"react\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport { LinearGradient } from \"expo-linear-gradient\";\nimport { extractStyles } from \"../utilities\";\n\ntype LinearGradientComponentProps = {\n color1: string;\n color2: string;\n color3?: string;\n startX: number;\n startY: number;\n endX: number;\n endY: number;\n children?: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n};\n\nconst LinearGradientComponent = ({\n children,\n color1,\n color2,\n color3 = undefined,\n startX = 0,\n startY = 0,\n endX = 100,\n endY = 100,\n style,\n}: LinearGradientComponentProps) => {\n const { viewStyles } = extractStyles(style);\n const colors = [color1, color2, color3].filter((color) => color) as string[];\n const start = { x: startX / 100, y: startY / 100 };\n const end = { x: endX / 100, y: endY / 100 };\n return (\n <LinearGradient colors={colors} start={start} end={end} style={viewStyles}>\n {children}\n </LinearGradient>\n );\n};\n\nexport default LinearGradientComponent;\n"]}
|
|
@@ -10,20 +10,72 @@ var _types = require("@draftbit/types");
|
|
|
10
10
|
const SEED_DATA = {
|
|
11
11
|
name: "Linear Gradient",
|
|
12
12
|
tag: "LinearGradient",
|
|
13
|
-
|
|
14
|
-
code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/LinearGradient.d.ts",
|
|
15
|
-
category: _types.COMPONENT_TYPES.layout,
|
|
16
|
-
supports_list_render: false,
|
|
17
|
-
layout: {},
|
|
13
|
+
description: "Linear Gradient Component",
|
|
18
14
|
props: {
|
|
19
|
-
|
|
15
|
+
color1: (0, _types.createColorProp)({
|
|
16
|
+
label: "Color 1"
|
|
17
|
+
}),
|
|
18
|
+
color2: (0, _types.createColorProp)({
|
|
19
|
+
label: "Color 2"
|
|
20
|
+
}),
|
|
21
|
+
color3: (0, _types.createColorProp)({
|
|
22
|
+
label: "Color 3"
|
|
23
|
+
}),
|
|
24
|
+
startX: {
|
|
20
25
|
group: _types.GROUPS.basic,
|
|
21
|
-
label: "
|
|
22
|
-
description: "
|
|
26
|
+
label: "Start X",
|
|
27
|
+
description: "Start position from Left",
|
|
23
28
|
editable: true,
|
|
24
|
-
required:
|
|
25
|
-
defaultValue:
|
|
26
|
-
|
|
29
|
+
required: false,
|
|
30
|
+
defaultValue: 0,
|
|
31
|
+
min: 0,
|
|
32
|
+
max: 100,
|
|
33
|
+
step: 1,
|
|
34
|
+
precision: 0,
|
|
35
|
+
formType: _types.FORM_TYPES.number,
|
|
36
|
+
propType: _types.PROP_TYPES.NUMBER
|
|
37
|
+
},
|
|
38
|
+
startY: {
|
|
39
|
+
group: _types.GROUPS.basic,
|
|
40
|
+
label: "Start Y",
|
|
41
|
+
description: "Start position from Top",
|
|
42
|
+
editable: true,
|
|
43
|
+
required: false,
|
|
44
|
+
defaultValue: 0,
|
|
45
|
+
min: 0,
|
|
46
|
+
max: 100,
|
|
47
|
+
step: 1,
|
|
48
|
+
precision: 0,
|
|
49
|
+
formType: _types.FORM_TYPES.number,
|
|
50
|
+
propType: _types.PROP_TYPES.NUMBER
|
|
51
|
+
},
|
|
52
|
+
endX: {
|
|
53
|
+
group: _types.GROUPS.basic,
|
|
54
|
+
label: "End Y",
|
|
55
|
+
description: "End position from Right",
|
|
56
|
+
editable: true,
|
|
57
|
+
required: false,
|
|
58
|
+
defaultValue: 100,
|
|
59
|
+
min: 0,
|
|
60
|
+
max: 100,
|
|
61
|
+
step: 1,
|
|
62
|
+
precision: 0,
|
|
63
|
+
formType: _types.FORM_TYPES.number,
|
|
64
|
+
propType: _types.PROP_TYPES.NUMBER
|
|
65
|
+
},
|
|
66
|
+
endY: {
|
|
67
|
+
group: _types.GROUPS.basic,
|
|
68
|
+
label: "End Y",
|
|
69
|
+
description: "End position from Bottom",
|
|
70
|
+
editable: true,
|
|
71
|
+
required: false,
|
|
72
|
+
defaultValue: 100,
|
|
73
|
+
min: 0,
|
|
74
|
+
max: 100,
|
|
75
|
+
step: 1,
|
|
76
|
+
precision: 0,
|
|
77
|
+
formType: _types.FORM_TYPES.number,
|
|
78
|
+
propType: _types.PROP_TYPES.NUMBER
|
|
27
79
|
}
|
|
28
80
|
}
|
|
29
81
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["LinearGradient.ts"],"names":["SEED_DATA","name","tag","
|
|
1
|
+
{"version":3,"sources":["LinearGradient.ts"],"names":["SEED_DATA","name","tag","description","props","color1","label","color2","color3","startX","group","GROUPS","basic","editable","required","defaultValue","min","max","step","precision","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","startY","endX","endY"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,iBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,2BAHU;AAIvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,4BAAgB;AACtBC,MAAAA,KAAK,EAAE;AADe,KAAhB,CADH;AAILC,IAAAA,MAAM,EAAE,4BAAgB;AACtBD,MAAAA,KAAK,EAAE;AADe,KAAhB,CAJH;AAOLE,IAAAA,MAAM,EAAE,4BAAgB;AACtBF,MAAAA,KAAK,EAAE;AADe,KAAhB,CAPH;AAULG,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAEC,cAAOC,KADR;AAENN,MAAAA,KAAK,EAAE,SAFD;AAGNH,MAAAA,WAAW,EAAE,0BAHP;AAINU,MAAAA,QAAQ,EAAE,IAJJ;AAKNC,MAAAA,QAAQ,EAAE,KALJ;AAMNC,MAAAA,YAAY,EAAE,CANR;AAONC,MAAAA,GAAG,EAAE,CAPC;AAQNC,MAAAA,GAAG,EAAE,GARC;AASNC,MAAAA,IAAI,EAAE,CATA;AAUNC,MAAAA,SAAS,EAAE,CAVL;AAWNC,MAAAA,QAAQ,EAAEC,kBAAWC,MAXf;AAYNC,MAAAA,QAAQ,EAAEC,kBAAWC;AAZf,KAVH;AAwBLC,IAAAA,MAAM,EAAE;AACNhB,MAAAA,KAAK,EAAEC,cAAOC,KADR;AAENN,MAAAA,KAAK,EAAE,SAFD;AAGNH,MAAAA,WAAW,EAAE,yBAHP;AAINU,MAAAA,QAAQ,EAAE,IAJJ;AAKNC,MAAAA,QAAQ,EAAE,KALJ;AAMNC,MAAAA,YAAY,EAAE,CANR;AAONC,MAAAA,GAAG,EAAE,CAPC;AAQNC,MAAAA,GAAG,EAAE,GARC;AASNC,MAAAA,IAAI,EAAE,CATA;AAUNC,MAAAA,SAAS,EAAE,CAVL;AAWNC,MAAAA,QAAQ,EAAEC,kBAAWC,MAXf;AAYNC,MAAAA,QAAQ,EAAEC,kBAAWC;AAZf,KAxBH;AAsCLE,IAAAA,IAAI,EAAE;AACJjB,MAAAA,KAAK,EAAEC,cAAOC,KADV;AAEJN,MAAAA,KAAK,EAAE,OAFH;AAGJH,MAAAA,WAAW,EAAE,yBAHT;AAIJU,MAAAA,QAAQ,EAAE,IAJN;AAKJC,MAAAA,QAAQ,EAAE,KALN;AAMJC,MAAAA,YAAY,EAAE,GANV;AAOJC,MAAAA,GAAG,EAAE,CAPD;AAQJC,MAAAA,GAAG,EAAE,GARD;AASJC,MAAAA,IAAI,EAAE,CATF;AAUJC,MAAAA,SAAS,EAAE,CAVP;AAWJC,MAAAA,QAAQ,EAAEC,kBAAWC,MAXjB;AAYJC,MAAAA,QAAQ,EAAEC,kBAAWC;AAZjB,KAtCD;AAoDLG,IAAAA,IAAI,EAAE;AACJlB,MAAAA,KAAK,EAAEC,cAAOC,KADV;AAEJN,MAAAA,KAAK,EAAE,OAFH;AAGJH,MAAAA,WAAW,EAAE,0BAHT;AAIJU,MAAAA,QAAQ,EAAE,IAJN;AAKJC,MAAAA,QAAQ,EAAE,KALN;AAMJC,MAAAA,YAAY,EAAE,GANV;AAOJC,MAAAA,GAAG,EAAE,CAPD;AAQJC,MAAAA,GAAG,EAAE,GARD;AASJC,MAAAA,IAAI,EAAE,CATF;AAUJC,MAAAA,SAAS,EAAE,CAVP;AAWJC,MAAAA,QAAQ,EAAEC,kBAAWC,MAXjB;AAYJC,MAAAA,QAAQ,EAAEC,kBAAWC;AAZjB;AApDD;AAJgB,CAAlB","sourcesContent":["import {\n createColorProp,\n FORM_TYPES,\n GROUPS,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Linear Gradient\",\n tag: \"LinearGradient\",\n description: \"Linear Gradient Component\",\n props: {\n color1: createColorProp({\n label: \"Color 1\",\n }),\n color2: createColorProp({\n label: \"Color 2\",\n }),\n color3: createColorProp({\n label: \"Color 3\",\n }),\n startX: {\n group: GROUPS.basic,\n label: \"Start X\",\n description: \"Start position from Left\",\n editable: true,\n required: false,\n defaultValue: 0,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n startY: {\n group: GROUPS.basic,\n label: \"Start Y\",\n description: \"Start position from Top\",\n editable: true,\n required: false,\n defaultValue: 0,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n endX: {\n group: GROUPS.basic,\n label: \"End Y\",\n description: \"End position from Right\",\n editable: true,\n required: false,\n defaultValue: 100,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n endY: {\n group: GROUPS.basic,\n label: \"End Y\",\n description: \"End position from Bottom\",\n editable: true,\n required: false,\n defaultValue: 100,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RowHeadlineImageCaption.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","row","preview_image_url","supports_list_render","props","title","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","caption","layout","image","ASSET","subtitle"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,kCADR;AAEEC,EAAAA,GAAG,EAAE,yBAFP;AAGEC,EAAAA,WAAW,EACT,sEAJJ;AAKEC,EAAAA,QAAQ,EAAEC,uBAAgBC,GAL5B;AAMEC,EAAAA,iBAAiB,EAAE,qDANrB;AAOEC,EAAAA,oBAAoB,EAAE,IAPxB;AAQEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLX,MAAAA,WAAW,EAAE,0BAHR;AAILY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,MAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,MAAAA,YAAY,EAAE,4BANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL,KADF;AAWLC,IAAAA,OAAO,EAAE;AACPb,MAAAA,KAAK,EAAEC,cAAOC,IADP;AAEPC,MAAAA,KAAK,EAAE,SAFA;AAGPX,MAAAA,WAAW,EAAE,yBAHN;AAIPY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJd;AAKPC,MAAAA,QAAQ,EAAEC,kBAAWC,MALd;AAMPC,MAAAA,YAAY,EAAE,MANP;AAOPC,MAAAA,QAAQ,EAAE,IAPH;AAQPC,MAAAA,QAAQ,EAAE;AARH;AAXJ,GART;AA8BEE,EAAAA,MAAM,EAAE;AA9BV,CADuB,EAiCvB;AACExB,EAAAA,IAAI,EAAE,wCADR;AAEEC,EAAAA,GAAG,EAAE,yBAFP;AAGEC,EAAAA,WAAW,EACT,gFAJJ;AAKEC,EAAAA,QAAQ,EAAEC,uBAAgBC,GAL5B;AAMEC,EAAAA,iBAAiB,EACf,0DAPJ;AAQEC,EAAAA,oBAAoB,EAAE,IARxB;AASEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLX,MAAAA,WAAW,EAAE,0BAHR;AAILY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,MAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,MAAAA,YAAY,EAAE,4BANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL,KADF;AAWLC,IAAAA,OAAO,EAAE;AACPb,MAAAA,KAAK,EAAEC,cAAOC,IADP;AAEPC,MAAAA,KAAK,EAAE,SAFA;AAGPX,MAAAA,WAAW,EAAE,yBAHN;AAIPY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJd;AAKPC,MAAAA,QAAQ,EAAEC,kBAAWC,MALd;AAMPC,MAAAA,YAAY,EAAE,MANP;AAOPC,MAAAA,QAAQ,EAAE,IAPH;AAQPC,MAAAA,QAAQ,EAAE;AARH,KAXJ;AAqBLG,IAAAA,KAAK,EAAE;AACLf,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLX,MAAAA,WAAW,EAAE,kBAHR;AAILY,MAAAA,QAAQ,EAAEC,kBAAWU,KAJhB;AAKLR,MAAAA,QAAQ,EAAEC,kBAAWQ,KALhB;AAMLN,MAAAA,YAAY,EAAE,IANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL;AArBF,GATT;AAyCEE,EAAAA,MAAM,EAAE;AAzCV,CAjCuB,EA4EvB;AACExB,EAAAA,IAAI,EAAE,kCADR;AAEEC,EAAAA,GAAG,EAAE,yBAFP;AAGEC,EAAAA,WAAW,EACT,wFAJJ;AAKEC,EAAAA,QAAQ,EAAEC,uBAAgBC,GAL5B;AAMEC,EAAAA,iBAAiB,EAAE,qDANrB;AAOEC,EAAAA,oBAAoB,EAAE,IAPxB;AAQEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLX,MAAAA,WAAW,EAAE,0BAHR;AAILY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,MAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,MAAAA,YAAY,EAAE,4BANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL,KADF;AAWLK,IAAAA,QAAQ,EAAE;AACRjB,MAAAA,KAAK,EAAEC,cAAOC,IADN;AAERC,MAAAA,KAAK,EAAE,UAFC;AAGRX,MAAAA,WAAW,EAAE,0BAHL;AAIRY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJb;AAKRC,MAAAA,QAAQ,EAAEC,kBAAWC,MALb;AAMRC,MAAAA,YAAY,EAAE,WANN;AAORC,MAAAA,QAAQ,EAAE,IAPF;AAQRC,MAAAA,QAAQ,EAAE;AARF,KAXL;AAqBLC,IAAAA,OAAO,EAAE;AACPb,MAAAA,KAAK,EAAEC,cAAOC,IADP;AAEPC,MAAAA,KAAK,EAAE,SAFA;AAGPX,MAAAA,WAAW,EAAE,yBAHN;AAIPY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJd;AAKPC,MAAAA,QAAQ,EAAEC,kBAAWC,MALd;AAMPC,MAAAA,YAAY,EAAE,MANP;AAOPC,MAAAA,QAAQ,EAAE,IAPH;AAQPC,MAAAA,QAAQ,EAAE;AARH;AArBJ,GART;AAwCEE,EAAAA,MAAM,EAAE;AAxCV,CA5EuB,EAsHvB;AACExB,EAAAA,IAAI,EAAE,wCADR;AAEEC,EAAAA,GAAG,EAAE,yBAFP;AAGEC,EAAAA,WAAW,EACT,iGAJJ;AAKEC,EAAAA,QAAQ,EAAEC,uBAAgBC,GAL5B;AAMEC,EAAAA,iBAAiB,EAAE,qDANrB;AAOEC,EAAAA,oBAAoB,EAAE,IAPxB;AAQEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLX,MAAAA,WAAW,EAAE,0BAHR;AAILY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,MAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,MAAAA,YAAY,EAAE,4BANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL,KADF;AAWLK,IAAAA,QAAQ,EAAE;AACRjB,MAAAA,KAAK,EAAEC,cAAOC,IADN;AAERC,MAAAA,KAAK,EAAE,UAFC;AAGRX,MAAAA,WAAW,EAAE,0BAHL;AAIRY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJb;AAKRC,MAAAA,QAAQ,EAAEC,kBAAWC,MALb;AAMRC,MAAAA,YAAY,EAAE,WANN;AAORC,MAAAA,QAAQ,EAAE,IAPF;AAQRC,MAAAA,QAAQ,EAAE;AARF,KAXL;AAqBLC,IAAAA,OAAO,EAAE;AACPb,MAAAA,KAAK,EAAEC,cAAOC,IADP;AAEPC,MAAAA,KAAK,EAAE,SAFA;AAGPX,MAAAA,WAAW,EAAE,yBAHN;AAIPY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJd;AAKPC,MAAAA,QAAQ,EAAEC,kBAAWC,MALd;AAMPC,MAAAA,YAAY,EAAE,MANP;AAOPC,MAAAA,QAAQ,EAAE,IAPH;AAQPC,MAAAA,QAAQ,EAAE;AARH,KArBJ;AA+BLG,IAAAA,KAAK,EAAE;AACLf,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLX,MAAAA,WAAW,EAAE,kBAHR;AAILY,MAAAA,QAAQ,EAAEC,kBAAWU,KAJhB;AAKLR,MAAAA,QAAQ,EAAEC,kBAAWQ,KALhB;AAMLN,MAAAA,YAAY,EAAE,IANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL;AA/BF,GART;AAkDEE,EAAAA,MAAM,EAAE;AAlDV,CAtHuB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Headline Caption\",\n tag: \"RowHeadlineImageCaption\",\n description:\n \"A row with left aligned headline text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Single Line Headline Image Caption\",\n tag: \"RowHeadlineImageCaption\",\n description:\n \"A row with left aligned image and headline text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url:\n \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineImageCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Image to display\",\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Double Line Headline Caption\",\n tag: \"RowHeadlineImageCaption\",\n description:\n \"A row with left aligned headline text and subtitle text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n subtitle: {\n group: GROUPS.data,\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Double Line Headline Image Caption\",\n tag: \"RowHeadlineImageCaption\",\n description:\n \"A row with left aligned image, headline text, and subtitle text, and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n subtitle: {\n group: GROUPS.data,\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Image to display\",\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n];\n"]}
|
|
1
|
+
{"version":3,"sources":["RowHeadlineImageCaption.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","row","preview_image_url","supports_list_render","props","title","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","caption","layout","image","ASSET","subtitle"],"mappings":"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","sourcesContent":["import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Headline Caption\",\n tag: \"RowHeadlineImageCaption\",\n description: \"A row with left aligned headline text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Single Line Headline Image Caption\",\n tag: \"RowHeadlineImageCaption\",\n description: \"A row with left aligned image and headline text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineImageCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Image to display\",\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Double Line Headline Caption\",\n tag: \"RowHeadlineImageCaption\",\n description: \"A row with left aligned headline text and subtitle text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n subtitle: {\n group: GROUPS.data,\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Double Line Headline Image Caption\",\n tag: \"RowHeadlineImageCaption\",\n description: \"A row with left aligned image, headline text, and subtitle text, and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n subtitle: {\n group: GROUPS.data,\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Image to display\",\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n];\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RowHeadlineImageIcon.
|
|
1
|
+
{"version":3,"sources":["RowHeadlineImageIcon.js"],"names":["SEED_DATA_PROPS","title","label","description","icon","defaultValue","IMAGE_PROP","MULTILINE_PROP","editable","SUBTITLE_PROP","SEED_DATA","name","tag","category","COMPONENT_TYPES","row","layout","props","image","subtitle","multilineSubtitle"],"mappings":"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","sourcesContent":["import { COMPONENT_TYPES, createIconProp, createTextProp, createImageProp, createStaticBoolProp, } from \"@draftbit/types\";\nconst SEED_DATA_PROPS = {\n title: createTextProp({\n label: \"Title\",\n description: \"Headline text to display\",\n }),\n icon: createIconProp({\n defaultValue: null,\n }),\n};\nconst IMAGE_PROP = createImageProp();\nconst MULTILINE_PROP = createStaticBoolProp({\n defaultValue: true,\n editable: false,\n});\nconst SUBTITLE_PROP = createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego\",\n});\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n },\n },\n {\n name: \"Row Single Line Headline Icon Image\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned image and headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Multiline Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and multiline subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n {\n name: \"Row Multiline Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n];\n"]}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { LinearGradient } from "expo-linear-gradient";
|
|
3
3
|
import { extractStyles } from "../utilities";
|
|
4
|
-
import { createColorProp, FORM_TYPES, GROUPS, PROP_TYPES } from "@draftbit/types";
|
|
5
4
|
|
|
6
5
|
const LinearGradientComponent = _ref => {
|
|
7
6
|
let {
|
|
@@ -12,7 +11,7 @@ const LinearGradientComponent = _ref => {
|
|
|
12
11
|
startX = 0,
|
|
13
12
|
startY = 0,
|
|
14
13
|
endX = 100,
|
|
15
|
-
endY =
|
|
14
|
+
endY = 100,
|
|
16
15
|
style
|
|
17
16
|
} = _ref;
|
|
18
17
|
const {
|
|
@@ -36,76 +35,4 @@ const LinearGradientComponent = _ref => {
|
|
|
36
35
|
};
|
|
37
36
|
|
|
38
37
|
export default LinearGradientComponent;
|
|
39
|
-
export const SEED_DATA = {
|
|
40
|
-
name: "LinearGradient",
|
|
41
|
-
tag: "LinearGradient",
|
|
42
|
-
description: "Linear Gradient Component",
|
|
43
|
-
props: {
|
|
44
|
-
color1: createColorProp({
|
|
45
|
-
label: "Color 1"
|
|
46
|
-
}),
|
|
47
|
-
color2: createColorProp({
|
|
48
|
-
label: "Color 2"
|
|
49
|
-
}),
|
|
50
|
-
color3: createColorProp({
|
|
51
|
-
label: "Color 3"
|
|
52
|
-
}),
|
|
53
|
-
startX: {
|
|
54
|
-
group: GROUPS.basic,
|
|
55
|
-
label: "Start X",
|
|
56
|
-
description: "Start position from Left",
|
|
57
|
-
editable: true,
|
|
58
|
-
required: false,
|
|
59
|
-
defaultValue: 0,
|
|
60
|
-
min: 0,
|
|
61
|
-
max: 100,
|
|
62
|
-
step: 1,
|
|
63
|
-
precision: 0,
|
|
64
|
-
formType: FORM_TYPES.number,
|
|
65
|
-
propType: PROP_TYPES.NUMBER
|
|
66
|
-
},
|
|
67
|
-
startY: {
|
|
68
|
-
group: GROUPS.basic,
|
|
69
|
-
label: "Start Y",
|
|
70
|
-
description: "Start position from Top",
|
|
71
|
-
editable: true,
|
|
72
|
-
required: false,
|
|
73
|
-
defaultValue: 0,
|
|
74
|
-
min: 0,
|
|
75
|
-
max: 100,
|
|
76
|
-
step: 1,
|
|
77
|
-
precision: 0,
|
|
78
|
-
formType: FORM_TYPES.number,
|
|
79
|
-
propType: PROP_TYPES.NUMBER
|
|
80
|
-
},
|
|
81
|
-
endX: {
|
|
82
|
-
group: GROUPS.basic,
|
|
83
|
-
label: "End Y",
|
|
84
|
-
description: "End position from Right",
|
|
85
|
-
editable: true,
|
|
86
|
-
required: false,
|
|
87
|
-
defaultValue: 100,
|
|
88
|
-
min: 0,
|
|
89
|
-
max: 100,
|
|
90
|
-
step: 1,
|
|
91
|
-
precision: 0,
|
|
92
|
-
formType: FORM_TYPES.number,
|
|
93
|
-
propType: PROP_TYPES.NUMBER
|
|
94
|
-
},
|
|
95
|
-
endY: {
|
|
96
|
-
group: GROUPS.basic,
|
|
97
|
-
label: "End Y",
|
|
98
|
-
description: "End position from Bottom",
|
|
99
|
-
editable: true,
|
|
100
|
-
required: false,
|
|
101
|
-
defaultValue: 100,
|
|
102
|
-
min: 0,
|
|
103
|
-
max: 100,
|
|
104
|
-
step: 1,
|
|
105
|
-
precision: 0,
|
|
106
|
-
formType: FORM_TYPES.number,
|
|
107
|
-
propType: PROP_TYPES.NUMBER
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
38
|
//# sourceMappingURL=LinearGradient.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["LinearGradient.tsx"],"names":["React","LinearGradient","extractStyles","
|
|
1
|
+
{"version":3,"sources":["LinearGradient.tsx"],"names":["React","LinearGradient","extractStyles","LinearGradientComponent","children","color1","color2","color3","undefined","startX","startY","endX","endY","style","viewStyles","colors","filter","color","start","x","y","end"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,cAAT,QAA+B,sBAA/B;AACA,SAASC,aAAT,QAA8B,cAA9B;;AAcA,MAAMC,uBAAuB,GAAG,QAUI;AAAA,MAVH;AAC/BC,IAAAA,QAD+B;AAE/BC,IAAAA,MAF+B;AAG/BC,IAAAA,MAH+B;AAI/BC,IAAAA,MAAM,GAAGC,SAJsB;AAK/BC,IAAAA,MAAM,GAAG,CALsB;AAM/BC,IAAAA,MAAM,GAAG,CANsB;AAO/BC,IAAAA,IAAI,GAAG,GAPwB;AAQ/BC,IAAAA,IAAI,GAAG,GARwB;AAS/BC,IAAAA;AAT+B,GAUG;AAClC,QAAM;AAAEC,IAAAA;AAAF,MAAiBZ,aAAa,CAACW,KAAD,CAApC;AACA,QAAME,MAAM,GAAG,CAACV,MAAD,EAASC,MAAT,EAAiBC,MAAjB,EAAyBS,MAAzB,CAAiCC,KAAD,IAAWA,KAA3C,CAAf;AACA,QAAMC,KAAK,GAAG;AAAEC,IAAAA,CAAC,EAAEV,MAAM,GAAG,GAAd;AAAmBW,IAAAA,CAAC,EAAEV,MAAM,GAAG;AAA/B,GAAd;AACA,QAAMW,GAAG,GAAG;AAAEF,IAAAA,CAAC,EAAER,IAAI,GAAG,GAAZ;AAAiBS,IAAAA,CAAC,EAAER,IAAI,GAAG;AAA3B,GAAZ;AACA,sBACE,oBAAC,cAAD;AAAgB,IAAA,MAAM,EAAEG,MAAxB;AAAgC,IAAA,KAAK,EAAEG,KAAvC;AAA8C,IAAA,GAAG,EAAEG,GAAnD;AAAwD,IAAA,KAAK,EAAEP;AAA/D,KACGV,QADH,CADF;AAKD,CApBD;;AAsBA,eAAeD,uBAAf","sourcesContent":["import * as React from \"react\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport { LinearGradient } from \"expo-linear-gradient\";\nimport { extractStyles } from \"../utilities\";\n\ntype LinearGradientComponentProps = {\n color1: string;\n color2: string;\n color3?: string;\n startX: number;\n startY: number;\n endX: number;\n endY: number;\n children?: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n};\n\nconst LinearGradientComponent = ({\n children,\n color1,\n color2,\n color3 = undefined,\n startX = 0,\n startY = 0,\n endX = 100,\n endY = 100,\n style,\n}: LinearGradientComponentProps) => {\n const { viewStyles } = extractStyles(style);\n const colors = [color1, color2, color3].filter((color) => color) as string[];\n const start = { x: startX / 100, y: startY / 100 };\n const end = { x: endX / 100, y: endY / 100 };\n return (\n <LinearGradient colors={colors} start={start} end={end} style={viewStyles}>\n {children}\n </LinearGradient>\n );\n};\n\nexport default LinearGradientComponent;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RowBodyIcon.
|
|
1
|
+
{"version":3,"sources":["RowBodyIcon.tsx"],"names":["React","withTheme","Row","Config","RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","body1","medium","subtitle2","light","rowSingleLineIconSize","marginLeft"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAIA,OAAOC,GAAP,MAAgB,OAAhB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAWA,MAAMC,WAA4B,GAAG,QAO/B;AAAA,MAPgC;AACpCC,IAAAA,IADoC;AAEpCC,IAAAA,KAFoC;AAGpCC,IAAAA,QAHoC;AAIpCC,IAAAA,IAJoC;AAKpCC,IAAAA,KALoC;AAMpCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAN6B,GAOhC;AACJ,sBACE,oBAAC,GAAD;AACE,IAAA,cAAc,EAAEA,UAAU,CAACC,KAD7B;AAEE,IAAA,UAAU,EAAEF,MAAM,CAACG,MAFrB;AAGE,IAAA,iBAAiB,EAAEF,UAAU,CAACG,SAHhC;AAIE,IAAA,aAAa,EAAEJ,MAAM,CAACK,KAJxB;AAKE,IAAA,KAAK,EAAEV,KALT;AAME,IAAA,QAAQ,EAAEC,QANZ;AAOE,IAAA,KAAK,EAAE,mBACL,oBAAC,IAAD;AACE,MAAA,IAAI,EAAEC,IADR;AAEE,MAAA,IAAI,EAAEL,MAAM,CAACc,qBAFf;AAGE,MAAA,KAAK,EAAEN,MAAM,CAACK,KAHhB;AAIE,MAAA,KAAK,EAAE;AAAEE,QAAAA,UAAU,EAAE;AAAd;AAJT,MARJ;AAeE,IAAA,KAAK,EAAET;AAfT,IADF;AAmBD,CA3BD;;AA6BA,eAAeR,SAAS,CAACG,WAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title?: string;\n subtitle?: string;\n icon: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst RowBodyIcon: React.FC<Props> = ({\n Icon,\n title,\n subtitle,\n icon,\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Row\n titleTypeStyle={typography.body1}\n titleColor={colors.medium}\n subtitleTypeStyle={typography.subtitle2}\n subtitleColor={colors.light}\n title={title}\n subtitle={subtitle}\n right={() => (\n <Icon\n name={icon}\n size={Config.rowSingleLineIconSize}\n color={colors.light}\n style={{ marginLeft: 16 }}\n />\n )}\n style={style}\n />\n );\n};\n\nexport default withTheme(RowBodyIcon);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["BlurView.
|
|
1
|
+
{"version":3,"sources":["BlurView.ts"],"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","GROUPS","SEED_DATA","name","tag","description","doc_link","code_link","category","layout","flexGrow","flexShrink","flexBasis","props","tint","label","editable","required","defaultValue","formType","flatArray","propType","STRING","options","group","basic","intensity","number","NUMBER","min","max","step","precision"],"mappings":"AAAA,SACEA,eADF,EAEEC,UAFF,EAGEC,UAHF,EAIEC,MAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,UAFkB;AAGvBC,EAAAA,WAAW,EAAE,gBAHU;AAIvBC,EAAAA,QAAQ,EAAE,qDAJa;AAKvBC,EAAAA,SAAS,EACP,kFANqB;AAOvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,MAPH;AAQvBA,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE,CADJ;AAENC,IAAAA,UAAU,EAAE,CAFN;AAGNC,IAAAA,SAAS,EAAE;AAHL,GARe;AAavBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,MADH;AAEJV,MAAAA,WAAW,EAAE,2BAFT;AAGJW,MAAAA,QAAQ,EAAE,IAHN;AAIJC,MAAAA,QAAQ,EAAE,IAJN;AAKJC,MAAAA,YAAY,EAAE,SALV;AAMJC,MAAAA,QAAQ,EAAEpB,UAAU,CAACqB,SANjB;AAOJC,MAAAA,QAAQ,EAAErB,UAAU,CAACsB,MAPjB;AAQJC,MAAAA,OAAO,EAAE,CAAC,SAAD,EAAY,OAAZ,EAAqB,MAArB,CARL;AASJC,MAAAA,KAAK,EAAEvB,MAAM,CAACwB;AATV,KADD;AAYLC,IAAAA,SAAS,EAAE;AACTX,MAAAA,KAAK,EAAE,WADE;AAETV,MAAAA,WAAW,EACT,uEAHO;AAITW,MAAAA,QAAQ,EAAE,IAJD;AAKTC,MAAAA,QAAQ,EAAE,IALD;AAMTC,MAAAA,YAAY,EAAE,EANL;AAOTC,MAAAA,QAAQ,EAAEpB,UAAU,CAAC4B,MAPZ;AAQTN,MAAAA,QAAQ,EAAErB,UAAU,CAAC4B,MARZ;AASTC,MAAAA,GAAG,EAAE,CATI;AAUTC,MAAAA,GAAG,EAAE,GAVI;AAWTC,MAAAA,IAAI,EAAE,CAXG;AAYTC,MAAAA,SAAS,EAAE,CAZF;AAaTR,MAAAA,KAAK,EAAEvB,MAAM,CAACwB;AAbL;AAZN;AAbgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Blur View\",\n tag: \"BlurView\",\n description: \"Expo Blur View\",\n doc_link: \"https://docs.expo.io/versions/latest/sdk/blur-view/\",\n code_link:\n \"https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts\",\n category: COMPONENT_TYPES.layout,\n layout: {\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: 0,\n },\n props: {\n tint: {\n label: \"Tint\",\n description: \"The tint of the blur view\",\n editable: true,\n required: true,\n defaultValue: \"default\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n options: [\"default\", \"light\", \"dark\"],\n group: GROUPS.basic,\n },\n intensity: {\n label: \"Intensity\",\n description:\n \"A number from 1 to 100 that controls the intensity of the blur effect\",\n editable: true,\n required: true,\n defaultValue: 50,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n group: GROUPS.basic,\n },\n },\n};\n"]}
|
|
@@ -1,21 +1,73 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { createColorProp, FORM_TYPES, GROUPS, PROP_TYPES } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Linear Gradient",
|
|
4
4
|
tag: "LinearGradient",
|
|
5
|
-
|
|
6
|
-
code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/LinearGradient.d.ts",
|
|
7
|
-
category: COMPONENT_TYPES.layout,
|
|
8
|
-
supports_list_render: false,
|
|
9
|
-
layout: {},
|
|
5
|
+
description: "Linear Gradient Component",
|
|
10
6
|
props: {
|
|
11
|
-
|
|
7
|
+
color1: createColorProp({
|
|
8
|
+
label: "Color 1"
|
|
9
|
+
}),
|
|
10
|
+
color2: createColorProp({
|
|
11
|
+
label: "Color 2"
|
|
12
|
+
}),
|
|
13
|
+
color3: createColorProp({
|
|
14
|
+
label: "Color 3"
|
|
15
|
+
}),
|
|
16
|
+
startX: {
|
|
12
17
|
group: GROUPS.basic,
|
|
13
|
-
label: "
|
|
14
|
-
description: "
|
|
18
|
+
label: "Start X",
|
|
19
|
+
description: "Start position from Left",
|
|
15
20
|
editable: true,
|
|
16
|
-
required:
|
|
17
|
-
defaultValue:
|
|
18
|
-
|
|
21
|
+
required: false,
|
|
22
|
+
defaultValue: 0,
|
|
23
|
+
min: 0,
|
|
24
|
+
max: 100,
|
|
25
|
+
step: 1,
|
|
26
|
+
precision: 0,
|
|
27
|
+
formType: FORM_TYPES.number,
|
|
28
|
+
propType: PROP_TYPES.NUMBER
|
|
29
|
+
},
|
|
30
|
+
startY: {
|
|
31
|
+
group: GROUPS.basic,
|
|
32
|
+
label: "Start Y",
|
|
33
|
+
description: "Start position from Top",
|
|
34
|
+
editable: true,
|
|
35
|
+
required: false,
|
|
36
|
+
defaultValue: 0,
|
|
37
|
+
min: 0,
|
|
38
|
+
max: 100,
|
|
39
|
+
step: 1,
|
|
40
|
+
precision: 0,
|
|
41
|
+
formType: FORM_TYPES.number,
|
|
42
|
+
propType: PROP_TYPES.NUMBER
|
|
43
|
+
},
|
|
44
|
+
endX: {
|
|
45
|
+
group: GROUPS.basic,
|
|
46
|
+
label: "End Y",
|
|
47
|
+
description: "End position from Right",
|
|
48
|
+
editable: true,
|
|
49
|
+
required: false,
|
|
50
|
+
defaultValue: 100,
|
|
51
|
+
min: 0,
|
|
52
|
+
max: 100,
|
|
53
|
+
step: 1,
|
|
54
|
+
precision: 0,
|
|
55
|
+
formType: FORM_TYPES.number,
|
|
56
|
+
propType: PROP_TYPES.NUMBER
|
|
57
|
+
},
|
|
58
|
+
endY: {
|
|
59
|
+
group: GROUPS.basic,
|
|
60
|
+
label: "End Y",
|
|
61
|
+
description: "End position from Bottom",
|
|
62
|
+
editable: true,
|
|
63
|
+
required: false,
|
|
64
|
+
defaultValue: 100,
|
|
65
|
+
min: 0,
|
|
66
|
+
max: 100,
|
|
67
|
+
step: 1,
|
|
68
|
+
precision: 0,
|
|
69
|
+
formType: FORM_TYPES.number,
|
|
70
|
+
propType: PROP_TYPES.NUMBER
|
|
19
71
|
}
|
|
20
72
|
}
|
|
21
73
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["LinearGradient.ts"],"names":["
|
|
1
|
+
{"version":3,"sources":["LinearGradient.ts"],"names":["createColorProp","FORM_TYPES","GROUPS","PROP_TYPES","SEED_DATA","name","tag","description","props","color1","label","color2","color3","startX","group","basic","editable","required","defaultValue","min","max","step","precision","formType","number","propType","NUMBER","startY","endX","endY"],"mappings":"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","sourcesContent":["import {\n createColorProp,\n FORM_TYPES,\n GROUPS,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Linear Gradient\",\n tag: \"LinearGradient\",\n description: \"Linear Gradient Component\",\n props: {\n color1: createColorProp({\n label: \"Color 1\",\n }),\n color2: createColorProp({\n label: \"Color 2\",\n }),\n color3: createColorProp({\n label: \"Color 3\",\n }),\n startX: {\n group: GROUPS.basic,\n label: \"Start X\",\n description: \"Start position from Left\",\n editable: true,\n required: false,\n defaultValue: 0,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n startY: {\n group: GROUPS.basic,\n label: \"Start Y\",\n description: \"Start position from Top\",\n editable: true,\n required: false,\n defaultValue: 0,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n endX: {\n group: GROUPS.basic,\n label: \"End Y\",\n description: \"End position from Right\",\n editable: true,\n required: false,\n defaultValue: 100,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n endY: {\n group: GROUPS.basic,\n label: \"End Y\",\n description: \"End position from Bottom\",\n editable: true,\n required: false,\n defaultValue: 100,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Modal.
|
|
1
|
+
{"version":3,"sources":["Modal.js"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createBoolProp","SEED_DATA","name","tag","description","category","container","props","animationType","group","basic","label","options","editable","required","formType","flatArray","propType","STRING","defaultValue","transparent","visible","data","presentationStyle"],"mappings":"AAAA,SAASA,MAAT,EAAiBC,eAAjB,EAAkCC,UAAlC,EAA8CC,UAA9C,EAA0DC,cAA1D,QAAiF,iBAAjF;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,OADe;AAErBC,EAAAA,GAAG,EAAE,OAFgB;AAGrBC,EAAAA,WAAW,EAAE,yBAHQ;AAIrBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,SAJL;AAKrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,aAAa,EAAE;AACXC,MAAAA,KAAK,EAAEb,MAAM,CAACc,KADH;AAEXC,MAAAA,KAAK,EAAE,gBAFI;AAGXP,MAAAA,WAAW,EAAE,gBAHF;AAIXQ,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkB,MAAlB,CAJE;AAKXC,MAAAA,QAAQ,EAAE,IALC;AAMXC,MAAAA,QAAQ,EAAE,KANC;AAOXC,MAAAA,QAAQ,EAAEjB,UAAU,CAACkB,SAPV;AAQXC,MAAAA,QAAQ,EAAElB,UAAU,CAACmB,MARV;AASXC,MAAAA,YAAY,EAAE;AATH,KADZ;AAYHC,IAAAA,WAAW,EAAEpB,cAAc,CAAC;AACxBS,MAAAA,KAAK,EAAEb,MAAM,CAACc,KADU;AAExBC,MAAAA,KAAK,EAAE,aAFiB;AAGxBP,MAAAA,WAAW,EAAE;AAHW,KAAD,CAZxB;AAiBHiB,IAAAA,OAAO,EAAErB,cAAc,CAAC;AACpBS,MAAAA,KAAK,EAAEb,MAAM,CAAC0B,IADM;AAEpBX,MAAAA,KAAK,EAAE,SAFa;AAGpBP,MAAAA,WAAW,EAAE;AAHO,KAAD,CAjBpB;AAsBHmB,IAAAA,iBAAiB,EAAE;AACfd,MAAAA,KAAK,EAAEb,MAAM,CAACc,KADC;AAEfC,MAAAA,KAAK,EAAE,oBAFQ;AAGfP,MAAAA,WAAW,EAAE,oBAHE;AAIfQ,MAAAA,OAAO,EAAE,CAAC,YAAD,EAAe,WAAf,EAA4B,WAA5B,EAAyC,gBAAzC,CAJM;AAKfC,MAAAA,QAAQ,EAAE,IALK;AAMfC,MAAAA,QAAQ,EAAE,KANK;AAOfC,MAAAA,QAAQ,EAAEjB,UAAU,CAACkB,SAPN;AAQfC,MAAAA,QAAQ,EAAElB,UAAU,CAACmB,MARN;AASfC,MAAAA,YAAY,EAAE;AATC;AAtBhB;AALc,CAAlB","sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createBoolProp, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Modal\",\n tag: \"Modal\",\n description: \"A basic Modal Component\",\n category: COMPONENT_TYPES.container,\n props: {\n animationType: {\n group: GROUPS.basic,\n label: \"Animation Type\",\n description: \"Animation Type\",\n options: [\"slide\", \"fade\", \"none\"],\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"none\",\n },\n transparent: createBoolProp({\n group: GROUPS.basic,\n label: \"Transparent\",\n description: \"Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background\",\n }),\n visible: createBoolProp({\n group: GROUPS.data,\n label: \"Visible\",\n description: \"Determines whether the modal is visible\",\n }),\n presentationStyle: {\n group: GROUPS.basic,\n label: \"Presentation Style\",\n description: \"Presentation Style\",\n options: [\"fullScreen\", \"pageSheet\", \"formSheet\", \"overFullScreen\"],\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n },\n },\n};\n"]}
|
|
@@ -13,96 +13,3 @@ declare type LinearGradientComponentProps = {
|
|
|
13
13
|
};
|
|
14
14
|
declare const LinearGradientComponent: ({ children, color1, color2, color3, startX, startY, endX, endY, style, }: LinearGradientComponentProps) => JSX.Element;
|
|
15
15
|
export default LinearGradientComponent;
|
|
16
|
-
export declare const SEED_DATA: {
|
|
17
|
-
name: string;
|
|
18
|
-
tag: string;
|
|
19
|
-
description: string;
|
|
20
|
-
props: {
|
|
21
|
-
color1: {
|
|
22
|
-
group: string;
|
|
23
|
-
label: string;
|
|
24
|
-
description: string;
|
|
25
|
-
editable: boolean;
|
|
26
|
-
required: boolean;
|
|
27
|
-
defaultValue: null;
|
|
28
|
-
formType: string;
|
|
29
|
-
propType: string;
|
|
30
|
-
};
|
|
31
|
-
color2: {
|
|
32
|
-
group: string;
|
|
33
|
-
label: string;
|
|
34
|
-
description: string;
|
|
35
|
-
editable: boolean;
|
|
36
|
-
required: boolean;
|
|
37
|
-
defaultValue: null;
|
|
38
|
-
formType: string;
|
|
39
|
-
propType: string;
|
|
40
|
-
};
|
|
41
|
-
color3: {
|
|
42
|
-
group: string;
|
|
43
|
-
label: string;
|
|
44
|
-
description: string;
|
|
45
|
-
editable: boolean;
|
|
46
|
-
required: boolean;
|
|
47
|
-
defaultValue: null;
|
|
48
|
-
formType: string;
|
|
49
|
-
propType: string;
|
|
50
|
-
};
|
|
51
|
-
startX: {
|
|
52
|
-
group: string;
|
|
53
|
-
label: string;
|
|
54
|
-
description: string;
|
|
55
|
-
editable: boolean;
|
|
56
|
-
required: boolean;
|
|
57
|
-
defaultValue: number;
|
|
58
|
-
min: number;
|
|
59
|
-
max: number;
|
|
60
|
-
step: number;
|
|
61
|
-
precision: number;
|
|
62
|
-
formType: string;
|
|
63
|
-
propType: string;
|
|
64
|
-
};
|
|
65
|
-
startY: {
|
|
66
|
-
group: string;
|
|
67
|
-
label: string;
|
|
68
|
-
description: string;
|
|
69
|
-
editable: boolean;
|
|
70
|
-
required: boolean;
|
|
71
|
-
defaultValue: number;
|
|
72
|
-
min: number;
|
|
73
|
-
max: number;
|
|
74
|
-
step: number;
|
|
75
|
-
precision: number;
|
|
76
|
-
formType: string;
|
|
77
|
-
propType: string;
|
|
78
|
-
};
|
|
79
|
-
endX: {
|
|
80
|
-
group: string;
|
|
81
|
-
label: string;
|
|
82
|
-
description: string;
|
|
83
|
-
editable: boolean;
|
|
84
|
-
required: boolean;
|
|
85
|
-
defaultValue: number;
|
|
86
|
-
min: number;
|
|
87
|
-
max: number;
|
|
88
|
-
step: number;
|
|
89
|
-
precision: number;
|
|
90
|
-
formType: string;
|
|
91
|
-
propType: string;
|
|
92
|
-
};
|
|
93
|
-
endY: {
|
|
94
|
-
group: string;
|
|
95
|
-
label: string;
|
|
96
|
-
description: string;
|
|
97
|
-
editable: boolean;
|
|
98
|
-
required: boolean;
|
|
99
|
-
defaultValue: number;
|
|
100
|
-
min: number;
|
|
101
|
-
max: number;
|
|
102
|
-
step: number;
|
|
103
|
-
precision: number;
|
|
104
|
-
formType: string;
|
|
105
|
-
propType: string;
|
|
106
|
-
};
|
|
107
|
-
};
|
|
108
|
-
};
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
export declare const SEED_DATA: {
|
|
2
2
|
name: string;
|
|
3
3
|
tag: string;
|
|
4
|
-
|
|
5
|
-
code_link: string;
|
|
6
|
-
category: string;
|
|
7
|
-
supports_list_render: boolean;
|
|
8
|
-
layout: {};
|
|
4
|
+
description: string;
|
|
9
5
|
props: {
|
|
10
|
-
|
|
6
|
+
color1: {
|
|
11
7
|
group: string;
|
|
12
8
|
label: string;
|
|
13
9
|
description: string;
|
|
@@ -15,6 +11,83 @@ export declare const SEED_DATA: {
|
|
|
15
11
|
required: boolean;
|
|
16
12
|
defaultValue: null;
|
|
17
13
|
formType: string;
|
|
14
|
+
propType: string;
|
|
15
|
+
};
|
|
16
|
+
color2: {
|
|
17
|
+
group: string;
|
|
18
|
+
label: string;
|
|
19
|
+
description: string;
|
|
20
|
+
editable: boolean;
|
|
21
|
+
required: boolean;
|
|
22
|
+
defaultValue: null;
|
|
23
|
+
formType: string;
|
|
24
|
+
propType: string;
|
|
25
|
+
};
|
|
26
|
+
color3: {
|
|
27
|
+
group: string;
|
|
28
|
+
label: string;
|
|
29
|
+
description: string;
|
|
30
|
+
editable: boolean;
|
|
31
|
+
required: boolean;
|
|
32
|
+
defaultValue: null;
|
|
33
|
+
formType: string;
|
|
34
|
+
propType: string;
|
|
35
|
+
};
|
|
36
|
+
startX: {
|
|
37
|
+
group: string;
|
|
38
|
+
label: string;
|
|
39
|
+
description: string;
|
|
40
|
+
editable: boolean;
|
|
41
|
+
required: boolean;
|
|
42
|
+
defaultValue: number;
|
|
43
|
+
min: number;
|
|
44
|
+
max: number;
|
|
45
|
+
step: number;
|
|
46
|
+
precision: number;
|
|
47
|
+
formType: string;
|
|
48
|
+
propType: string;
|
|
49
|
+
};
|
|
50
|
+
startY: {
|
|
51
|
+
group: string;
|
|
52
|
+
label: string;
|
|
53
|
+
description: string;
|
|
54
|
+
editable: boolean;
|
|
55
|
+
required: boolean;
|
|
56
|
+
defaultValue: number;
|
|
57
|
+
min: number;
|
|
58
|
+
max: number;
|
|
59
|
+
step: number;
|
|
60
|
+
precision: number;
|
|
61
|
+
formType: string;
|
|
62
|
+
propType: string;
|
|
63
|
+
};
|
|
64
|
+
endX: {
|
|
65
|
+
group: string;
|
|
66
|
+
label: string;
|
|
67
|
+
description: string;
|
|
68
|
+
editable: boolean;
|
|
69
|
+
required: boolean;
|
|
70
|
+
defaultValue: number;
|
|
71
|
+
min: number;
|
|
72
|
+
max: number;
|
|
73
|
+
step: number;
|
|
74
|
+
precision: number;
|
|
75
|
+
formType: string;
|
|
76
|
+
propType: string;
|
|
77
|
+
};
|
|
78
|
+
endY: {
|
|
79
|
+
group: string;
|
|
80
|
+
label: string;
|
|
81
|
+
description: string;
|
|
82
|
+
editable: boolean;
|
|
83
|
+
required: boolean;
|
|
84
|
+
defaultValue: number;
|
|
85
|
+
min: number;
|
|
86
|
+
max: number;
|
|
87
|
+
step: number;
|
|
88
|
+
precision: number;
|
|
89
|
+
formType: string;
|
|
90
|
+
propType: string;
|
|
18
91
|
};
|
|
19
92
|
};
|
|
20
93
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "43.4.
|
|
3
|
+
"version": "43.4.3-f2a687.0+f2a68781",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -80,5 +80,5 @@
|
|
|
80
80
|
]
|
|
81
81
|
]
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "f2a6878163d4d69236995ebb4e95294605b6e06b"
|
|
84
84
|
}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { LinearGradient } from "expo-linear-gradient";
|
|
3
3
|
import { extractStyles } from "../utilities";
|
|
4
|
-
|
|
5
|
-
const LinearGradientComponent = ({ children, color1, color2, color3 = undefined, startX = 0, startY = 0, endX = 100, endY = 0, style, }) => {
|
|
4
|
+
const LinearGradientComponent = ({ children, color1, color2, color3 = undefined, startX = 0, startY = 0, endX = 100, endY = 100, style, }) => {
|
|
6
5
|
const { viewStyles } = extractStyles(style);
|
|
7
6
|
const colors = [color1, color2, color3].filter((color) => color);
|
|
8
7
|
const start = { x: startX / 100, y: startY / 100 };
|
|
@@ -10,75 +9,3 @@ const LinearGradientComponent = ({ children, color1, color2, color3 = undefined,
|
|
|
10
9
|
return (React.createElement(LinearGradient, { colors: colors, start: start, end: end, style: viewStyles }, children));
|
|
11
10
|
};
|
|
12
11
|
export default LinearGradientComponent;
|
|
13
|
-
export const SEED_DATA = {
|
|
14
|
-
name: "LinearGradient",
|
|
15
|
-
tag: "LinearGradient",
|
|
16
|
-
description: "Linear Gradient Component",
|
|
17
|
-
props: {
|
|
18
|
-
color1: createColorProp({
|
|
19
|
-
label: "Color 1",
|
|
20
|
-
}),
|
|
21
|
-
color2: createColorProp({
|
|
22
|
-
label: "Color 2",
|
|
23
|
-
}),
|
|
24
|
-
color3: createColorProp({
|
|
25
|
-
label: "Color 3",
|
|
26
|
-
}),
|
|
27
|
-
startX: {
|
|
28
|
-
group: GROUPS.basic,
|
|
29
|
-
label: "Start X",
|
|
30
|
-
description: "Start position from Left",
|
|
31
|
-
editable: true,
|
|
32
|
-
required: false,
|
|
33
|
-
defaultValue: 0,
|
|
34
|
-
min: 0,
|
|
35
|
-
max: 100,
|
|
36
|
-
step: 1,
|
|
37
|
-
precision: 0,
|
|
38
|
-
formType: FORM_TYPES.number,
|
|
39
|
-
propType: PROP_TYPES.NUMBER,
|
|
40
|
-
},
|
|
41
|
-
startY: {
|
|
42
|
-
group: GROUPS.basic,
|
|
43
|
-
label: "Start Y",
|
|
44
|
-
description: "Start position from Top",
|
|
45
|
-
editable: true,
|
|
46
|
-
required: false,
|
|
47
|
-
defaultValue: 0,
|
|
48
|
-
min: 0,
|
|
49
|
-
max: 100,
|
|
50
|
-
step: 1,
|
|
51
|
-
precision: 0,
|
|
52
|
-
formType: FORM_TYPES.number,
|
|
53
|
-
propType: PROP_TYPES.NUMBER,
|
|
54
|
-
},
|
|
55
|
-
endX: {
|
|
56
|
-
group: GROUPS.basic,
|
|
57
|
-
label: "End Y",
|
|
58
|
-
description: "End position from Right",
|
|
59
|
-
editable: true,
|
|
60
|
-
required: false,
|
|
61
|
-
defaultValue: 100,
|
|
62
|
-
min: 0,
|
|
63
|
-
max: 100,
|
|
64
|
-
step: 1,
|
|
65
|
-
precision: 0,
|
|
66
|
-
formType: FORM_TYPES.number,
|
|
67
|
-
propType: PROP_TYPES.NUMBER,
|
|
68
|
-
},
|
|
69
|
-
endY: {
|
|
70
|
-
group: GROUPS.basic,
|
|
71
|
-
label: "End Y",
|
|
72
|
-
description: "End position from Bottom",
|
|
73
|
-
editable: true,
|
|
74
|
-
required: false,
|
|
75
|
-
defaultValue: 100,
|
|
76
|
-
min: 0,
|
|
77
|
-
max: 100,
|
|
78
|
-
step: 1,
|
|
79
|
-
precision: 0,
|
|
80
|
-
formType: FORM_TYPES.number,
|
|
81
|
-
propType: PROP_TYPES.NUMBER,
|
|
82
|
-
},
|
|
83
|
-
},
|
|
84
|
-
};
|
|
@@ -2,12 +2,6 @@ import * as React from "react";
|
|
|
2
2
|
import { StyleProp, ViewStyle } from "react-native";
|
|
3
3
|
import { LinearGradient } from "expo-linear-gradient";
|
|
4
4
|
import { extractStyles } from "../utilities";
|
|
5
|
-
import {
|
|
6
|
-
createColorProp,
|
|
7
|
-
FORM_TYPES,
|
|
8
|
-
GROUPS,
|
|
9
|
-
PROP_TYPES,
|
|
10
|
-
} from "@draftbit/types";
|
|
11
5
|
|
|
12
6
|
type LinearGradientComponentProps = {
|
|
13
7
|
color1: string;
|
|
@@ -29,7 +23,7 @@ const LinearGradientComponent = ({
|
|
|
29
23
|
startX = 0,
|
|
30
24
|
startY = 0,
|
|
31
25
|
endX = 100,
|
|
32
|
-
endY =
|
|
26
|
+
endY = 100,
|
|
33
27
|
style,
|
|
34
28
|
}: LinearGradientComponentProps) => {
|
|
35
29
|
const { viewStyles } = extractStyles(style);
|
|
@@ -44,76 +38,3 @@ const LinearGradientComponent = ({
|
|
|
44
38
|
};
|
|
45
39
|
|
|
46
40
|
export default LinearGradientComponent;
|
|
47
|
-
|
|
48
|
-
export const SEED_DATA = {
|
|
49
|
-
name: "LinearGradient",
|
|
50
|
-
tag: "LinearGradient",
|
|
51
|
-
description: "Linear Gradient Component",
|
|
52
|
-
props: {
|
|
53
|
-
color1: createColorProp({
|
|
54
|
-
label: "Color 1",
|
|
55
|
-
}),
|
|
56
|
-
color2: createColorProp({
|
|
57
|
-
label: "Color 2",
|
|
58
|
-
}),
|
|
59
|
-
color3: createColorProp({
|
|
60
|
-
label: "Color 3",
|
|
61
|
-
}),
|
|
62
|
-
startX: {
|
|
63
|
-
group: GROUPS.basic,
|
|
64
|
-
label: "Start X",
|
|
65
|
-
description: "Start position from Left",
|
|
66
|
-
editable: true,
|
|
67
|
-
required: false,
|
|
68
|
-
defaultValue: 0,
|
|
69
|
-
min: 0,
|
|
70
|
-
max: 100,
|
|
71
|
-
step: 1,
|
|
72
|
-
precision: 0,
|
|
73
|
-
formType: FORM_TYPES.number,
|
|
74
|
-
propType: PROP_TYPES.NUMBER,
|
|
75
|
-
},
|
|
76
|
-
startY: {
|
|
77
|
-
group: GROUPS.basic,
|
|
78
|
-
label: "Start Y",
|
|
79
|
-
description: "Start position from Top",
|
|
80
|
-
editable: true,
|
|
81
|
-
required: false,
|
|
82
|
-
defaultValue: 0,
|
|
83
|
-
min: 0,
|
|
84
|
-
max: 100,
|
|
85
|
-
step: 1,
|
|
86
|
-
precision: 0,
|
|
87
|
-
formType: FORM_TYPES.number,
|
|
88
|
-
propType: PROP_TYPES.NUMBER,
|
|
89
|
-
},
|
|
90
|
-
endX: {
|
|
91
|
-
group: GROUPS.basic,
|
|
92
|
-
label: "End Y",
|
|
93
|
-
description: "End position from Right",
|
|
94
|
-
editable: true,
|
|
95
|
-
required: false,
|
|
96
|
-
defaultValue: 100,
|
|
97
|
-
min: 0,
|
|
98
|
-
max: 100,
|
|
99
|
-
step: 1,
|
|
100
|
-
precision: 0,
|
|
101
|
-
formType: FORM_TYPES.number,
|
|
102
|
-
propType: PROP_TYPES.NUMBER,
|
|
103
|
-
},
|
|
104
|
-
endY: {
|
|
105
|
-
group: GROUPS.basic,
|
|
106
|
-
label: "End Y",
|
|
107
|
-
description: "End position from Bottom",
|
|
108
|
-
editable: true,
|
|
109
|
-
required: false,
|
|
110
|
-
defaultValue: 100,
|
|
111
|
-
min: 0,
|
|
112
|
-
max: 100,
|
|
113
|
-
step: 1,
|
|
114
|
-
precision: 0,
|
|
115
|
-
formType: FORM_TYPES.number,
|
|
116
|
-
propType: PROP_TYPES.NUMBER,
|
|
117
|
-
},
|
|
118
|
-
},
|
|
119
|
-
};
|
|
@@ -1,21 +1,73 @@
|
|
|
1
|
-
import { GROUPS,
|
|
1
|
+
import { createColorProp, FORM_TYPES, GROUPS, PROP_TYPES, } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Linear Gradient",
|
|
4
4
|
tag: "LinearGradient",
|
|
5
|
-
|
|
6
|
-
code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/LinearGradient.d.ts",
|
|
7
|
-
category: COMPONENT_TYPES.layout,
|
|
8
|
-
supports_list_render: false,
|
|
9
|
-
layout: {},
|
|
5
|
+
description: "Linear Gradient Component",
|
|
10
6
|
props: {
|
|
11
|
-
|
|
7
|
+
color1: createColorProp({
|
|
8
|
+
label: "Color 1",
|
|
9
|
+
}),
|
|
10
|
+
color2: createColorProp({
|
|
11
|
+
label: "Color 2",
|
|
12
|
+
}),
|
|
13
|
+
color3: createColorProp({
|
|
14
|
+
label: "Color 3",
|
|
15
|
+
}),
|
|
16
|
+
startX: {
|
|
12
17
|
group: GROUPS.basic,
|
|
13
|
-
label: "
|
|
14
|
-
description: "
|
|
18
|
+
label: "Start X",
|
|
19
|
+
description: "Start position from Left",
|
|
15
20
|
editable: true,
|
|
16
|
-
required:
|
|
17
|
-
defaultValue:
|
|
18
|
-
|
|
21
|
+
required: false,
|
|
22
|
+
defaultValue: 0,
|
|
23
|
+
min: 0,
|
|
24
|
+
max: 100,
|
|
25
|
+
step: 1,
|
|
26
|
+
precision: 0,
|
|
27
|
+
formType: FORM_TYPES.number,
|
|
28
|
+
propType: PROP_TYPES.NUMBER,
|
|
29
|
+
},
|
|
30
|
+
startY: {
|
|
31
|
+
group: GROUPS.basic,
|
|
32
|
+
label: "Start Y",
|
|
33
|
+
description: "Start position from Top",
|
|
34
|
+
editable: true,
|
|
35
|
+
required: false,
|
|
36
|
+
defaultValue: 0,
|
|
37
|
+
min: 0,
|
|
38
|
+
max: 100,
|
|
39
|
+
step: 1,
|
|
40
|
+
precision: 0,
|
|
41
|
+
formType: FORM_TYPES.number,
|
|
42
|
+
propType: PROP_TYPES.NUMBER,
|
|
43
|
+
},
|
|
44
|
+
endX: {
|
|
45
|
+
group: GROUPS.basic,
|
|
46
|
+
label: "End Y",
|
|
47
|
+
description: "End position from Right",
|
|
48
|
+
editable: true,
|
|
49
|
+
required: false,
|
|
50
|
+
defaultValue: 100,
|
|
51
|
+
min: 0,
|
|
52
|
+
max: 100,
|
|
53
|
+
step: 1,
|
|
54
|
+
precision: 0,
|
|
55
|
+
formType: FORM_TYPES.number,
|
|
56
|
+
propType: PROP_TYPES.NUMBER,
|
|
57
|
+
},
|
|
58
|
+
endY: {
|
|
59
|
+
group: GROUPS.basic,
|
|
60
|
+
label: "End Y",
|
|
61
|
+
description: "End position from Bottom",
|
|
62
|
+
editable: true,
|
|
63
|
+
required: false,
|
|
64
|
+
defaultValue: 100,
|
|
65
|
+
min: 0,
|
|
66
|
+
max: 100,
|
|
67
|
+
step: 1,
|
|
68
|
+
precision: 0,
|
|
69
|
+
formType: FORM_TYPES.number,
|
|
70
|
+
propType: PROP_TYPES.NUMBER,
|
|
19
71
|
},
|
|
20
72
|
},
|
|
21
73
|
};
|
|
@@ -1,23 +1,79 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
createColorProp,
|
|
3
|
+
FORM_TYPES,
|
|
4
|
+
GROUPS,
|
|
5
|
+
PROP_TYPES,
|
|
6
|
+
} from "@draftbit/types";
|
|
2
7
|
|
|
3
8
|
export const SEED_DATA = {
|
|
4
9
|
name: "Linear Gradient",
|
|
5
10
|
tag: "LinearGradient",
|
|
6
|
-
|
|
7
|
-
code_link:
|
|
8
|
-
"https://github.com/expo/expo/blob/master/packages/expo/src/effects/LinearGradient.d.ts",
|
|
9
|
-
category: COMPONENT_TYPES.layout,
|
|
10
|
-
supports_list_render: false,
|
|
11
|
-
layout: {},
|
|
11
|
+
description: "Linear Gradient Component",
|
|
12
12
|
props: {
|
|
13
|
-
|
|
13
|
+
color1: createColorProp({
|
|
14
|
+
label: "Color 1",
|
|
15
|
+
}),
|
|
16
|
+
color2: createColorProp({
|
|
17
|
+
label: "Color 2",
|
|
18
|
+
}),
|
|
19
|
+
color3: createColorProp({
|
|
20
|
+
label: "Color 3",
|
|
21
|
+
}),
|
|
22
|
+
startX: {
|
|
14
23
|
group: GROUPS.basic,
|
|
15
|
-
label: "
|
|
16
|
-
description: "
|
|
24
|
+
label: "Start X",
|
|
25
|
+
description: "Start position from Left",
|
|
17
26
|
editable: true,
|
|
18
|
-
required:
|
|
19
|
-
defaultValue:
|
|
20
|
-
|
|
27
|
+
required: false,
|
|
28
|
+
defaultValue: 0,
|
|
29
|
+
min: 0,
|
|
30
|
+
max: 100,
|
|
31
|
+
step: 1,
|
|
32
|
+
precision: 0,
|
|
33
|
+
formType: FORM_TYPES.number,
|
|
34
|
+
propType: PROP_TYPES.NUMBER,
|
|
35
|
+
},
|
|
36
|
+
startY: {
|
|
37
|
+
group: GROUPS.basic,
|
|
38
|
+
label: "Start Y",
|
|
39
|
+
description: "Start position from Top",
|
|
40
|
+
editable: true,
|
|
41
|
+
required: false,
|
|
42
|
+
defaultValue: 0,
|
|
43
|
+
min: 0,
|
|
44
|
+
max: 100,
|
|
45
|
+
step: 1,
|
|
46
|
+
precision: 0,
|
|
47
|
+
formType: FORM_TYPES.number,
|
|
48
|
+
propType: PROP_TYPES.NUMBER,
|
|
49
|
+
},
|
|
50
|
+
endX: {
|
|
51
|
+
group: GROUPS.basic,
|
|
52
|
+
label: "End Y",
|
|
53
|
+
description: "End position from Right",
|
|
54
|
+
editable: true,
|
|
55
|
+
required: false,
|
|
56
|
+
defaultValue: 100,
|
|
57
|
+
min: 0,
|
|
58
|
+
max: 100,
|
|
59
|
+
step: 1,
|
|
60
|
+
precision: 0,
|
|
61
|
+
formType: FORM_TYPES.number,
|
|
62
|
+
propType: PROP_TYPES.NUMBER,
|
|
63
|
+
},
|
|
64
|
+
endY: {
|
|
65
|
+
group: GROUPS.basic,
|
|
66
|
+
label: "End Y",
|
|
67
|
+
description: "End position from Bottom",
|
|
68
|
+
editable: true,
|
|
69
|
+
required: false,
|
|
70
|
+
defaultValue: 100,
|
|
71
|
+
min: 0,
|
|
72
|
+
max: 100,
|
|
73
|
+
step: 1,
|
|
74
|
+
precision: 0,
|
|
75
|
+
formType: FORM_TYPES.number,
|
|
76
|
+
propType: PROP_TYPES.NUMBER,
|
|
21
77
|
},
|
|
22
78
|
},
|
|
23
79
|
};
|