@draftbit/core 46.2.1-45f2e3.2 → 46.2.1-9f4f1c.3
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/Accordion/AccordionItem.js +5 -24
- package/lib/commonjs/components/Accordion/AccordionItem.js.map +1 -1
- package/lib/commonjs/components/StarRating.js +5 -24
- package/lib/commonjs/components/StarRating.js.map +1 -1
- package/lib/commonjs/constants.js +1 -1
- package/lib/commonjs/mappings/ActionSheetItem.js.map +1 -1
- package/lib/commonjs/mappings/Banner.js.map +1 -1
- package/lib/commonjs/mappings/CardContainer.js.map +1 -1
- package/lib/commonjs/mappings/Modal.js.map +1 -1
- package/lib/commonjs/mappings/RadioButtonGroup.js.map +1 -1
- package/lib/commonjs/mappings/TextArea.js +11 -0
- package/lib/commonjs/mappings/TextArea.js.map +1 -1
- package/lib/module/components/AvatarEdit.js +5 -16
- package/lib/module/components/AvatarEdit.js.map +1 -1
- package/lib/module/components/CardBlock.js +5 -15
- package/lib/module/components/CardBlock.js.map +1 -1
- package/lib/module/components/Checkbox/CheckboxRow.js +6 -23
- package/lib/module/components/Checkbox/CheckboxRow.js.map +1 -1
- package/lib/module/mappings/TextArea.js +11 -0
- package/lib/module/mappings/TextArea.js.map +1 -1
- package/lib/typescript/src/mappings/TextArea.d.ts +11 -0
- package/package.json +2 -2
- package/src/mappings/TextArea.js +11 -0
- package/src/mappings/TextArea.ts +11 -0
|
@@ -21,6 +21,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
21
21
|
|
|
22
22
|
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; }
|
|
23
23
|
|
|
24
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
|
+
|
|
24
26
|
const AccordionItem = _ref => {
|
|
25
27
|
let {
|
|
26
28
|
Icon,
|
|
@@ -35,10 +37,9 @@ const AccordionItem = _ref => {
|
|
|
35
37
|
textStyles,
|
|
36
38
|
viewStyles
|
|
37
39
|
} = (0, _utilities.extractStyles)(style);
|
|
38
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
39
|
-
style: [styles.container, viewStyles]
|
|
40
|
-
|
|
41
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
40
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
|
|
41
|
+
style: [styles.container, viewStyles]
|
|
42
|
+
}, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
42
43
|
style: styles.row
|
|
43
44
|
}, icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
44
45
|
name: icon,
|
|
@@ -73,25 +74,5 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
73
74
|
|
|
74
75
|
var _default = (0, _theming.withTheme)(AccordionItem);
|
|
75
76
|
|
|
76
|
-
exports.default = _default;
|
|
77
|
-
//# sourceMappingURL=AccordionItem.js.mapding: 8
|
|
78
|
-
},
|
|
79
|
-
row: {
|
|
80
|
-
flexDirection: "row",
|
|
81
|
-
alignItems: "center",
|
|
82
|
-
paddingLeft: 8
|
|
83
|
-
},
|
|
84
|
-
item: {
|
|
85
|
-
marginVertical: 6,
|
|
86
|
-
paddingLeft: 8
|
|
87
|
-
},
|
|
88
|
-
content: {
|
|
89
|
-
flex: 1,
|
|
90
|
-
justifyContent: "center"
|
|
91
|
-
}
|
|
92
|
-
});
|
|
93
|
-
|
|
94
|
-
var _default = (0, _theming.withTheme)(AccordionItem);
|
|
95
|
-
|
|
96
77
|
exports.default = _default;
|
|
97
78
|
//# sourceMappingURL=AccordionItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","extractStyles","
|
|
1
|
+
{"version":3,"names":["AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","extractStyles","styles","container","row","colors","primary","item","content","StyleSheet","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent","withTheme"],"sources":["AccordionItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n Pressable,\n StyleSheet,\n View,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\n\nimport Text from \"../Text\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { extractStyles } from \"../../utilities\";\nimport { withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n icon?: string;\n label: string;\n iconColor?: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst AccordionItem = ({\n Icon,\n icon,\n label,\n style,\n iconColor,\n theme,\n ...rest\n}: Props) => {\n const { textStyles, viewStyles } = extractStyles(style);\n\n return (\n <Pressable style={[styles.container, viewStyles]} {...rest}>\n <View style={styles.row}>\n {icon ? (\n <Icon\n name={icon}\n size={24}\n color={iconColor || theme.colors.primary}\n />\n ) : null}\n <View style={[styles.item, styles.content]}>\n <Text selectable={false} style={textStyles}>\n {label}\n </Text>\n </View>\n </View>\n </Pressable>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n padding: 8,\n },\n row: {\n flexDirection: \"row\",\n alignItems: \"center\",\n paddingLeft: 8,\n },\n item: {\n marginVertical: 6,\n paddingLeft: 8,\n },\n content: {\n flex: 1,\n justifyContent: \"center\",\n },\n});\n\nexport default withTheme(AccordionItem);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AAEA;;AACA;;;;;;;;;;AAWA,MAAMA,aAAa,GAAG,QAQT;EAAA,IARU;IACrBC,IADqB;IAErBC,IAFqB;IAGrBC,KAHqB;IAIrBC,KAJqB;IAKrBC,SALqB;IAMrBC,KANqB;IAOrB,GAAGC;EAPkB,CAQV;EACX,MAAM;IAAEC,UAAF;IAAcC;EAAd,IAA6B,IAAAC,wBAAA,EAAcN,KAAd,CAAnC;EAEA,oBACE,oBAAC,sBAAD;IAAW,KAAK,EAAE,CAACO,MAAM,CAACC,SAAR,EAAmBH,UAAnB;EAAlB,GAAsDF,IAAtD,gBACE,oBAAC,iBAAD;IAAM,KAAK,EAAEI,MAAM,CAACE;EAApB,GACGX,IAAI,gBACH,oBAAC,IAAD;IACE,IAAI,EAAEA,IADR;IAEE,IAAI,EAAE,EAFR;IAGE,KAAK,EAAEG,SAAS,IAAIC,KAAK,CAACQ,MAAN,CAAaC;EAHnC,EADG,GAMD,IAPN,eAQE,oBAAC,iBAAD;IAAM,KAAK,EAAE,CAACJ,MAAM,CAACK,IAAR,EAAcL,MAAM,CAACM,OAArB;EAAb,gBACE,oBAAC,aAAD;IAAM,UAAU,EAAE,KAAlB;IAAyB,KAAK,EAAET;EAAhC,GACGL,KADH,CADF,CARF,CADF,CADF;AAkBD,CA7BD;;AA+BA,MAAMQ,MAAM,GAAGO,uBAAA,CAAWC,MAAX,CAAkB;EAC/BP,SAAS,EAAE;IACTQ,OAAO,EAAE;EADA,CADoB;EAI/BP,GAAG,EAAE;IACHQ,aAAa,EAAE,KADZ;IAEHC,UAAU,EAAE,QAFT;IAGHC,WAAW,EAAE;EAHV,CAJ0B;EAS/BP,IAAI,EAAE;IACJQ,cAAc,EAAE,CADZ;IAEJD,WAAW,EAAE;EAFT,CATyB;EAa/BN,OAAO,EAAE;IACPQ,IAAI,EAAE,CADC;IAEPC,cAAc,EAAE;EAFT;AAbsB,CAAlB,CAAf;;eAmBe,IAAAC,kBAAA,EAAU3B,aAAV,C"}
|
|
@@ -15,6 +15,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
15
15
|
|
|
16
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; }
|
|
17
17
|
|
|
18
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
19
|
+
|
|
18
20
|
const StarRating = _ref => {
|
|
19
21
|
let {
|
|
20
22
|
Icon,
|
|
@@ -45,10 +47,9 @@ const StarRating = _ref => {
|
|
|
45
47
|
!!onPress && onPress(r);
|
|
46
48
|
}, [onPress]);
|
|
47
49
|
const ratingRounded = Math.round(localRating * 2) / 2;
|
|
48
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
49
|
-
style: [styles.container, style]
|
|
50
|
-
|
|
51
|
-
}, [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
50
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
51
|
+
style: [styles.container, style]
|
|
52
|
+
}, rest), [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
52
53
|
key: i,
|
|
53
54
|
style: {
|
|
54
55
|
display: "flex"
|
|
@@ -92,25 +93,5 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
92
93
|
|
|
93
94
|
var _default = (0, _theming.withTheme)(StarRating);
|
|
94
95
|
|
|
95
|
-
exports.default = _default;
|
|
96
|
-
//# sourceMappingURL=StarRating.js.mapr: {
|
|
97
|
-
display: "flex",
|
|
98
|
-
flexDirection: "row",
|
|
99
|
-
position: "absolute",
|
|
100
|
-
top: 0,
|
|
101
|
-
right: 0,
|
|
102
|
-
left: 0,
|
|
103
|
-
bottom: 0,
|
|
104
|
-
zIndex: 1
|
|
105
|
-
},
|
|
106
|
-
pressable: {
|
|
107
|
-
flex: 1,
|
|
108
|
-
height: "100%",
|
|
109
|
-
width: "50%"
|
|
110
|
-
}
|
|
111
|
-
});
|
|
112
|
-
|
|
113
|
-
var _default = (0, _theming.withTheme)(StarRating);
|
|
114
|
-
|
|
115
96
|
exports.default = _default;
|
|
116
97
|
//# sourceMappingURL=StarRating.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StarRating","Icon","starSize","maxStars","rating","defaultValue","isEditable","activeColor","inactiveColor","style","onPress","rest","localRating","setLocalRating","React","useState","useEffect","ratingHandler","useCallback","r","ratingRounded","Math","round","
|
|
1
|
+
{"version":3,"names":["StarRating","Icon","starSize","maxStars","rating","defaultValue","isEditable","activeColor","inactiveColor","style","onPress","rest","localRating","setLocalRating","React","useState","useEffect","ratingHandler","useCallback","r","ratingRounded","Math","round","styles","container","Array","map","_","i","display","touchContainer","pressable","StyleSheet","create","flexDirection","alignItems","position","top","right","left","bottom","zIndex","flex","height","width","withTheme"],"sources":["StarRating.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n StyleProp,\n ViewStyle,\n Pressable,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n starSize?: number;\n maxStars?: number;\n rating?: number;\n defaultValue?: number;\n isEditable?: boolean;\n activeColor?: string;\n inactiveColor?: string;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n onPress?: (newValue: number) => void;\n} & IconSlot;\n\nconst StarRating: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n starSize = 16,\n maxStars = 5,\n rating = 0,\n defaultValue,\n isEditable = false,\n activeColor,\n inactiveColor,\n style,\n onPress,\n ...rest\n}) => {\n const [localRating, setLocalRating] = React.useState<number>(\n rating || defaultValue || 0\n );\n\n React.useEffect(() => {\n if (rating != null) {\n setLocalRating(rating);\n }\n }, [rating]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setLocalRating(defaultValue);\n }\n }, [defaultValue]);\n\n const ratingHandler = React.useCallback(\n (r: number) => {\n setLocalRating(r);\n !!onPress && onPress(r);\n },\n [onPress]\n );\n\n const ratingRounded = Math.round(localRating * 2) / 2;\n\n return (\n <View style={[styles.container, style]} {...rest}>\n {[...Array(maxStars)].map((_, i) => (\n <View key={i} style={{ display: \"flex\" }}>\n <Icon\n name={\n ratingRounded - i === 0.5\n ? \"MaterialIcons/star-half\"\n : \"MaterialIcons/star\"\n }\n size={starSize}\n color={ratingRounded > i ? activeColor : inactiveColor}\n />\n {isEditable && (\n <View style={styles.touchContainer}>\n <Pressable\n style={styles.pressable}\n onPress={() => ratingHandler(i + 0.5)}\n />\n <Pressable\n style={styles.pressable}\n onPress={() => ratingHandler(i + 1)}\n />\n </View>\n )}\n </View>\n ))}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n touchContainer: {\n display: \"flex\",\n flexDirection: \"row\",\n position: \"absolute\",\n top: 0,\n right: 0,\n left: 0,\n bottom: 0,\n zIndex: 1,\n },\n pressable: {\n flex: 1,\n height: \"100%\",\n width: \"50%\",\n },\n});\n\nexport default withTheme(StarRating);\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","triggers","Triggers","OnPress","layout","textAlign","props","onPress","createActionProp","label","createTextProp","group","GROUPS","basic","defaultValue","color","createColorProp"],"sources":["ActionSheetItem.
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","triggers","Triggers","OnPress","layout","textAlign","props","onPress","createActionProp","label","createTextProp","group","GROUPS","basic","defaultValue","color","createColorProp"],"sources":["ActionSheetItem.js"],"sourcesContent":["import { COMPONENT_TYPES, createActionProp, createColorProp, createTextProp, GROUPS, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Action Sheet Item\",\n tag: \"ActionSheetItem\",\n description: \"Action Sheet item\",\n category: COMPONENT_TYPES.button,\n triggers: [Triggers.OnPress],\n layout: {\n textAlign: \"center\",\n },\n props: {\n onPress: createActionProp(),\n label: createTextProp({\n group: GROUPS.basic,\n label: \"Label\",\n defaultValue: \"Option\",\n }),\n color: createColorProp({\n label: \"Font Color\",\n defaultValue: \"strong\",\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,mBADe;EAErBC,GAAG,EAAE,iBAFgB;EAGrBC,WAAW,EAAE,mBAHQ;EAIrBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAJL;EAKrBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CALW;EAMrBC,MAAM,EAAE;IACJC,SAAS,EAAE;EADP,CANa;EASrBC,KAAK,EAAE;IACHC,OAAO,EAAE,IAAAC,uBAAA,GADN;IAEHC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MAClBC,KAAK,EAAEC,aAAA,CAAOC,KADI;MAElBJ,KAAK,EAAE,OAFW;MAGlBK,YAAY,EAAE;IAHI,CAAf,CAFJ;IAOHC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACnBP,KAAK,EAAE,YADY;MAEnBK,YAAY,EAAE;IAFK,CAAhB;EAPJ;AATc,CAAlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","button","props","icon","createIconProp","defaultValue","required","content","createTextProp","label","description","initiallyVisible","createBoolProp","group","GROUPS","basic","dismissable","buttonColor","createColorProp"],"sources":["Banner.
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","button","props","icon","createIconProp","defaultValue","required","content","createTextProp","label","description","initiallyVisible","createBoolProp","group","GROUPS","basic","dismissable","buttonColor","createColorProp"],"sources":["Banner.js"],"sourcesContent":["import { COMPONENT_TYPES, createIconProp, createBoolProp, createColorProp, createTextProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Banner\",\n tag: \"Banner\",\n category: COMPONENT_TYPES.button,\n props: {\n icon: createIconProp({\n defaultValue: null,\n required: false,\n }),\n content: createTextProp({\n label: \"Content\",\n description: \"Banner text content\",\n }),\n initiallyVisible: createBoolProp({\n group: GROUPS.basic,\n label: \"Initially visible\",\n description: \"Whether the banner should be visible\",\n defaultValue: true,\n }),\n dismissable: createBoolProp({\n group: GROUPS.basic,\n label: \"Dismissable\",\n description: \"Whether the banner should be able to be closed\",\n defaultValue: true,\n }),\n buttonColor: createColorProp({\n label: \"Button color\",\n defaultValue: \"primary\",\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,QADe;EAErBC,GAAG,EAAE,QAFgB;EAGrBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAHL;EAIrBC,KAAK,EAAE;IACHC,IAAI,EAAE,IAAAC,qBAAA,EAAe;MACjBC,YAAY,EAAE,IADG;MAEjBC,QAAQ,EAAE;IAFO,CAAf,CADH;IAKHC,OAAO,EAAE,IAAAC,qBAAA,EAAe;MACpBC,KAAK,EAAE,SADa;MAEpBC,WAAW,EAAE;IAFO,CAAf,CALN;IASHC,gBAAgB,EAAE,IAAAC,qBAAA,EAAe;MAC7BC,KAAK,EAAEC,aAAA,CAAOC,KADe;MAE7BN,KAAK,EAAE,mBAFsB;MAG7BC,WAAW,EAAE,sCAHgB;MAI7BL,YAAY,EAAE;IAJe,CAAf,CATf;IAeHW,WAAW,EAAE,IAAAJ,qBAAA,EAAe;MACxBC,KAAK,EAAEC,aAAA,CAAOC,KADU;MAExBN,KAAK,EAAE,aAFiB;MAGxBC,WAAW,EAAE,gDAHW;MAIxBL,YAAY,EAAE;IAJU,CAAf,CAfV;IAqBHY,WAAW,EAAE,IAAAC,sBAAA,EAAgB;MACzBT,KAAK,EAAE,cADkB;MAEzBJ,YAAY,EAAE;IAFW,CAAhB;EArBV;AAJc,CAAlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA_PROPS","image","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","group","GROUPS","data","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","textCentered","boolean","BOOLEAN","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","layout","props","numColumns","createNumColumnsType"],"sources":["CardContainer.
|
|
1
|
+
{"version":3,"names":["SEED_DATA_PROPS","image","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","group","GROUPS","data","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","textCentered","boolean","BOOLEAN","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","layout","props","numColumns","createNumColumnsType"],"sources":["CardContainer.js"],"sourcesContent":["import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, createElevationType, createNumColumnsType, } from \"@draftbit/types\";\nconst SEED_DATA_PROPS = {\n image: {\n label: \"Image\",\n description: \"Image\",\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: true,\n group: GROUPS.data,\n },\n title: {\n label: \"Title\",\n description: \"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 group: GROUPS.data,\n },\n leftDescription: {\n label: \"Left description\",\n description: \"Text to display on the left\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n group: GROUPS.data,\n },\n rightDescription: {\n label: \"Right description\",\n description: \"Text to display on the right\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n group: GROUPS.data,\n },\n icon: {\n label: \"Icon\",\n description: \"Icon to display on the top right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.STRING /* OR ASSET TODO TEST ME */,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n aspectRatio: {\n label: \"Aspect ratio\",\n description: \"Aspect ratio of the image\",\n formType: FORM_TYPES.aspectRatio,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 1.5,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n textCentered: {\n label: \"Centered Text\",\n description: \"Whether to center the text\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: false,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n elevation: createElevationType(2),\n};\nexport const SEED_DATA = [\n {\n name: \"Medium Card\",\n tag: \"CardContainer\",\n description: \"An elevated card with a title and description, that takes up half of its container.\",\n category: COMPONENT_TYPES.card,\n layout: null,\n props: {\n ...SEED_DATA_PROPS,\n numColumns: createNumColumnsType({\n defaultValue: 2,\n }),\n },\n },\n {\n name: \"Large Card\",\n tag: \"CardContainer\",\n description: \"An elevated card with a title and description, that takes up its full container.\",\n category: COMPONENT_TYPES.card,\n layout: null,\n props: {\n ...SEED_DATA_PROPS,\n numColumns: createNumColumnsType({\n defaultValue: 3,\n }),\n },\n },\n];\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"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","createBoolProp","visible","data","presentationStyle"],"sources":["Modal.
|
|
1
|
+
{"version":3,"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","createBoolProp","visible","data","presentationStyle"],"sources":["Modal.js"],"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"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,OADe;EAErBC,GAAG,EAAE,OAFgB;EAGrBC,WAAW,EAAE,yBAHQ;EAIrBC,QAAQ,EAAEC,sBAAA,CAAgBC,SAJL;EAKrBC,KAAK,EAAE;IACHC,aAAa,EAAE;MACXC,KAAK,EAAEC,aAAA,CAAOC,KADH;MAEXC,KAAK,EAAE,gBAFI;MAGXT,WAAW,EAAE,gBAHF;MAIXU,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkB,MAAlB,CAJE;MAKXC,QAAQ,EAAE,IALC;MAMXC,QAAQ,EAAE,KANC;MAOXC,QAAQ,EAAEC,iBAAA,CAAWC,SAPV;MAQXC,QAAQ,EAAEC,iBAAA,CAAWC,MARV;MASXC,YAAY,EAAE;IATH,CADZ;IAYHC,WAAW,EAAE,IAAAC,qBAAA,EAAe;MACxBf,KAAK,EAAEC,aAAA,CAAOC,KADU;MAExBC,KAAK,EAAE,aAFiB;MAGxBT,WAAW,EAAE;IAHW,CAAf,CAZV;IAiBHsB,OAAO,EAAE,IAAAD,qBAAA,EAAe;MACpBf,KAAK,EAAEC,aAAA,CAAOgB,IADM;MAEpBd,KAAK,EAAE,SAFa;MAGpBT,WAAW,EAAE;IAHO,CAAf,CAjBN;IAsBHwB,iBAAiB,EAAE;MACflB,KAAK,EAAEC,aAAA,CAAOC,KADC;MAEfC,KAAK,EAAE,oBAFQ;MAGfT,WAAW,EAAE,oBAHE;MAIfU,OAAO,EAAE,CAAC,YAAD,EAAe,WAAf,EAA4B,WAA5B,EAAyC,gBAAzC,CAJM;MAKfC,QAAQ,EAAE,IALK;MAMfC,QAAQ,EAAE,KANK;MAOfC,QAAQ,EAAEC,iBAAA,CAAWC,SAPN;MAQfC,QAAQ,EAAEC,iBAAA,CAAWC,MARN;MASfC,YAAY,EAAE;IATC;EAtBhB;AALc,CAAlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","createDirectionProp","fieldName","createFieldNameProp","handlerPropName","valuePropName","defaultValue"],"sources":["RadioButtonGroup.
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","createDirectionProp","fieldName","createFieldNameProp","handlerPropName","valuePropName","defaultValue"],"sources":["RadioButtonGroup.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n createFieldNameProp,\n createDirectionProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Radio Button Group\",\n tag: \"RadioButtonGroup\",\n category: COMPONENT_TYPES.input,\n layout: {},\n triggers: [Triggers.OnValueChange],\n props: {\n direction: createDirectionProp(),\n fieldName: createFieldNameProp({\n handlerPropName: \"onValueChange\",\n valuePropName: \"value\",\n defaultValue: \"radioButtonGroupValue\",\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,oBADiB;EAEvBC,GAAG,EAAE,kBAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,aAAV,CALa;EAMvBC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,GADN;IAELC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAApB;EAFN;AANgB,CAAlB"}
|
|
@@ -184,6 +184,17 @@ const TEXT_AREA_PROPS = {
|
|
|
184
184
|
defaultValue: null,
|
|
185
185
|
formType: _types.FORM_TYPES.boolean,
|
|
186
186
|
propType: _types.PROP_TYPES.BOOLEAN
|
|
187
|
+
},
|
|
188
|
+
textAlignVertical: {
|
|
189
|
+
group: _types.GROUPS.advanced,
|
|
190
|
+
label: "Aligns text on the vertical axis",
|
|
191
|
+
description: "Move the text around in the given component.",
|
|
192
|
+
options: ["auto", "top", "bottom", "center"],
|
|
193
|
+
editable: true,
|
|
194
|
+
required: false,
|
|
195
|
+
defaultValue: "top",
|
|
196
|
+
formType: _types.FORM_TYPES.flatArray,
|
|
197
|
+
propType: _types.PROP_TYPES.STRING
|
|
187
198
|
}
|
|
188
199
|
};
|
|
189
200
|
const SEED_DATA = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["TEXT_AREA_PROPS","allowFontScaling","group","GROUPS","advanced","label","description","editable","required","defaultValue","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","autoCapitalize","options","flatArray","STRING","autoCorrect","autoFocus","basic","caretHidden","contextMenuHidden","keyboardAppearance","keyboardType","maxLength","min","step","precision","number","NUMBER","placeholder","data","string","placeholderTextColor","color","returnKeyLabel","returnKeyType","secureTextEntry","selectionColor","selectTextOnFocus","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","Triggers","OnChangeText","props","multiline","uncategorized","numberOfLines","fieldName","FIELD_NAME","handlerPropName"],"sources":["TextArea.ts"],"sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n Triggers,\n} from \"@draftbit/types\";\n\nconst TEXT_AREA_PROPS = {\n allowFontScaling: {\n group: GROUPS.advanced,\n label: \"Allow Font Scaling\",\n description:\n \"Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n autoCapitalize: {\n group: GROUPS.advanced,\n label: \"Auto Capitalize\",\n description:\n \"Can automatically capitalize sentences, words, and characters (Default: none).\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\"none\", \"sentences\", \"words\", \"characters\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n autoCorrect: {\n group: GROUPS.advanced,\n label: \"Auto Correct\",\n description: \"Enables auto correction\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n autoFocus: {\n group: GROUPS.basic,\n label: \"Auto Focus\",\n description: \"Focuses the input on load in and brings up the keyboard\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n caretHidden: {\n group: GROUPS.advanced,\n label: \"Hide Caret\",\n description:\n \"Hides the caret(the line small line underneath each showing where you're editing/typing\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n contextMenuHidden: {\n group: GROUPS.advanced,\n label: \"Hide Context Menu\",\n description: \"Hides the system context menu (Default: false)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n editable: {\n group: GROUPS.advanced,\n label: \"Editable\",\n description: \"If false, the text is not editable\",\n editable: true,\n required: false,\n defaultValue: true,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n keyboardAppearance: {\n group: GROUPS.advanced,\n label: \"Keyboard Appearance\",\n description: \"Determines the color of the keyboard.(iOS Only)\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\"default\", \"light\", \"dark\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n keyboardType: {\n group: GROUPS.advanced,\n label: \"Keyboard Type\",\n description: \"Determines what keyboard is given to the user.\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\n \"default\",\n \"email-address\",\n \"numeric\",\n \"phone-pad\",\n \"ascii-capable\",\n \"numbers-and-punctuation\",\n \"url\",\n \"number-pad\",\n \"name-phone-pad\",\n \"decimal-pad\",\n \"twitter\",\n \"web-search\",\n \"visible-password\",\n ],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n maxLength: {\n group: GROUPS.basic,\n label: \"Max Length\",\n description: \"Limits the input to a set number of characters.\",\n editable: true,\n required: false,\n defaultValue: null,\n min: 0,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n placeholder: {\n group: GROUPS.data,\n label: \"Placeholder Text\",\n description: \"The text that is shown on load when no value is available.\",\n editable: true,\n required: false,\n defaultValue: \"Enter a value...\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n },\n placeholderTextColor: {\n group: GROUPS.basic,\n label: \"Placeholder Text Color\",\n description: \"The color of the placeholder text.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.STRING,\n },\n returnKeyLabel: {\n group: GROUPS.advanced,\n label: \"Return Key Label\",\n description:\n \"(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n },\n returnKeyType: {\n group: GROUPS.advanced,\n label: \"Return Key Type\",\n description: \"Determines how the return key should look like\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\n \"done\",\n \"go\",\n \"next\",\n \"search\",\n \"send\",\n \"none\",\n \"previous\",\n \"default\",\n \"emergency-call\",\n \"google\",\n \"join\",\n \"route\",\n \"yahoo\",\n ],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n secureTextEntry: {\n group: GROUPS.basic,\n label: \"Password Input?\",\n description:\n \"Hides the characters with a *, useful for passwords and other sensitive information.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n selectionColor: {\n group: GROUPS.advanced,\n label: \"Selection Color\",\n description: \"Color of the highlighted portion when selecting.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.STRING,\n },\n selectTextOnFocus: {\n group: GROUPS.advanced,\n label: \"Select Text on Focus\",\n description:\n \"If true, all the text will automatically be selected on focus\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n};\n\nexport const SEED_DATA = {\n name: \"Text Area\",\n tag: \"TextInput\",\n description: \"An input field that allows for multiple lines.\",\n category: COMPONENT_TYPES.input,\n layout: {\n borderLeftWidth: 1,\n borderRightWidth: 1,\n borderTopWidth: 1,\n borderBottomWidth: 1,\n borderColor: \"divider\",\n paddingLeft: 8,\n paddingRight: 8,\n paddingTop: 8,\n paddingBottom: 8,\n borderRadius: 8,\n },\n triggers: [Triggers.OnChangeText],\n props: {\n ...TEXT_AREA_PROPS,\n placeholder: {\n ...TEXT_AREA_PROPS.placeholder,\n defaultValue:\n \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n },\n multiline: {\n label: \"Multiline\",\n description: \"Multiline\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: true,\n required: false,\n },\n numberOfLines: {\n label: \"Number Of Lines\",\n description: \"Number Of Lines\",\n group: GROUPS.basic,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 4,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n defaultValue: \"textInputValue\",\n handlerPropName: \"onChangeText\",\n },\n },\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["TEXT_AREA_PROPS","allowFontScaling","group","GROUPS","advanced","label","description","editable","required","defaultValue","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","autoCapitalize","options","flatArray","STRING","autoCorrect","autoFocus","basic","caretHidden","contextMenuHidden","keyboardAppearance","keyboardType","maxLength","min","step","precision","number","NUMBER","placeholder","data","string","placeholderTextColor","color","returnKeyLabel","returnKeyType","secureTextEntry","selectionColor","selectTextOnFocus","textAlignVertical","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","Triggers","OnChangeText","props","multiline","uncategorized","numberOfLines","fieldName","FIELD_NAME","handlerPropName"],"sources":["TextArea.ts"],"sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n Triggers,\n} from \"@draftbit/types\";\n\nconst TEXT_AREA_PROPS = {\n allowFontScaling: {\n group: GROUPS.advanced,\n label: \"Allow Font Scaling\",\n description:\n \"Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n autoCapitalize: {\n group: GROUPS.advanced,\n label: \"Auto Capitalize\",\n description:\n \"Can automatically capitalize sentences, words, and characters (Default: none).\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\"none\", \"sentences\", \"words\", \"characters\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n autoCorrect: {\n group: GROUPS.advanced,\n label: \"Auto Correct\",\n description: \"Enables auto correction\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n autoFocus: {\n group: GROUPS.basic,\n label: \"Auto Focus\",\n description: \"Focuses the input on load in and brings up the keyboard\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n caretHidden: {\n group: GROUPS.advanced,\n label: \"Hide Caret\",\n description:\n \"Hides the caret(the line small line underneath each showing where you're editing/typing\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n contextMenuHidden: {\n group: GROUPS.advanced,\n label: \"Hide Context Menu\",\n description: \"Hides the system context menu (Default: false)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n editable: {\n group: GROUPS.advanced,\n label: \"Editable\",\n description: \"If false, the text is not editable\",\n editable: true,\n required: false,\n defaultValue: true,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n keyboardAppearance: {\n group: GROUPS.advanced,\n label: \"Keyboard Appearance\",\n description: \"Determines the color of the keyboard.(iOS Only)\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\"default\", \"light\", \"dark\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n keyboardType: {\n group: GROUPS.advanced,\n label: \"Keyboard Type\",\n description: \"Determines what keyboard is given to the user.\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\n \"default\",\n \"email-address\",\n \"numeric\",\n \"phone-pad\",\n \"ascii-capable\",\n \"numbers-and-punctuation\",\n \"url\",\n \"number-pad\",\n \"name-phone-pad\",\n \"decimal-pad\",\n \"twitter\",\n \"web-search\",\n \"visible-password\",\n ],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n maxLength: {\n group: GROUPS.basic,\n label: \"Max Length\",\n description: \"Limits the input to a set number of characters.\",\n editable: true,\n required: false,\n defaultValue: null,\n min: 0,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n placeholder: {\n group: GROUPS.data,\n label: \"Placeholder Text\",\n description: \"The text that is shown on load when no value is available.\",\n editable: true,\n required: false,\n defaultValue: \"Enter a value...\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n },\n placeholderTextColor: {\n group: GROUPS.basic,\n label: \"Placeholder Text Color\",\n description: \"The color of the placeholder text.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.STRING,\n },\n returnKeyLabel: {\n group: GROUPS.advanced,\n label: \"Return Key Label\",\n description:\n \"(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n },\n returnKeyType: {\n group: GROUPS.advanced,\n label: \"Return Key Type\",\n description: \"Determines how the return key should look like\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\n \"done\",\n \"go\",\n \"next\",\n \"search\",\n \"send\",\n \"none\",\n \"previous\",\n \"default\",\n \"emergency-call\",\n \"google\",\n \"join\",\n \"route\",\n \"yahoo\",\n ],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n secureTextEntry: {\n group: GROUPS.basic,\n label: \"Password Input?\",\n description:\n \"Hides the characters with a *, useful for passwords and other sensitive information.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n selectionColor: {\n group: GROUPS.advanced,\n label: \"Selection Color\",\n description: \"Color of the highlighted portion when selecting.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.STRING,\n },\n selectTextOnFocus: {\n group: GROUPS.advanced,\n label: \"Select Text on Focus\",\n description:\n \"If true, all the text will automatically be selected on focus\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n textAlignVertical: {\n group: GROUPS.advanced,\n label: \"Aligns text on the vertical axis\",\n description: \"Move the text around in the given component.\",\n options: [\"auto\", \"top\", \"bottom\", \"center\"],\n editable: true,\n required: false,\n defaultValue: \"top\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n};\n\nexport const SEED_DATA = {\n name: \"Text Area\",\n tag: \"TextInput\",\n description: \"An input field that allows for multiple lines.\",\n category: COMPONENT_TYPES.input,\n layout: {\n borderLeftWidth: 1,\n borderRightWidth: 1,\n borderTopWidth: 1,\n borderBottomWidth: 1,\n borderColor: \"divider\",\n paddingLeft: 8,\n paddingRight: 8,\n paddingTop: 8,\n paddingBottom: 8,\n borderRadius: 8,\n },\n triggers: [Triggers.OnChangeText],\n props: {\n ...TEXT_AREA_PROPS,\n placeholder: {\n ...TEXT_AREA_PROPS.placeholder,\n defaultValue:\n \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n },\n multiline: {\n label: \"Multiline\",\n description: \"Multiline\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: true,\n required: false,\n },\n numberOfLines: {\n label: \"Number Of Lines\",\n description: \"Number Of Lines\",\n group: GROUPS.basic,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 4,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n defaultValue: \"textInputValue\",\n handlerPropName: \"onChangeText\",\n },\n },\n};\n"],"mappings":"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"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
1
3
|
import * as React from "react";
|
|
2
4
|
import { View } from "react-native";
|
|
3
5
|
import Touchable from "./Touchable";
|
|
@@ -23,10 +25,9 @@ const AvatarEdit = _ref => {
|
|
|
23
25
|
width: size,
|
|
24
26
|
height: size
|
|
25
27
|
};
|
|
26
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
27
|
-
style: [style, dimensions]
|
|
28
|
-
|
|
29
|
-
}, /*#__PURE__*/React.createElement(Touchable, {
|
|
28
|
+
return /*#__PURE__*/React.createElement(View, _extends({
|
|
29
|
+
style: [style, dimensions]
|
|
30
|
+
}, rest), /*#__PURE__*/React.createElement(Touchable, {
|
|
30
31
|
onPress: onPress
|
|
31
32
|
}, /*#__PURE__*/React.createElement(CircleImage, {
|
|
32
33
|
source: image,
|
|
@@ -48,17 +49,5 @@ const AvatarEdit = _ref => {
|
|
|
48
49
|
}))));
|
|
49
50
|
};
|
|
50
51
|
|
|
51
|
-
export default withTheme(AvatarEdit);
|
|
52
|
-
//# sourceMappingURL=AvatarEdit.js.mapolor: colorStyles.editBackgroundColor,
|
|
53
|
-
borderRadius: size * (3 / 16),
|
|
54
|
-
padding: size * (3 / 32)
|
|
55
|
-
}
|
|
56
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
57
|
-
name: "MaterialIcons/edit",
|
|
58
|
-
color: colorStyles.editIconColor,
|
|
59
|
-
size: size * (3 / 16)
|
|
60
|
-
}))));
|
|
61
|
-
};
|
|
62
|
-
|
|
63
52
|
export default withTheme(AvatarEdit);
|
|
64
53
|
//# sourceMappingURL=AvatarEdit.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Touchable","CircleImage","withTheme","AvatarEdit","Icon","image","size","onPress","style","theme","rest","colorStyles","editBackgroundColor","colors","primary","editIconColor","surface","editBorderColor","dimensions","width","height","
|
|
1
|
+
{"version":3,"names":["React","View","Touchable","CircleImage","withTheme","AvatarEdit","Icon","image","size","onPress","style","theme","rest","colorStyles","editBackgroundColor","colors","primary","editIconColor","surface","editBorderColor","dimensions","width","height","position","top","right","borderColor","backgroundColor","borderRadius","padding"],"sources":["AvatarEdit.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport Touchable from \"./Touchable\";\nimport CircleImage from \"./CircleImage\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n image: string | ImageSourcePropType;\n size?: number;\n onPress?: () => void;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst AvatarEdit: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n image,\n size = 80,\n onPress = () => {},\n style,\n theme,\n ...rest\n}) => {\n const colorStyles = {\n editBackgroundColor: theme.colors.primary,\n editIconColor: theme.colors.surface,\n editBorderColor: theme.colors.surface,\n };\n\n const dimensions = {\n width: size,\n height: size,\n };\n\n return (\n <View style={[style, dimensions]} {...rest}>\n <Touchable onPress={onPress}>\n <CircleImage source={image} size={size} />\n <View\n style={{\n position: \"absolute\",\n top: -3,\n right: -3,\n borderColor: colorStyles.editBorderColor,\n backgroundColor: colorStyles.editBackgroundColor,\n borderRadius: size * (3 / 16),\n padding: size * (3 / 32),\n }}\n >\n <Icon\n name=\"MaterialIcons/edit\"\n color={colorStyles.editIconColor}\n size={size * (3 / 16)}\n />\n </View>\n </Touchable>\n </View>\n );\n};\n\nexport default withTheme(AvatarEdit);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAgE,cAAhE;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAaA,MAAMC,UAAoD,GAAG,QAQvD;EAAA,IARwD;IAC5DC,IAD4D;IAE5DC,KAF4D;IAG5DC,IAAI,GAAG,EAHqD;IAI5DC,OAAO,GAAG,MAAM,CAAE,CAJ0C;IAK5DC,KAL4D;IAM5DC,KAN4D;IAO5D,GAAGC;EAPyD,CAQxD;EACJ,MAAMC,WAAW,GAAG;IAClBC,mBAAmB,EAAEH,KAAK,CAACI,MAAN,CAAaC,OADhB;IAElBC,aAAa,EAAEN,KAAK,CAACI,MAAN,CAAaG,OAFV;IAGlBC,eAAe,EAAER,KAAK,CAACI,MAAN,CAAaG;EAHZ,CAApB;EAMA,MAAME,UAAU,GAAG;IACjBC,KAAK,EAAEb,IADU;IAEjBc,MAAM,EAAEd;EAFS,CAAnB;EAKA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACE,KAAD,EAAQU,UAAR;EAAb,GAAsCR,IAAtC,gBACE,oBAAC,SAAD;IAAW,OAAO,EAAEH;EAApB,gBACE,oBAAC,WAAD;IAAa,MAAM,EAAEF,KAArB;IAA4B,IAAI,EAAEC;EAAlC,EADF,eAEE,oBAAC,IAAD;IACE,KAAK,EAAE;MACLe,QAAQ,EAAE,UADL;MAELC,GAAG,EAAE,CAAC,CAFD;MAGLC,KAAK,EAAE,CAAC,CAHH;MAILC,WAAW,EAAEb,WAAW,CAACM,eAJpB;MAKLQ,eAAe,EAAEd,WAAW,CAACC,mBALxB;MAMLc,YAAY,EAAEpB,IAAI,IAAI,IAAI,EAAR,CANb;MAOLqB,OAAO,EAAErB,IAAI,IAAI,IAAI,EAAR;IAPR;EADT,gBAWE,oBAAC,IAAD;IACE,IAAI,EAAC,oBADP;IAEE,KAAK,EAAEK,WAAW,CAACI,aAFrB;IAGE,IAAI,EAAET,IAAI,IAAI,IAAI,EAAR;EAHZ,EAXF,CAFF,CADF,CADF;AAwBD,CA5CD;;AA8CA,eAAeJ,SAAS,CAACC,UAAD,CAAxB"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
1
3
|
import React from "react";
|
|
2
4
|
import { View, Text } from "react-native";
|
|
3
5
|
import Image from "./Image";
|
|
@@ -45,12 +47,11 @@ const CardBlock = _ref => {
|
|
|
45
47
|
const rightDescriptionStyles = [typography.subtitle2, {
|
|
46
48
|
color: colors.light
|
|
47
49
|
}];
|
|
48
|
-
return /*#__PURE__*/React.createElement(Card, {
|
|
50
|
+
return /*#__PURE__*/React.createElement(Card, _extends({
|
|
49
51
|
style: style,
|
|
50
52
|
onPress: onPress,
|
|
51
|
-
numColumns: numColumns
|
|
52
|
-
|
|
53
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
53
|
+
numColumns: numColumns
|
|
54
|
+
}, rest), /*#__PURE__*/React.createElement(View, {
|
|
54
55
|
style: {
|
|
55
56
|
backgroundColor: colors.background
|
|
56
57
|
}
|
|
@@ -100,16 +101,5 @@ const CardBlock = _ref => {
|
|
|
100
101
|
}, rightDescription) : null) : null));
|
|
101
102
|
};
|
|
102
103
|
|
|
103
|
-
export default withTheme(CardBlock);
|
|
104
|
-
//# sourceMappingURL=CardBlock.js.map numberOfLines: 1,
|
|
105
|
-
style: [typography.body2, {
|
|
106
|
-
color: colors.medium
|
|
107
|
-
}]
|
|
108
|
-
}, leftDescription), rightDescription ? /*#__PURE__*/React.createElement(Text, {
|
|
109
|
-
numberOfLines: 1,
|
|
110
|
-
style: rightDescriptionStyles
|
|
111
|
-
}, rightDescription) : null) : null));
|
|
112
|
-
};
|
|
113
|
-
|
|
114
104
|
export default withTheme(CardBlock);
|
|
115
105
|
//# sourceMappingURL=CardBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","Image","Card","Elevation","withTheme","Config","CardBlock","image","cardImageUrl","title","leftDescription","rightDescription","titleCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleJustification","titleStyle","button","headline6","headline5","rightDescriptionStyles","subtitle2","color","light","
|
|
1
|
+
{"version":3,"names":["React","View","Text","Image","Card","Elevation","withTheme","Config","CardBlock","image","cardImageUrl","title","leftDescription","rightDescription","titleCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleJustification","titleStyle","button","headline6","headline5","rightDescriptionStyles","subtitle2","color","light","backgroundColor","background","borderRadius","uri","flexDirection","alignItems","justifyContent","marginTop","strong","body2","medium"],"sources":["CardBlock.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n ImageSourcePropType,\n View,\n Text,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\nimport { justificationType } from \"./Justification\";\n\ntype Props = {\n image?: string | ImageSourcePropType;\n title?: string;\n leftDescription?: string;\n rightDescription?: string;\n titleCentered: boolean;\n aspectRatio?: number;\n elevation?: number;\n numColumns?: number;\n theme: typeof theme;\n style?: StyleProp<ViewStyle>;\n onPress: () => void;\n};\n\nconst CardBlock: React.FC<React.PropsWithChildren<Props>> = ({\n image = Config.cardImageUrl,\n title,\n leftDescription,\n rightDescription,\n titleCentered,\n aspectRatio = 1.5,\n elevation = 2,\n numColumns = 3,\n theme: { colors, roundness, typography },\n style,\n onPress,\n ...rest\n}) => {\n let titleJustification: justificationType;\n\n let titleStyle;\n if (titleCentered && !leftDescription && !rightDescription) {\n titleJustification = \"center\";\n } else {\n titleJustification = \"space-between\";\n }\n\n if (numColumns === 1) {\n titleStyle = typography.button;\n } else if (numColumns === 2) {\n titleStyle = typography.headline6;\n } else {\n titleStyle = typography.headline5;\n }\n\n const rightDescriptionStyles = [\n typography.subtitle2,\n { color: colors.light },\n ];\n\n return (\n <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n <View style={{ backgroundColor: colors.background }}>\n <Elevation style={{ elevation, borderRadius: roundness }}>\n <Image\n style={{\n borderRadius: roundness,\n aspectRatio,\n }}\n source={typeof image === \"string\" ? { uri: image } : image}\n resizeMode=\"cover\"\n />\n </Elevation>\n {title ? (\n <View\n style={{\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: titleJustification,\n marginTop: numColumns === 3 ? 16 : 12,\n }}\n >\n <Text\n numberOfLines={1}\n style={[titleStyle, { color: colors.strong }]}\n >\n {title}\n </Text>\n {!leftDescription && rightDescription ? (\n <Text style={rightDescriptionStyles}>{rightDescription}</Text>\n ) : null}\n </View>\n ) : null}\n {leftDescription ? (\n <View\n style={{\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n marginTop: numColumns === 3 ? 4 : 4 / 2,\n }}\n >\n <Text\n numberOfLines={1}\n style={[typography.body2, { color: colors.medium }]}\n >\n {leftDescription}\n </Text>\n {rightDescription ? (\n <Text numberOfLines={1} style={rightDescriptionStyles}>\n {rightDescription}\n </Text>\n ) : null}\n </View>\n ) : null}\n </View>\n </Card>\n );\n};\n\nexport default withTheme(CardBlock);\n"],"mappings":"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"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
1
3
|
import * as React from "react";
|
|
2
4
|
import { StyleSheet, View, Platform } from "react-native";
|
|
3
5
|
import { isString } from "lodash";
|
|
@@ -6,7 +8,7 @@ import { usePrevious } from "../../hooks";
|
|
|
6
8
|
import Text from "../Text";
|
|
7
9
|
import Touchable from "../Touchable";
|
|
8
10
|
import Checkbox from "./Checkbox";
|
|
9
|
-
export
|
|
11
|
+
export let Direction;
|
|
10
12
|
|
|
11
13
|
(function (Direction) {
|
|
12
14
|
Direction["Row"] = "row";
|
|
@@ -78,14 +80,13 @@ const CheckboxRow = _ref => {
|
|
|
78
80
|
textStyles,
|
|
79
81
|
viewStyles
|
|
80
82
|
} = extractStyles(style);
|
|
81
|
-
return /*#__PURE__*/React.createElement(Touchable, {
|
|
83
|
+
return /*#__PURE__*/React.createElement(Touchable, _extends({
|
|
82
84
|
onPress: handlePress,
|
|
83
85
|
style: [viewStyles, styles.mainParent, {
|
|
84
86
|
flexDirection: direction
|
|
85
87
|
}],
|
|
86
|
-
disabled: disabled
|
|
87
|
-
|
|
88
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
88
|
+
disabled: disabled
|
|
89
|
+
}, rest), /*#__PURE__*/React.createElement(View, {
|
|
89
90
|
style: [styles.label, {
|
|
90
91
|
alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
|
|
91
92
|
}, labelContainerStyle]
|
|
@@ -123,22 +124,4 @@ const styles = StyleSheet.create({
|
|
|
123
124
|
}
|
|
124
125
|
});
|
|
125
126
|
export default CheckboxRow;
|
|
126
|
-
//# sourceMappingURL=CheckboxRow.js.maptems: "center",
|
|
127
|
-
justifyContent: "space-around",
|
|
128
|
-
paddingStart: 20,
|
|
129
|
-
minHeight: 50,
|
|
130
|
-
paddingEnd: 20,
|
|
131
|
-
display: "flex",
|
|
132
|
-
...Platform.select({
|
|
133
|
-
web: {
|
|
134
|
-
cursor: "pointer",
|
|
135
|
-
userSelect: "none"
|
|
136
|
-
}
|
|
137
|
-
})
|
|
138
|
-
},
|
|
139
|
-
label: {
|
|
140
|
-
flex: 3
|
|
141
|
-
}
|
|
142
|
-
});
|
|
143
|
-
export default CheckboxRow;
|
|
144
127
|
//# sourceMappingURL=CheckboxRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","Platform","isString","extractStyles","usePrevious","Text","Touchable","Checkbox","Direction","renderLabel","value","labelStyle","textStyle","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","Platform","isString","extractStyles","usePrevious","Text","Touchable","Checkbox","Direction","renderLabel","value","labelStyle","textStyle","CheckboxRow","label","labelContainerStyle","checkboxStyle","direction","Row","Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style","rest","internalValue","setInternalValue","useState","useEffect","previousDefaultValue","Boolean","handlePress","newValue","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","create","justifyContent","paddingStart","minHeight","paddingEnd","display","select","web","cursor","userSelect","flex"],"sources":["CheckboxRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n StyleProp,\n ViewStyle,\n StyleSheet,\n TextStyle,\n View,\n Platform,\n} from \"react-native\";\nimport { isString } from \"lodash\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { extractStyles } from \"../../utilities\";\nimport { usePrevious } from \"../../hooks\";\nimport Text from \"../Text\";\nimport Touchable from \"../Touchable\";\nimport Checkbox, { CheckboxProps } from \"./Checkbox\";\n\nexport enum Direction {\n Row = \"row\",\n RowReverse = \"row-reverse\",\n}\n\nexport interface CheckboxRowProps extends CheckboxProps {\n label: string | React.ReactNode;\n labelStyle?: StyleProp<TextStyle>;\n labelContainerStyle: StyleProp<ViewStyle>;\n checkboxStyle?: StyleProp<ViewStyle>;\n direction?: Direction;\n}\n\nconst renderLabel = (\n value: string | React.ReactNode,\n labelStyle: StyleProp<TextStyle>,\n textStyle: StyleProp<TextStyle>\n) => {\n if (isString(value)) {\n return <Text style={[textStyle, labelStyle]}>{value}</Text>;\n } else {\n return <>{value}</>;\n }\n};\n\nconst CheckboxRow: React.FC<CheckboxRowProps & IconSlot> = ({\n label = \"Label\",\n labelStyle,\n labelContainerStyle,\n checkboxStyle,\n direction = Direction.Row,\n Icon,\n status,\n disabled = false,\n onPress,\n onCheck,\n onUncheck,\n color,\n uncheckedColor,\n defaultValue,\n checkedIcon,\n uncheckedIcon,\n size,\n style,\n ...rest\n}) => {\n const [internalValue, setInternalValue] = React.useState<boolean>(\n status || defaultValue || false\n );\n\n React.useEffect(() => {\n if (status != null) {\n setInternalValue(status);\n }\n }, [status]);\n\n // This special logic is to handle weird APIs like Airtable that return\n // true or undefined for a boolean\n const previousDefaultValue = usePrevious(defaultValue) as boolean | undefined;\n\n React.useEffect(() => {\n if (defaultValue !== previousDefaultValue) {\n setInternalValue(Boolean(defaultValue));\n }\n }, [defaultValue, previousDefaultValue]);\n\n const handlePress = () => {\n const newValue = !internalValue;\n\n setInternalValue(newValue);\n onPress?.(newValue);\n\n if (newValue) {\n onCheck?.();\n }\n\n if (!newValue) {\n onUncheck?.();\n }\n };\n\n const { textStyles, viewStyles } = extractStyles(style);\n\n return (\n <Touchable\n onPress={handlePress}\n style={[viewStyles, styles.mainParent, { flexDirection: direction }]}\n disabled={disabled}\n {...rest}\n >\n <View\n style={[\n styles.label,\n {\n alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n },\n labelContainerStyle,\n ]}\n >\n {renderLabel(label, textStyles, labelStyle)}\n </View>\n\n <Checkbox\n Icon={Icon}\n status={internalValue}\n style={checkboxStyle}\n disabled={disabled}\n onPress={handlePress}\n color={color}\n uncheckedColor={uncheckedColor}\n checkedIcon={checkedIcon}\n uncheckedIcon={uncheckedIcon}\n size={size}\n />\n </Touchable>\n );\n};\n\nconst styles = StyleSheet.create({\n mainParent: {\n alignItems: \"center\",\n justifyContent: \"space-around\",\n paddingStart: 20,\n minHeight: 50,\n paddingEnd: 20,\n display: \"flex\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n label: {\n flex: 3,\n },\n});\n\nexport default CheckboxRow;\n"],"mappings":"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"}
|
|
@@ -176,6 +176,17 @@ const TEXT_AREA_PROPS = {
|
|
|
176
176
|
defaultValue: null,
|
|
177
177
|
formType: FORM_TYPES.boolean,
|
|
178
178
|
propType: PROP_TYPES.BOOLEAN
|
|
179
|
+
},
|
|
180
|
+
textAlignVertical: {
|
|
181
|
+
group: GROUPS.advanced,
|
|
182
|
+
label: "Aligns text on the vertical axis",
|
|
183
|
+
description: "Move the text around in the given component.",
|
|
184
|
+
options: ["auto", "top", "bottom", "center"],
|
|
185
|
+
editable: true,
|
|
186
|
+
required: false,
|
|
187
|
+
defaultValue: "top",
|
|
188
|
+
formType: FORM_TYPES.flatArray,
|
|
189
|
+
propType: PROP_TYPES.STRING
|
|
179
190
|
}
|
|
180
191
|
};
|
|
181
192
|
export const SEED_DATA = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","Triggers","TEXT_AREA_PROPS","allowFontScaling","group","advanced","label","description","editable","required","defaultValue","formType","boolean","propType","BOOLEAN","autoCapitalize","options","flatArray","STRING","autoCorrect","autoFocus","basic","caretHidden","contextMenuHidden","keyboardAppearance","keyboardType","maxLength","min","step","precision","number","NUMBER","placeholder","data","string","placeholderTextColor","color","returnKeyLabel","returnKeyType","secureTextEntry","selectionColor","selectTextOnFocus","SEED_DATA","name","tag","category","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","OnChangeText","props","multiline","uncategorized","numberOfLines","fieldName","handlerPropName"],"sources":["TextArea.ts"],"sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n Triggers,\n} from \"@draftbit/types\";\n\nconst TEXT_AREA_PROPS = {\n allowFontScaling: {\n group: GROUPS.advanced,\n label: \"Allow Font Scaling\",\n description:\n \"Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n autoCapitalize: {\n group: GROUPS.advanced,\n label: \"Auto Capitalize\",\n description:\n \"Can automatically capitalize sentences, words, and characters (Default: none).\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\"none\", \"sentences\", \"words\", \"characters\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n autoCorrect: {\n group: GROUPS.advanced,\n label: \"Auto Correct\",\n description: \"Enables auto correction\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n autoFocus: {\n group: GROUPS.basic,\n label: \"Auto Focus\",\n description: \"Focuses the input on load in and brings up the keyboard\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n caretHidden: {\n group: GROUPS.advanced,\n label: \"Hide Caret\",\n description:\n \"Hides the caret(the line small line underneath each showing where you're editing/typing\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n contextMenuHidden: {\n group: GROUPS.advanced,\n label: \"Hide Context Menu\",\n description: \"Hides the system context menu (Default: false)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n editable: {\n group: GROUPS.advanced,\n label: \"Editable\",\n description: \"If false, the text is not editable\",\n editable: true,\n required: false,\n defaultValue: true,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n keyboardAppearance: {\n group: GROUPS.advanced,\n label: \"Keyboard Appearance\",\n description: \"Determines the color of the keyboard.(iOS Only)\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\"default\", \"light\", \"dark\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n keyboardType: {\n group: GROUPS.advanced,\n label: \"Keyboard Type\",\n description: \"Determines what keyboard is given to the user.\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\n \"default\",\n \"email-address\",\n \"numeric\",\n \"phone-pad\",\n \"ascii-capable\",\n \"numbers-and-punctuation\",\n \"url\",\n \"number-pad\",\n \"name-phone-pad\",\n \"decimal-pad\",\n \"twitter\",\n \"web-search\",\n \"visible-password\",\n ],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n maxLength: {\n group: GROUPS.basic,\n label: \"Max Length\",\n description: \"Limits the input to a set number of characters.\",\n editable: true,\n required: false,\n defaultValue: null,\n min: 0,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n placeholder: {\n group: GROUPS.data,\n label: \"Placeholder Text\",\n description: \"The text that is shown on load when no value is available.\",\n editable: true,\n required: false,\n defaultValue: \"Enter a value...\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n },\n placeholderTextColor: {\n group: GROUPS.basic,\n label: \"Placeholder Text Color\",\n description: \"The color of the placeholder text.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.STRING,\n },\n returnKeyLabel: {\n group: GROUPS.advanced,\n label: \"Return Key Label\",\n description:\n \"(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n },\n returnKeyType: {\n group: GROUPS.advanced,\n label: \"Return Key Type\",\n description: \"Determines how the return key should look like\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\n \"done\",\n \"go\",\n \"next\",\n \"search\",\n \"send\",\n \"none\",\n \"previous\",\n \"default\",\n \"emergency-call\",\n \"google\",\n \"join\",\n \"route\",\n \"yahoo\",\n ],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n secureTextEntry: {\n group: GROUPS.basic,\n label: \"Password Input?\",\n description:\n \"Hides the characters with a *, useful for passwords and other sensitive information.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n selectionColor: {\n group: GROUPS.advanced,\n label: \"Selection Color\",\n description: \"Color of the highlighted portion when selecting.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.STRING,\n },\n selectTextOnFocus: {\n group: GROUPS.advanced,\n label: \"Select Text on Focus\",\n description:\n \"If true, all the text will automatically be selected on focus\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n};\n\nexport const SEED_DATA = {\n name: \"Text Area\",\n tag: \"TextInput\",\n description: \"An input field that allows for multiple lines.\",\n category: COMPONENT_TYPES.input,\n layout: {\n borderLeftWidth: 1,\n borderRightWidth: 1,\n borderTopWidth: 1,\n borderBottomWidth: 1,\n borderColor: \"divider\",\n paddingLeft: 8,\n paddingRight: 8,\n paddingTop: 8,\n paddingBottom: 8,\n borderRadius: 8,\n },\n triggers: [Triggers.OnChangeText],\n props: {\n ...TEXT_AREA_PROPS,\n placeholder: {\n ...TEXT_AREA_PROPS.placeholder,\n defaultValue:\n \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n },\n multiline: {\n label: \"Multiline\",\n description: \"Multiline\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: true,\n required: false,\n },\n numberOfLines: {\n label: \"Number Of Lines\",\n description: \"Number Of Lines\",\n group: GROUPS.basic,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 4,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n defaultValue: \"textInputValue\",\n handlerPropName: \"onChangeText\",\n },\n },\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","Triggers","TEXT_AREA_PROPS","allowFontScaling","group","advanced","label","description","editable","required","defaultValue","formType","boolean","propType","BOOLEAN","autoCapitalize","options","flatArray","STRING","autoCorrect","autoFocus","basic","caretHidden","contextMenuHidden","keyboardAppearance","keyboardType","maxLength","min","step","precision","number","NUMBER","placeholder","data","string","placeholderTextColor","color","returnKeyLabel","returnKeyType","secureTextEntry","selectionColor","selectTextOnFocus","textAlignVertical","SEED_DATA","name","tag","category","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","OnChangeText","props","multiline","uncategorized","numberOfLines","fieldName","handlerPropName"],"sources":["TextArea.ts"],"sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n Triggers,\n} from \"@draftbit/types\";\n\nconst TEXT_AREA_PROPS = {\n allowFontScaling: {\n group: GROUPS.advanced,\n label: \"Allow Font Scaling\",\n description:\n \"Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n autoCapitalize: {\n group: GROUPS.advanced,\n label: \"Auto Capitalize\",\n description:\n \"Can automatically capitalize sentences, words, and characters (Default: none).\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\"none\", \"sentences\", \"words\", \"characters\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n autoCorrect: {\n group: GROUPS.advanced,\n label: \"Auto Correct\",\n description: \"Enables auto correction\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n autoFocus: {\n group: GROUPS.basic,\n label: \"Auto Focus\",\n description: \"Focuses the input on load in and brings up the keyboard\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n caretHidden: {\n group: GROUPS.advanced,\n label: \"Hide Caret\",\n description:\n \"Hides the caret(the line small line underneath each showing where you're editing/typing\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n contextMenuHidden: {\n group: GROUPS.advanced,\n label: \"Hide Context Menu\",\n description: \"Hides the system context menu (Default: false)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n editable: {\n group: GROUPS.advanced,\n label: \"Editable\",\n description: \"If false, the text is not editable\",\n editable: true,\n required: false,\n defaultValue: true,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n keyboardAppearance: {\n group: GROUPS.advanced,\n label: \"Keyboard Appearance\",\n description: \"Determines the color of the keyboard.(iOS Only)\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\"default\", \"light\", \"dark\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n keyboardType: {\n group: GROUPS.advanced,\n label: \"Keyboard Type\",\n description: \"Determines what keyboard is given to the user.\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\n \"default\",\n \"email-address\",\n \"numeric\",\n \"phone-pad\",\n \"ascii-capable\",\n \"numbers-and-punctuation\",\n \"url\",\n \"number-pad\",\n \"name-phone-pad\",\n \"decimal-pad\",\n \"twitter\",\n \"web-search\",\n \"visible-password\",\n ],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n maxLength: {\n group: GROUPS.basic,\n label: \"Max Length\",\n description: \"Limits the input to a set number of characters.\",\n editable: true,\n required: false,\n defaultValue: null,\n min: 0,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n placeholder: {\n group: GROUPS.data,\n label: \"Placeholder Text\",\n description: \"The text that is shown on load when no value is available.\",\n editable: true,\n required: false,\n defaultValue: \"Enter a value...\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n },\n placeholderTextColor: {\n group: GROUPS.basic,\n label: \"Placeholder Text Color\",\n description: \"The color of the placeholder text.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.STRING,\n },\n returnKeyLabel: {\n group: GROUPS.advanced,\n label: \"Return Key Label\",\n description:\n \"(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n },\n returnKeyType: {\n group: GROUPS.advanced,\n label: \"Return Key Type\",\n description: \"Determines how the return key should look like\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\n \"done\",\n \"go\",\n \"next\",\n \"search\",\n \"send\",\n \"none\",\n \"previous\",\n \"default\",\n \"emergency-call\",\n \"google\",\n \"join\",\n \"route\",\n \"yahoo\",\n ],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n secureTextEntry: {\n group: GROUPS.basic,\n label: \"Password Input?\",\n description:\n \"Hides the characters with a *, useful for passwords and other sensitive information.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n selectionColor: {\n group: GROUPS.advanced,\n label: \"Selection Color\",\n description: \"Color of the highlighted portion when selecting.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.STRING,\n },\n selectTextOnFocus: {\n group: GROUPS.advanced,\n label: \"Select Text on Focus\",\n description:\n \"If true, all the text will automatically be selected on focus\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n textAlignVertical: {\n group: GROUPS.advanced,\n label: \"Aligns text on the vertical axis\",\n description: \"Move the text around in the given component.\",\n options: [\"auto\", \"top\", \"bottom\", \"center\"],\n editable: true,\n required: false,\n defaultValue: \"top\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n};\n\nexport const SEED_DATA = {\n name: \"Text Area\",\n tag: \"TextInput\",\n description: \"An input field that allows for multiple lines.\",\n category: COMPONENT_TYPES.input,\n layout: {\n borderLeftWidth: 1,\n borderRightWidth: 1,\n borderTopWidth: 1,\n borderBottomWidth: 1,\n borderColor: \"divider\",\n paddingLeft: 8,\n paddingRight: 8,\n paddingTop: 8,\n paddingBottom: 8,\n borderRadius: 8,\n },\n triggers: [Triggers.OnChangeText],\n props: {\n ...TEXT_AREA_PROPS,\n placeholder: {\n ...TEXT_AREA_PROPS.placeholder,\n defaultValue:\n \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n },\n multiline: {\n label: \"Multiline\",\n description: \"Multiline\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: true,\n required: false,\n },\n numberOfLines: {\n label: \"Number Of Lines\",\n description: \"Number Of Lines\",\n group: GROUPS.basic,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 4,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n defaultValue: \"textInputValue\",\n handlerPropName: \"onChangeText\",\n },\n },\n};\n"],"mappings":"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"}
|
|
@@ -226,5 +226,16 @@ export declare const SEED_DATA: {
|
|
|
226
226
|
formType: string;
|
|
227
227
|
propType: string;
|
|
228
228
|
};
|
|
229
|
+
textAlignVertical: {
|
|
230
|
+
group: string;
|
|
231
|
+
label: string;
|
|
232
|
+
description: string;
|
|
233
|
+
options: string[];
|
|
234
|
+
editable: boolean;
|
|
235
|
+
required: boolean;
|
|
236
|
+
defaultValue: string;
|
|
237
|
+
formType: string;
|
|
238
|
+
propType: string;
|
|
239
|
+
};
|
|
229
240
|
};
|
|
230
241
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.2.1-
|
|
3
|
+
"version": "46.2.1-9f4f1c.3+9f4f1c88",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
]
|
|
80
80
|
]
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "9f4f1c88f04414cc75c37765941c82f481db02e6"
|
|
83
83
|
}
|
package/src/mappings/TextArea.js
CHANGED
|
@@ -205,6 +205,17 @@ const TEXT_AREA_PROPS = {
|
|
|
205
205
|
formType: FORM_TYPES.boolean,
|
|
206
206
|
propType: PROP_TYPES.BOOLEAN,
|
|
207
207
|
},
|
|
208
|
+
textAlignVertical: {
|
|
209
|
+
group: GROUPS.advanced,
|
|
210
|
+
label: "Aligns text on the vertical axis",
|
|
211
|
+
description: "Move the text around in the given component.",
|
|
212
|
+
options: ["auto", "top", "bottom", "center"],
|
|
213
|
+
editable: true,
|
|
214
|
+
required: false,
|
|
215
|
+
defaultValue: "top",
|
|
216
|
+
formType: FORM_TYPES.flatArray,
|
|
217
|
+
propType: PROP_TYPES.STRING,
|
|
218
|
+
},
|
|
208
219
|
};
|
|
209
220
|
export const SEED_DATA = {
|
|
210
221
|
name: "Text Area",
|
package/src/mappings/TextArea.ts
CHANGED
|
@@ -219,6 +219,17 @@ const TEXT_AREA_PROPS = {
|
|
|
219
219
|
formType: FORM_TYPES.boolean,
|
|
220
220
|
propType: PROP_TYPES.BOOLEAN,
|
|
221
221
|
},
|
|
222
|
+
textAlignVertical: {
|
|
223
|
+
group: GROUPS.advanced,
|
|
224
|
+
label: "Aligns text on the vertical axis",
|
|
225
|
+
description: "Move the text around in the given component.",
|
|
226
|
+
options: ["auto", "top", "bottom", "center"],
|
|
227
|
+
editable: true,
|
|
228
|
+
required: false,
|
|
229
|
+
defaultValue: "top",
|
|
230
|
+
formType: FORM_TYPES.flatArray,
|
|
231
|
+
propType: PROP_TYPES.STRING,
|
|
232
|
+
},
|
|
222
233
|
};
|
|
223
234
|
|
|
224
235
|
export const SEED_DATA = {
|