@draftbit/core 42.3.1 → 42.3.2-e4de47.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/Divider.js +5 -18
- package/lib/commonjs/components/Divider.js.map +1 -1
- package/lib/commonjs/mappings/Modal.js +41 -0
- package/lib/commonjs/mappings/Modal.js.map +1 -0
- package/lib/commonjs/mappings/Switch.js +4 -1
- package/lib/commonjs/mappings/Switch.js.map +1 -1
- package/lib/module/components/RowHeadlineImageIcon.js.map +1 -1
- package/lib/module/mappings/Modal.js +32 -0
- package/lib/module/mappings/Modal.js.map +1 -0
- package/lib/module/mappings/Switch.js +4 -1
- package/lib/module/mappings/Switch.js.map +1 -1
- package/package.json +2 -2
- package/src/mappings/Modal.js +39 -0
- package/src/mappings/Switch.js +4 -1
|
@@ -17,6 +17,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
17
17
|
|
|
18
18
|
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; }
|
|
19
19
|
|
|
20
|
+
function _extends() { _extends = Object.assign || 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); }
|
|
21
|
+
|
|
20
22
|
const Divider = ({
|
|
21
23
|
style,
|
|
22
24
|
color,
|
|
@@ -25,13 +27,12 @@ const Divider = ({
|
|
|
25
27
|
},
|
|
26
28
|
...rest
|
|
27
29
|
}) => {
|
|
28
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
30
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
29
31
|
style: [{
|
|
30
32
|
backgroundColor: color || colors.divider,
|
|
31
33
|
height: _reactNative.StyleSheet.hairlineWidth
|
|
32
|
-
}, style]
|
|
33
|
-
|
|
34
|
-
});
|
|
34
|
+
}, style]
|
|
35
|
+
}, rest));
|
|
35
36
|
};
|
|
36
37
|
|
|
37
38
|
var _default = (0, _theming.withTheme)(Divider);
|
|
@@ -61,18 +62,4 @@ const SEED_DATA = [{
|
|
|
61
62
|
}
|
|
62
63
|
}];
|
|
63
64
|
exports.SEED_DATA = SEED_DATA;
|
|
64
|
-
//# sourceMappingURL=Divider.js.mapolor",
|
|
65
|
-
description: "The color of the divider",
|
|
66
|
-
editable: true,
|
|
67
|
-
required: false,
|
|
68
|
-
defaultValue: "divider",
|
|
69
|
-
formType: _types.FORM_TYPES.color,
|
|
70
|
-
propType: _types.PROP_TYPES.THEME
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
layout: {
|
|
74
|
-
height: 1
|
|
75
|
-
}
|
|
76
|
-
}];
|
|
77
|
-
exports.SEED_DATA = SEED_DATA;
|
|
78
65
|
//# sourceMappingURL=Divider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Divider.
|
|
1
|
+
{"version":3,"sources":["Divider.tsx"],"names":["Divider","style","color","theme","colors","rest","backgroundColor","divider","height","StyleSheet","hairlineWidth","SEED_DATA","name","tag","category","COMPONENT_TYPES","layout","description","preview_image_url","supports_list_render","props","group","GROUPS","basic","label","editable","required","defaultValue","formType","FORM_TYPES","propType","PROP_TYPES","THEME"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAcA,MAAMA,OAAwB,GAAG,CAAC;AAChCC,EAAAA,KADgC;AAEhCC,EAAAA,KAFgC;AAGhCC,EAAAA,KAAK,EAAE;AAAEC,IAAAA;AAAF,GAHyB;AAIhC,KAAGC;AAJ6B,CAAD,KAK3B;AACJ,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AACEC,MAAAA,eAAe,EAAEJ,KAAK,IAAIE,MAAM,CAACG,OADnC;AAEEC,MAAAA,MAAM,EAAEC,wBAAWC;AAFrB,KADK,EAKLT,KALK;AADT,KAQMI,IARN,EADF;AAYD,CAlBD;;eAoBe,wBAAUL,OAAV,C;;;AAER,MAAMW,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,SADR;AAEEC,EAAAA,GAAG,EAAE,SAFP;AAGEC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAH5B;AAIEC,EAAAA,WAAW,EAAE,0CAJf;AAKEC,EAAAA,iBAAiB,EAAE,8BALrB;AAMEC,EAAAA,oBAAoB,EAAE,KANxB;AAOEC,EAAAA,KAAK,EAAE;AACLlB,IAAAA,KAAK,EAAE;AACLmB,MAAAA,KAAK,EAAEC,cAAOC,KADT;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLP,MAAAA,WAAW,EAAE,0BAHR;AAILQ,MAAAA,QAAQ,EAAE,IAJL;AAKLC,MAAAA,QAAQ,EAAE,KALL;AAMLC,MAAAA,YAAY,EAAE,SANT;AAOLC,MAAAA,QAAQ,EAAEC,kBAAW3B,KAPhB;AAQL4B,MAAAA,QAAQ,EAAEC,kBAAWC;AARhB;AADF,GAPT;AAmBEhB,EAAAA,MAAM,EAAE;AACNR,IAAAA,MAAM,EAAE;AADF;AAnBV,CADuB,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport {\n GROUPS,\n FORM_TYPES,\n PROP_TYPES,\n COMPONENT_TYPES,\n} from \"@draftbit/types\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n style?: StyleProp<ViewStyle>;\n color?: string;\n theme: typeof theme;\n};\n\nconst Divider: React.FC<Props> = ({\n style,\n color,\n theme: { colors },\n ...rest\n}) => {\n return (\n <View\n style={[\n {\n backgroundColor: color || colors.divider,\n height: StyleSheet.hairlineWidth,\n },\n style,\n ]}\n {...rest}\n />\n );\n};\n\nexport default withTheme(Divider);\n\nexport const SEED_DATA = [\n {\n name: \"Divider\",\n tag: \"Divider\",\n category: COMPONENT_TYPES.layout,\n description: \"A horizontal line used to divide content\",\n preview_image_url: \"{CLOUDINARY_URL}/Divider.png\",\n supports_list_render: false,\n props: {\n color: {\n group: GROUPS.basic,\n label: \"Color\",\n description: \"The color of the divider\",\n editable: true,\n required: false,\n defaultValue: \"divider\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n },\n },\n layout: {\n height: 1,\n },\n },\n];\n"]}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SEED_DATA = void 0;
|
|
7
|
+
|
|
8
|
+
var _types = require("@draftbit/types");
|
|
9
|
+
|
|
10
|
+
const SEED_DATA = {
|
|
11
|
+
name: "Modal",
|
|
12
|
+
tag: "Modal",
|
|
13
|
+
description: "A basic Modal Component",
|
|
14
|
+
category: _types.COMPONENT_TYPES.container,
|
|
15
|
+
props: {
|
|
16
|
+
animationType: {
|
|
17
|
+
group: _types.GROUPS.basic,
|
|
18
|
+
name: "animationType",
|
|
19
|
+
label: "animationType",
|
|
20
|
+
description: "Animation Type",
|
|
21
|
+
options: ["slide", "fade", "none"],
|
|
22
|
+
editable: false,
|
|
23
|
+
required: false,
|
|
24
|
+
formType: _types.FORM_TYPES.flatArray,
|
|
25
|
+
propType: _types.PROP_TYPES.STRING,
|
|
26
|
+
defaultValue: "none"
|
|
27
|
+
},
|
|
28
|
+
transparent: (0, _types.createBoolProp)({
|
|
29
|
+
group: _types.GROUPS.basic,
|
|
30
|
+
label: "Transparent",
|
|
31
|
+
description: "Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background"
|
|
32
|
+
}),
|
|
33
|
+
visible: (0, _types.createBoolProp)({
|
|
34
|
+
group: _types.GROUPS.data,
|
|
35
|
+
label: "Visible",
|
|
36
|
+
description: "Determines whether the modal is visible"
|
|
37
|
+
})
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
exports.SEED_DATA = SEED_DATA;
|
|
41
|
+
//# sourceMappingURL=Modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["Modal.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","props","animationType","group","GROUPS","basic","label","options","editable","required","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","defaultValue","transparent","visible","data"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,OADiB;AAEvBC,EAAAA,GAAG,EAAE,OAFkB;AAGvBC,EAAAA,WAAW,EAAE,yBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE;AACbC,MAAAA,KAAK,EAAEC,cAAOC,KADD;AAEbV,MAAAA,IAAI,EAAE,eAFO;AAGbW,MAAAA,KAAK,EAAE,eAHM;AAIbT,MAAAA,WAAW,EAAE,gBAJA;AAKbU,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkB,MAAlB,CALI;AAMbC,MAAAA,QAAQ,EAAE,KANG;AAObC,MAAAA,QAAQ,EAAE,KAPG;AAQbC,MAAAA,QAAQ,EAAEC,kBAAWC,SARR;AASbC,MAAAA,QAAQ,EAAEC,kBAAWC,MATR;AAUbC,MAAAA,YAAY,EAAE;AAVD,KADV;AAaLC,IAAAA,WAAW,EAAE,2BAAe;AAC1Bd,MAAAA,KAAK,EAAEC,cAAOC,KADY;AAE1BC,MAAAA,KAAK,EAAE,aAFmB;AAG1BT,MAAAA,WAAW,EACT;AAJwB,KAAf,CAbR;AAmBLqB,IAAAA,OAAO,EAAE,2BAAe;AACtBf,MAAAA,KAAK,EAAEC,cAAOe,IADQ;AAEtBb,MAAAA,KAAK,EAAE,SAFe;AAGtBT,MAAAA,WAAW,EAAE;AAHS,KAAf;AAnBJ;AALgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n createBoolProp,\n} from \"@draftbit/types\";\n\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 name: \"animationType\",\n label: \"animationType\",\n description: \"Animation Type\",\n options: [\"slide\", \"fade\", \"none\"],\n editable: false,\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:\n \"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 },\n};\n"]}
|
|
@@ -41,7 +41,10 @@ const SEED_DATA = [{
|
|
|
41
41
|
name: "Switch Row",
|
|
42
42
|
tag: "SwitchRow",
|
|
43
43
|
category: _types.COMPONENT_TYPES.input,
|
|
44
|
-
layout: {
|
|
44
|
+
layout: {
|
|
45
|
+
marginLeft: 0,
|
|
46
|
+
marginRight: 0
|
|
47
|
+
},
|
|
45
48
|
triggers: SEED_DATA_TRIGGERS,
|
|
46
49
|
props: {
|
|
47
50
|
label: (0, _types.createTextProp)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Switch.js"],"names":["SEED_DATA_TRIGGERS","Triggers","OnValueChange","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","props","disabled","label","description","fieldName","handlerPropName","valuePropName","defaultValue","activeTrackColor","inactiveTrackColor","activeThumbColor","inactiveThumbColor","required","direction","group","GROUPS","data"],"mappings":";;;;;;;AAAA;;AAUA,MAAMA,kBAAkB,GAAG,CAACC,gBAASC,aAAV,CAA3B;AACO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,QADR;AAEEC,EAAAA,GAAG,EAAE,QAFP;AAGEC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAH5B;AAIEC,EAAAA,MAAM,EAAE,EAJV;AAKEC,EAAAA,QAAQ,EAAEV,kBALZ;AAMEW,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,2BAAe;AACvBC,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE;AAFU,KAAf,CADL;AAKLC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,eAAe,EAAE,eADY;AAE7BC,MAAAA,aAAa,EAAE,OAFc;AAG7BC,MAAAA,YAAY,EAAE;AAHe,KAApB,CALN;AAULC,IAAAA,gBAAgB,EAAE,4BAAgB;AAChCN,MAAAA,KAAK,EAAE;AADyB,KAAhB,CAVb;AAaLO,IAAAA,kBAAkB,EAAE,4BAAgB;AAClCP,MAAAA,KAAK,EAAE;AAD2B,KAAhB,CAbf;AAgBLQ,IAAAA,gBAAgB,EAAE,4BAAgB;AAChCR,MAAAA,KAAK,EAAE;AADyB,KAAhB,CAhBb;AAmBLS,IAAAA,kBAAkB,EAAE,4BAAgB;AAClCT,MAAAA,KAAK,EAAE;AAD2B,KAAhB;AAnBf;AANT,CADuB,EA+BvB;AACET,EAAAA,IAAI,EAAE,YADR;AAEEC,EAAAA,GAAG,EAAE,WAFP;AAGEC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAH5B;AAIEC,EAAAA,MAAM,EAAE,
|
|
1
|
+
{"version":3,"sources":["Switch.js"],"names":["SEED_DATA_TRIGGERS","Triggers","OnValueChange","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","props","disabled","label","description","fieldName","handlerPropName","valuePropName","defaultValue","activeTrackColor","inactiveTrackColor","activeThumbColor","inactiveThumbColor","marginLeft","marginRight","required","direction","group","GROUPS","data"],"mappings":";;;;;;;AAAA;;AAUA,MAAMA,kBAAkB,GAAG,CAACC,gBAASC,aAAV,CAA3B;AACO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,QADR;AAEEC,EAAAA,GAAG,EAAE,QAFP;AAGEC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAH5B;AAIEC,EAAAA,MAAM,EAAE,EAJV;AAKEC,EAAAA,QAAQ,EAAEV,kBALZ;AAMEW,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,2BAAe;AACvBC,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE;AAFU,KAAf,CADL;AAKLC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,eAAe,EAAE,eADY;AAE7BC,MAAAA,aAAa,EAAE,OAFc;AAG7BC,MAAAA,YAAY,EAAE;AAHe,KAApB,CALN;AAULC,IAAAA,gBAAgB,EAAE,4BAAgB;AAChCN,MAAAA,KAAK,EAAE;AADyB,KAAhB,CAVb;AAaLO,IAAAA,kBAAkB,EAAE,4BAAgB;AAClCP,MAAAA,KAAK,EAAE;AAD2B,KAAhB,CAbf;AAgBLQ,IAAAA,gBAAgB,EAAE,4BAAgB;AAChCR,MAAAA,KAAK,EAAE;AADyB,KAAhB,CAhBb;AAmBLS,IAAAA,kBAAkB,EAAE,4BAAgB;AAClCT,MAAAA,KAAK,EAAE;AAD2B,KAAhB;AAnBf;AANT,CADuB,EA+BvB;AACET,EAAAA,IAAI,EAAE,YADR;AAEEC,EAAAA,GAAG,EAAE,WAFP;AAGEC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAH5B;AAIEC,EAAAA,MAAM,EAAE;AACNc,IAAAA,UAAU,EAAE,CADN;AAENC,IAAAA,WAAW,EAAE;AAFP,GAJV;AAQEd,EAAAA,QAAQ,EAAEV,kBARZ;AASEW,EAAAA,KAAK,EAAE;AACLE,IAAAA,KAAK,EAAE,2BAAe;AACpBA,MAAAA,KAAK,EAAE,OADa;AAEpBC,MAAAA,WAAW,EAAE,iCAFO;AAGpBW,MAAAA,QAAQ,EAAE,IAHU;AAIpBP,MAAAA,YAAY,EAAE;AAJM,KAAf,CADF;AAOLQ,IAAAA,SAAS,EAAE,oCAPN;AAQLd,IAAAA,QAAQ,EAAE,2BAAe;AACvBC,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE,wCAFU;AAGvBa,MAAAA,KAAK,EAAEC,cAAOC;AAHS,KAAf,CARL;AAaLd,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,eAAe,EAAE,eADY;AAE7BC,MAAAA,aAAa,EAAE,OAFc;AAG7BC,MAAAA,YAAY,EAAE;AAHe,KAApB,CAbN;AAkBLC,IAAAA,gBAAgB,EAAE,4BAAgB;AAChCN,MAAAA,KAAK,EAAE;AADyB,KAAhB,CAlBb;AAqBLO,IAAAA,kBAAkB,EAAE,4BAAgB;AAClCP,MAAAA,KAAK,EAAE;AAD2B,KAAhB,CArBf;AAwBLQ,IAAAA,gBAAgB,EAAE,4BAAgB;AAChCR,MAAAA,KAAK,EAAE;AADyB,KAAhB,CAxBb;AA2BLS,IAAAA,kBAAkB,EAAE,4BAAgB;AAClCT,MAAAA,KAAK,EAAE;AAD2B,KAAhB;AA3Bf;AATT,CA/BuB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n GROUPS,\n createBoolProp,\n createColorProp,\n createFieldNameProp,\n createTextProp,\n createRowDirectionProp,\n Triggers,\n} from \"@draftbit/types\";\nconst SEED_DATA_TRIGGERS = [Triggers.OnValueChange];\nexport const SEED_DATA = [\n {\n name: \"Switch\",\n tag: \"Switch\",\n category: COMPONENT_TYPES.input,\n layout: {},\n triggers: SEED_DATA_TRIGGERS,\n props: {\n disabled: createBoolProp({\n label: \"Disabled\",\n description: \"Boolean to handle disabling the switch\",\n }),\n fieldName: createFieldNameProp({\n handlerPropName: \"onValueChange\",\n valuePropName: \"value\",\n defaultValue: \"switchValue\",\n }),\n activeTrackColor: createColorProp({\n label: \"Active Track Color\",\n }),\n inactiveTrackColor: createColorProp({\n label: \"Inactive Track Color\",\n }),\n activeThumbColor: createColorProp({\n label: \"Active Thumb Color\",\n }),\n inactiveThumbColor: createColorProp({\n label: \"Inactive Thumb Color\",\n }),\n },\n },\n {\n name: \"Switch Row\",\n tag: \"SwitchRow\",\n category: COMPONENT_TYPES.input,\n layout: {\n marginLeft: 0,\n marginRight: 0,\n },\n triggers: SEED_DATA_TRIGGERS,\n props: {\n label: createTextProp({\n label: \"Label\",\n description: \"Label to show with the checkbox\",\n required: true,\n defaultValue: \"First Option\",\n }),\n direction: createRowDirectionProp(),\n disabled: createBoolProp({\n label: \"Disabled\",\n description: \"Boolean to handle disabling the switch\",\n group: GROUPS.data,\n }),\n fieldName: createFieldNameProp({\n handlerPropName: \"onValueChange\",\n valuePropName: \"value\",\n defaultValue: \"switchValue\",\n }),\n activeTrackColor: createColorProp({\n label: \"Active Track Color\",\n }),\n inactiveTrackColor: createColorProp({\n label: \"Inactive Track Color\",\n }),\n activeThumbColor: createColorProp({\n label: \"Active Thumb Color\",\n }),\n inactiveThumbColor: createColorProp({\n label: \"Inactive Thumb Color\",\n }),\n },\n },\n];\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RowHeadlineImageIcon.
|
|
1
|
+
{"version":3,"sources":["RowHeadlineImageIcon.tsx"],"names":["React","withTheme","COMPONENT_TYPES","createIconProp","createTextProp","createImageProp","createStaticBoolProp","Row","Config","RowHeadlineImageIcon","Icon","icon","title","image","subtitle","multilineSubtitle","style","theme","colors","typography","headline6","strong","body2","medium","rowMultiLineIconSize","rowSingleLineIconSize","light","marginLeft","alignSelf","marginTop","SEED_DATA_PROPS","label","description","defaultValue","IMAGE_PROP","MULTILINE_PROP","editable","SUBTITLE_PROP","SEED_DATA","name","tag","category","row","layout","props"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n COMPONENT_TYPES,\n createIconProp,\n createTextProp,\n createImageProp,\n createStaticBoolProp,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title?: string;\n image: string | ImageSourcePropType;\n subtitle?: string;\n multilineSubtitle?: boolean;\n icon: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst RowHeadlineImageIcon: React.FC<Props> = ({\n Icon,\n icon,\n title,\n image,\n subtitle,\n multilineSubtitle = false,\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Row\n titleTypeStyle={typography.headline6}\n titleColor={colors.strong}\n subtitleTypeStyle={typography.body2}\n subtitleColor={colors.medium}\n title={title}\n subtitle={subtitle}\n multilineSubtitle={multilineSubtitle}\n image={image}\n right={() => (\n <Icon\n name={icon}\n size={\n multilineSubtitle\n ? Config.rowMultiLineIconSize\n : Config.rowSingleLineIconSize\n }\n color={colors.light}\n style={{\n marginLeft: 16,\n alignSelf: multilineSubtitle ? \"flex-start\" : \"center\",\n marginTop: multilineSubtitle ? 4 : 0,\n }}\n />\n )}\n style={style}\n />\n );\n};\n\nexport default withTheme(RowHeadlineImageIcon);\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};\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});\n\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"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:\n \"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:\n \"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:\n \"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:\n \"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:\n \"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:\n \"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:\n \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n];\n"]}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createBoolProp } from "@draftbit/types";
|
|
2
|
+
export const SEED_DATA = {
|
|
3
|
+
name: "Modal",
|
|
4
|
+
tag: "Modal",
|
|
5
|
+
description: "A basic Modal Component",
|
|
6
|
+
category: COMPONENT_TYPES.container,
|
|
7
|
+
props: {
|
|
8
|
+
animationType: {
|
|
9
|
+
group: GROUPS.basic,
|
|
10
|
+
name: "animationType",
|
|
11
|
+
label: "animationType",
|
|
12
|
+
description: "Animation Type",
|
|
13
|
+
options: ["slide", "fade", "none"],
|
|
14
|
+
editable: false,
|
|
15
|
+
required: false,
|
|
16
|
+
formType: FORM_TYPES.flatArray,
|
|
17
|
+
propType: PROP_TYPES.STRING,
|
|
18
|
+
defaultValue: "none"
|
|
19
|
+
},
|
|
20
|
+
transparent: createBoolProp({
|
|
21
|
+
group: GROUPS.basic,
|
|
22
|
+
label: "Transparent",
|
|
23
|
+
description: "Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background"
|
|
24
|
+
}),
|
|
25
|
+
visible: createBoolProp({
|
|
26
|
+
group: GROUPS.data,
|
|
27
|
+
label: "Visible",
|
|
28
|
+
description: "Determines whether the modal is visible"
|
|
29
|
+
})
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=Modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,cALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,OADiB;AAEvBC,EAAAA,GAAG,EAAE,OAFkB;AAGvBC,EAAAA,WAAW,EAAE,yBAHU;AAIvBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,SAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE;AACbC,MAAAA,KAAK,EAAEb,MAAM,CAACc,KADD;AAEbR,MAAAA,IAAI,EAAE,eAFO;AAGbS,MAAAA,KAAK,EAAE,eAHM;AAIbP,MAAAA,WAAW,EAAE,gBAJA;AAKbQ,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkB,MAAlB,CALI;AAMbC,MAAAA,QAAQ,EAAE,KANG;AAObC,MAAAA,QAAQ,EAAE,KAPG;AAQbC,MAAAA,QAAQ,EAAEjB,UAAU,CAACkB,SARR;AASbC,MAAAA,QAAQ,EAAElB,UAAU,CAACmB,MATR;AAUbC,MAAAA,YAAY,EAAE;AAVD,KADV;AAaLC,IAAAA,WAAW,EAAEpB,cAAc,CAAC;AAC1BS,MAAAA,KAAK,EAAEb,MAAM,CAACc,KADY;AAE1BC,MAAAA,KAAK,EAAE,aAFmB;AAG1BP,MAAAA,WAAW,EACT;AAJwB,KAAD,CAbtB;AAmBLiB,IAAAA,OAAO,EAAErB,cAAc,CAAC;AACtBS,MAAAA,KAAK,EAAEb,MAAM,CAAC0B,IADQ;AAEtBX,MAAAA,KAAK,EAAE,SAFe;AAGtBP,MAAAA,WAAW,EAAE;AAHS,KAAD;AAnBlB;AALgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n createBoolProp,\n} from \"@draftbit/types\";\n\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 name: \"animationType\",\n label: \"animationType\",\n description: \"Animation Type\",\n options: [\"slide\", \"fade\", \"none\"],\n editable: false,\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:\n \"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 },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Switch.js"],"names":["COMPONENT_TYPES","GROUPS","createBoolProp","createColorProp","createFieldNameProp","createTextProp","createRowDirectionProp","Triggers","SEED_DATA_TRIGGERS","OnValueChange","SEED_DATA","name","tag","category","input","layout","triggers","props","disabled","label","description","fieldName","handlerPropName","valuePropName","defaultValue","activeTrackColor","inactiveTrackColor","activeThumbColor","inactiveThumbColor","required","direction","group","data"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,cAHF,EAIEC,eAJF,EAKEC,mBALF,EAMEC,cANF,EAOEC,sBAPF,EAQEC,QARF,QASO,iBATP;AAUA,MAAMC,kBAAkB,GAAG,CAACD,QAAQ,CAACE,aAAV,CAA3B;AACA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,QADR;AAEEC,EAAAA,GAAG,EAAE,QAFP;AAGEC,EAAAA,QAAQ,EAAEb,eAAe,CAACc,KAH5B;AAIEC,EAAAA,MAAM,EAAE,EAJV;AAKEC,EAAAA,QAAQ,EAAER,kBALZ;AAMES,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAEhB,cAAc,CAAC;AACvBiB,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE;AAFU,KAAD,CADnB;AAKLC,IAAAA,SAAS,EAAEjB,mBAAmB,CAAC;AAC7BkB,MAAAA,eAAe,EAAE,eADY;AAE7BC,MAAAA,aAAa,EAAE,OAFc;AAG7BC,MAAAA,YAAY,EAAE;AAHe,KAAD,CALzB;AAULC,IAAAA,gBAAgB,EAAEtB,eAAe,CAAC;AAChCgB,MAAAA,KAAK,EAAE;AADyB,KAAD,CAV5B;AAaLO,IAAAA,kBAAkB,EAAEvB,eAAe,CAAC;AAClCgB,MAAAA,KAAK,EAAE;AAD2B,KAAD,CAb9B;AAgBLQ,IAAAA,gBAAgB,EAAExB,eAAe,CAAC;AAChCgB,MAAAA,KAAK,EAAE;AADyB,KAAD,CAhB5B;AAmBLS,IAAAA,kBAAkB,EAAEzB,eAAe,CAAC;AAClCgB,MAAAA,KAAK,EAAE;AAD2B,KAAD;AAnB9B;AANT,CADuB,EA+BvB;AACER,EAAAA,IAAI,EAAE,YADR;AAEEC,EAAAA,GAAG,EAAE,WAFP;AAGEC,EAAAA,QAAQ,EAAEb,eAAe,CAACc,KAH5B;AAIEC,EAAAA,MAAM,EAAE,
|
|
1
|
+
{"version":3,"sources":["Switch.js"],"names":["COMPONENT_TYPES","GROUPS","createBoolProp","createColorProp","createFieldNameProp","createTextProp","createRowDirectionProp","Triggers","SEED_DATA_TRIGGERS","OnValueChange","SEED_DATA","name","tag","category","input","layout","triggers","props","disabled","label","description","fieldName","handlerPropName","valuePropName","defaultValue","activeTrackColor","inactiveTrackColor","activeThumbColor","inactiveThumbColor","marginLeft","marginRight","required","direction","group","data"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,cAHF,EAIEC,eAJF,EAKEC,mBALF,EAMEC,cANF,EAOEC,sBAPF,EAQEC,QARF,QASO,iBATP;AAUA,MAAMC,kBAAkB,GAAG,CAACD,QAAQ,CAACE,aAAV,CAA3B;AACA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,QADR;AAEEC,EAAAA,GAAG,EAAE,QAFP;AAGEC,EAAAA,QAAQ,EAAEb,eAAe,CAACc,KAH5B;AAIEC,EAAAA,MAAM,EAAE,EAJV;AAKEC,EAAAA,QAAQ,EAAER,kBALZ;AAMES,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAEhB,cAAc,CAAC;AACvBiB,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE;AAFU,KAAD,CADnB;AAKLC,IAAAA,SAAS,EAAEjB,mBAAmB,CAAC;AAC7BkB,MAAAA,eAAe,EAAE,eADY;AAE7BC,MAAAA,aAAa,EAAE,OAFc;AAG7BC,MAAAA,YAAY,EAAE;AAHe,KAAD,CALzB;AAULC,IAAAA,gBAAgB,EAAEtB,eAAe,CAAC;AAChCgB,MAAAA,KAAK,EAAE;AADyB,KAAD,CAV5B;AAaLO,IAAAA,kBAAkB,EAAEvB,eAAe,CAAC;AAClCgB,MAAAA,KAAK,EAAE;AAD2B,KAAD,CAb9B;AAgBLQ,IAAAA,gBAAgB,EAAExB,eAAe,CAAC;AAChCgB,MAAAA,KAAK,EAAE;AADyB,KAAD,CAhB5B;AAmBLS,IAAAA,kBAAkB,EAAEzB,eAAe,CAAC;AAClCgB,MAAAA,KAAK,EAAE;AAD2B,KAAD;AAnB9B;AANT,CADuB,EA+BvB;AACER,EAAAA,IAAI,EAAE,YADR;AAEEC,EAAAA,GAAG,EAAE,WAFP;AAGEC,EAAAA,QAAQ,EAAEb,eAAe,CAACc,KAH5B;AAIEC,EAAAA,MAAM,EAAE;AACNc,IAAAA,UAAU,EAAE,CADN;AAENC,IAAAA,WAAW,EAAE;AAFP,GAJV;AAQEd,EAAAA,QAAQ,EAAER,kBARZ;AASES,EAAAA,KAAK,EAAE;AACLE,IAAAA,KAAK,EAAEd,cAAc,CAAC;AACpBc,MAAAA,KAAK,EAAE,OADa;AAEpBC,MAAAA,WAAW,EAAE,iCAFO;AAGpBW,MAAAA,QAAQ,EAAE,IAHU;AAIpBP,MAAAA,YAAY,EAAE;AAJM,KAAD,CADhB;AAOLQ,IAAAA,SAAS,EAAE1B,sBAAsB,EAP5B;AAQLY,IAAAA,QAAQ,EAAEhB,cAAc,CAAC;AACvBiB,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE,wCAFU;AAGvBa,MAAAA,KAAK,EAAEhC,MAAM,CAACiC;AAHS,KAAD,CARnB;AAaLb,IAAAA,SAAS,EAAEjB,mBAAmB,CAAC;AAC7BkB,MAAAA,eAAe,EAAE,eADY;AAE7BC,MAAAA,aAAa,EAAE,OAFc;AAG7BC,MAAAA,YAAY,EAAE;AAHe,KAAD,CAbzB;AAkBLC,IAAAA,gBAAgB,EAAEtB,eAAe,CAAC;AAChCgB,MAAAA,KAAK,EAAE;AADyB,KAAD,CAlB5B;AAqBLO,IAAAA,kBAAkB,EAAEvB,eAAe,CAAC;AAClCgB,MAAAA,KAAK,EAAE;AAD2B,KAAD,CArB9B;AAwBLQ,IAAAA,gBAAgB,EAAExB,eAAe,CAAC;AAChCgB,MAAAA,KAAK,EAAE;AADyB,KAAD,CAxB5B;AA2BLS,IAAAA,kBAAkB,EAAEzB,eAAe,CAAC;AAClCgB,MAAAA,KAAK,EAAE;AAD2B,KAAD;AA3B9B;AATT,CA/BuB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n GROUPS,\n createBoolProp,\n createColorProp,\n createFieldNameProp,\n createTextProp,\n createRowDirectionProp,\n Triggers,\n} from \"@draftbit/types\";\nconst SEED_DATA_TRIGGERS = [Triggers.OnValueChange];\nexport const SEED_DATA = [\n {\n name: \"Switch\",\n tag: \"Switch\",\n category: COMPONENT_TYPES.input,\n layout: {},\n triggers: SEED_DATA_TRIGGERS,\n props: {\n disabled: createBoolProp({\n label: \"Disabled\",\n description: \"Boolean to handle disabling the switch\",\n }),\n fieldName: createFieldNameProp({\n handlerPropName: \"onValueChange\",\n valuePropName: \"value\",\n defaultValue: \"switchValue\",\n }),\n activeTrackColor: createColorProp({\n label: \"Active Track Color\",\n }),\n inactiveTrackColor: createColorProp({\n label: \"Inactive Track Color\",\n }),\n activeThumbColor: createColorProp({\n label: \"Active Thumb Color\",\n }),\n inactiveThumbColor: createColorProp({\n label: \"Inactive Thumb Color\",\n }),\n },\n },\n {\n name: \"Switch Row\",\n tag: \"SwitchRow\",\n category: COMPONENT_TYPES.input,\n layout: {\n marginLeft: 0,\n marginRight: 0,\n },\n triggers: SEED_DATA_TRIGGERS,\n props: {\n label: createTextProp({\n label: \"Label\",\n description: \"Label to show with the checkbox\",\n required: true,\n defaultValue: \"First Option\",\n }),\n direction: createRowDirectionProp(),\n disabled: createBoolProp({\n label: \"Disabled\",\n description: \"Boolean to handle disabling the switch\",\n group: GROUPS.data,\n }),\n fieldName: createFieldNameProp({\n handlerPropName: \"onValueChange\",\n valuePropName: \"value\",\n defaultValue: \"switchValue\",\n }),\n activeTrackColor: createColorProp({\n label: \"Active Track Color\",\n }),\n inactiveTrackColor: createColorProp({\n label: \"Inactive Track Color\",\n }),\n activeThumbColor: createColorProp({\n label: \"Active Thumb Color\",\n }),\n inactiveThumbColor: createColorProp({\n label: \"Inactive Thumb Color\",\n }),\n },\n },\n];\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "42.3.
|
|
3
|
+
"version": "42.3.2-e4de47.2+e4de4705",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -95,5 +95,5 @@
|
|
|
95
95
|
]
|
|
96
96
|
]
|
|
97
97
|
},
|
|
98
|
-
"gitHead": "
|
|
98
|
+
"gitHead": "e4de4705bdec161d2007e450bafded16671e2632"
|
|
99
99
|
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import {
|
|
2
|
+
GROUPS,
|
|
3
|
+
COMPONENT_TYPES,
|
|
4
|
+
FORM_TYPES,
|
|
5
|
+
PROP_TYPES,
|
|
6
|
+
createBoolProp,
|
|
7
|
+
} from "@draftbit/types";
|
|
8
|
+
|
|
9
|
+
export const SEED_DATA = {
|
|
10
|
+
name: "Modal",
|
|
11
|
+
tag: "Modal",
|
|
12
|
+
description: "A basic Modal Component",
|
|
13
|
+
category: COMPONENT_TYPES.container,
|
|
14
|
+
props: {
|
|
15
|
+
animationType: {
|
|
16
|
+
group: GROUPS.basic,
|
|
17
|
+
name: "animationType",
|
|
18
|
+
label: "animationType",
|
|
19
|
+
description: "Animation Type",
|
|
20
|
+
options: ["slide", "fade", "none"],
|
|
21
|
+
editable: false,
|
|
22
|
+
required: false,
|
|
23
|
+
formType: FORM_TYPES.flatArray,
|
|
24
|
+
propType: PROP_TYPES.STRING,
|
|
25
|
+
defaultValue: "none",
|
|
26
|
+
},
|
|
27
|
+
transparent: createBoolProp({
|
|
28
|
+
group: GROUPS.basic,
|
|
29
|
+
label: "Transparent",
|
|
30
|
+
description:
|
|
31
|
+
"Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background",
|
|
32
|
+
}),
|
|
33
|
+
visible: createBoolProp({
|
|
34
|
+
group: GROUPS.data,
|
|
35
|
+
label: "Visible",
|
|
36
|
+
description: "Determines whether the modal is visible",
|
|
37
|
+
}),
|
|
38
|
+
},
|
|
39
|
+
};
|
package/src/mappings/Switch.js
CHANGED