@draftbit/core 42.3.1 → 42.3.2-c31138.5
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/components/LinearGradient.js +126 -0
- package/lib/commonjs/components/LinearGradient.js.map +1 -0
- package/lib/commonjs/index.js +8 -0
- package/lib/commonjs/index.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/commonjs/mappings/TextArea.js +2 -2
- package/lib/commonjs/mappings/TextArea.js.map +1 -1
- package/lib/commonjs/mappings/TextInput.js +70 -72
- package/lib/commonjs/mappings/TextInput.js.map +1 -1
- package/lib/module/components/ActionSheet/ActionSheetCancel.js.map +1 -1
- package/lib/module/components/LinearGradient.js +110 -0
- package/lib/module/components/LinearGradient.js.map +1 -0
- package/lib/module/components/RowHeadlineImageIcon.js.map +1 -1
- package/lib/module/index.js +1 -0
- package/lib/module/index.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/lib/module/mappings/TextArea.js +2 -2
- package/lib/module/mappings/TextArea.js.map +1 -1
- package/lib/module/mappings/TextInput.js +68 -70
- package/lib/module/mappings/TextInput.js.map +1 -1
- package/lib/typescript/src/components/LinearGradient.d.ts +107 -0
- package/lib/typescript/src/index.d.ts +1 -0
- package/package.json +3 -2
- package/src/components/LinearGradient.js +84 -0
- package/src/components/LinearGradient.tsx +119 -0
- package/src/index.js +1 -0
- package/src/index.tsx +1 -0
- package/src/mappings/Modal.js +39 -0
- package/src/mappings/Switch.js +4 -1
- package/src/mappings/TextArea.js +2 -2
- package/src/mappings/TextInput.js +101 -105
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { LinearGradient } from "expo-linear-gradient";
|
|
3
|
+
import { extractStyles } from "../utilities";
|
|
4
|
+
import { createColorProp, FORM_TYPES, GROUPS, PROP_TYPES } from "@draftbit/types";
|
|
5
|
+
|
|
6
|
+
const LinearGradientComp = ({
|
|
7
|
+
children,
|
|
8
|
+
color1,
|
|
9
|
+
color2,
|
|
10
|
+
color3,
|
|
11
|
+
startX = 0,
|
|
12
|
+
startY = 0,
|
|
13
|
+
endX = 100,
|
|
14
|
+
endY = 100,
|
|
15
|
+
style
|
|
16
|
+
}) => {
|
|
17
|
+
const {
|
|
18
|
+
viewStyles
|
|
19
|
+
} = extractStyles(style);
|
|
20
|
+
const colors = [color1, color2, color3].filter(color => !!color);
|
|
21
|
+
const start = {
|
|
22
|
+
x: startX / 100,
|
|
23
|
+
y: startY / 100
|
|
24
|
+
};
|
|
25
|
+
const end = {
|
|
26
|
+
x: endX / 100,
|
|
27
|
+
y: endY / 100
|
|
28
|
+
};
|
|
29
|
+
return /*#__PURE__*/React.createElement(LinearGradient, {
|
|
30
|
+
colors: colors,
|
|
31
|
+
start: start,
|
|
32
|
+
end: end,
|
|
33
|
+
style: viewStyles
|
|
34
|
+
}, children);
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
export default LinearGradientComp;
|
|
38
|
+
export const SEED_DATA = {
|
|
39
|
+
name: "LinearGradient",
|
|
40
|
+
tag: "LinearGradient",
|
|
41
|
+
description: "Linear Gradient Component",
|
|
42
|
+
props: {
|
|
43
|
+
color1: createColorProp({
|
|
44
|
+
label: "Color 1"
|
|
45
|
+
}),
|
|
46
|
+
color2: createColorProp({
|
|
47
|
+
label: "Color 2"
|
|
48
|
+
}),
|
|
49
|
+
color3: createColorProp({
|
|
50
|
+
label: "Color 3"
|
|
51
|
+
}),
|
|
52
|
+
startX: {
|
|
53
|
+
group: GROUPS.basic,
|
|
54
|
+
label: "Start X",
|
|
55
|
+
description: "Start position from Left",
|
|
56
|
+
editable: true,
|
|
57
|
+
required: false,
|
|
58
|
+
defaultValue: 0,
|
|
59
|
+
min: 0,
|
|
60
|
+
max: 100,
|
|
61
|
+
step: 1,
|
|
62
|
+
precision: 0,
|
|
63
|
+
formType: FORM_TYPES.number,
|
|
64
|
+
propType: PROP_TYPES.NUMBER
|
|
65
|
+
},
|
|
66
|
+
startY: {
|
|
67
|
+
group: GROUPS.basic,
|
|
68
|
+
label: "Start Y",
|
|
69
|
+
description: "Start position from Top",
|
|
70
|
+
editable: true,
|
|
71
|
+
required: false,
|
|
72
|
+
defaultValue: 0,
|
|
73
|
+
min: 0,
|
|
74
|
+
max: 100,
|
|
75
|
+
step: 1,
|
|
76
|
+
precision: 0,
|
|
77
|
+
formType: FORM_TYPES.number,
|
|
78
|
+
propType: PROP_TYPES.NUMBER
|
|
79
|
+
},
|
|
80
|
+
endX: {
|
|
81
|
+
group: GROUPS.basic,
|
|
82
|
+
label: "End Y",
|
|
83
|
+
description: "End position from Right",
|
|
84
|
+
editable: true,
|
|
85
|
+
required: false,
|
|
86
|
+
defaultValue: 100,
|
|
87
|
+
min: 0,
|
|
88
|
+
max: 100,
|
|
89
|
+
step: 1,
|
|
90
|
+
precision: 0,
|
|
91
|
+
formType: FORM_TYPES.number,
|
|
92
|
+
propType: PROP_TYPES.NUMBER
|
|
93
|
+
},
|
|
94
|
+
endY: {
|
|
95
|
+
group: GROUPS.basic,
|
|
96
|
+
label: "End Y",
|
|
97
|
+
description: "End position from Bottom",
|
|
98
|
+
editable: true,
|
|
99
|
+
required: false,
|
|
100
|
+
defaultValue: 100,
|
|
101
|
+
min: 0,
|
|
102
|
+
max: 100,
|
|
103
|
+
step: 1,
|
|
104
|
+
precision: 0,
|
|
105
|
+
formType: FORM_TYPES.number,
|
|
106
|
+
propType: PROP_TYPES.NUMBER
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
};
|
|
110
|
+
//# sourceMappingURL=LinearGradient.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["LinearGradient.tsx"],"names":["React","LinearGradient","extractStyles","createColorProp","FORM_TYPES","GROUPS","PROP_TYPES","LinearGradientComp","children","color1","color2","color3","startX","startY","endX","endY","style","viewStyles","colors","filter","color","start","x","y","end","SEED_DATA","name","tag","description","props","label","group","basic","editable","required","defaultValue","min","max","step","precision","formType","number","propType","NUMBER"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport { LinearGradient } from \"expo-linear-gradient\";\nimport { extractStyles } from \"../utilities\";\nimport {\n createColorProp,\n FORM_TYPES,\n GROUPS,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\ntype Props = {\n color1: string;\n color2: string;\n color3: string;\n startX: number;\n startY: number;\n endX: number;\n endY: number;\n children?: any;\n style?: StyleProp<ViewStyle>;\n};\n\nconst LinearGradientComp = ({\n children,\n color1,\n color2,\n color3,\n startX = 0,\n startY = 0,\n endX = 100,\n endY = 100,\n style,\n}: Props) => {\n const { viewStyles } = extractStyles(style);\n const colors = [color1, color2, color3].filter((color: string) => !!color);\n const start = { x: startX / 100, y: startY / 100 };\n const end = { x: endX / 100, y: endY / 100 };\n return (\n <LinearGradient colors={colors} start={start} end={end} style={viewStyles}>\n {children}\n </LinearGradient>\n );\n};\n\nexport default LinearGradientComp;\n\nexport const SEED_DATA = {\n name: \"LinearGradient\",\n tag: \"LinearGradient\",\n description: \"Linear Gradient Component\",\n props: {\n color1: createColorProp({\n label: \"Color 1\",\n }),\n color2: createColorProp({\n label: \"Color 2\",\n }),\n color3: createColorProp({\n label: \"Color 3\",\n }),\n startX: {\n group: GROUPS.basic,\n label: \"Start X\",\n description: \"Start position from Left\",\n editable: true,\n required: false,\n defaultValue: 0,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n startY: {\n group: GROUPS.basic,\n label: \"Start Y\",\n description: \"Start position from Top\",\n editable: true,\n required: false,\n defaultValue: 0,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n endX: {\n group: GROUPS.basic,\n label: \"End Y\",\n description: \"End position from Right\",\n editable: true,\n required: false,\n defaultValue: 100,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n endY: {\n group: GROUPS.basic,\n label: \"End Y\",\n description: \"End position from Bottom\",\n editable: true,\n required: false,\n defaultValue: 100,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["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":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,SACEC,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,eAJF,EAKEC,oBALF,QAMO,iBANP;AAUA,OAAOC,GAAP,MAAgB,OAAhB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAaA,MAAMC,oBAAqC,GAAG,CAAC;AAC7CC,EAAAA,IAD6C;AAE7CC,EAAAA,IAF6C;AAG7CC,EAAAA,KAH6C;AAI7CC,EAAAA,KAJ6C;AAK7CC,EAAAA,QAL6C;AAM7CC,EAAAA,iBAAiB,GAAG,KANyB;AAO7CC,EAAAA,KAP6C;AAQ7CC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV;AARsC,CAAD,KASxC;AACJ,sBACE,oBAAC,GAAD;AACE,IAAA,cAAc,EAAEA,UAAU,CAACC,SAD7B;AAEE,IAAA,UAAU,EAAEF,MAAM,CAACG,MAFrB;AAGE,IAAA,iBAAiB,EAAEF,UAAU,CAACG,KAHhC;AAIE,IAAA,aAAa,EAAEJ,MAAM,CAACK,MAJxB;AAKE,IAAA,KAAK,EAAEX,KALT;AAME,IAAA,QAAQ,EAAEE,QANZ;AAOE,IAAA,iBAAiB,EAAEC,iBAPrB;AAQE,IAAA,KAAK,EAAEF,KART;AASE,IAAA,KAAK,EAAE,mBACL,oBAAC,IAAD;AACE,MAAA,IAAI,EAAEF,IADR;AAEE,MAAA,IAAI,EACFI,iBAAiB,GACbP,MAAM,CAACgB,oBADM,GAEbhB,MAAM,CAACiB,qBALf;AAOE,MAAA,KAAK,EAAEP,MAAM,CAACQ,KAPhB;AAQE,MAAA,KAAK,EAAE;AACLC,QAAAA,UAAU,EAAE,EADP;AAELC,QAAAA,SAAS,EAAEb,iBAAiB,GAAG,YAAH,GAAkB,QAFzC;AAGLc,QAAAA,SAAS,EAAEd,iBAAiB,GAAG,CAAH,GAAO;AAH9B;AART,MAVJ;AAyBE,IAAA,KAAK,EAAEC;AAzBT,IADF;AA6BD,CAvCD;;AAyCA,eAAef,SAAS,CAACQ,oBAAD,CAAxB;AACA,MAAMqB,eAAe,GAAG;AACtBlB,EAAAA,KAAK,EAAER,cAAc,CAAC;AACpB2B,IAAAA,KAAK,EAAE,OADa;AAEpBC,IAAAA,WAAW,EAAE;AAFO,GAAD,CADC;AAKtBrB,EAAAA,IAAI,EAAER,cAAc,CAAC;AACnB8B,IAAAA,YAAY,EAAE;AADK,GAAD;AALE,CAAxB;AAUA,MAAMC,UAAU,GAAG7B,eAAe,EAAlC;AACA,MAAM8B,cAAc,GAAG7B,oBAAoB,CAAC;AAC1C2B,EAAAA,YAAY,EAAE,IAD4B;AAE1CG,EAAAA,QAAQ,EAAE;AAFgC,CAAD,CAA3C;AAIA,MAAMC,aAAa,GAAGjC,cAAc,CAAC;AACnC2B,EAAAA,KAAK,EAAE,UAD4B;AAEnCC,EAAAA,WAAW,EAAE,0BAFsB;AAGnCC,EAAAA,YAAY,EAAE;AAHqB,CAAD,CAApC;AAMA,OAAO,MAAMK,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,+BADR;AAEEC,EAAAA,GAAG,EAAE,sBAFP;AAGER,EAAAA,WAAW,EACT,gEAJJ;AAKES,EAAAA,QAAQ,EAAEvC,eAAe,CAACwC,GAL5B;AAMEC,EAAAA,MAAM,EAAE,EANV;AAOEC,EAAAA,KAAK,EAAE,EACL,GAAGd;AADE;AAPT,CADuB,EAYvB;AACES,EAAAA,IAAI,EAAE,qCADR;AAEEC,EAAAA,GAAG,EAAE,sBAFP;AAGER,EAAAA,WAAW,EACT,0EAJJ;AAKES,EAAAA,QAAQ,EAAEvC,eAAe,CAACwC,GAL5B;AAMEC,EAAAA,MAAM,EAAE,EANV;AAOEC,EAAAA,KAAK,EAAE,EACL,GAAGd,eADE;AAELjB,IAAAA,KAAK,EAAEqB;AAFF;AAPT,CAZuB,EAwBvB;AACEK,EAAAA,IAAI,EAAE,+BADR;AAEEC,EAAAA,GAAG,EAAE,sBAFP;AAGER,EAAAA,WAAW,EACT,kFAJJ;AAKES,EAAAA,QAAQ,EAAEvC,eAAe,CAACwC,GAL5B;AAMEC,EAAAA,MAAM,EAAE,EANV;AAOEC,EAAAA,KAAK,EAAE,EACL,GAAGd,eADE;AAELhB,IAAAA,QAAQ,EAAEuB;AAFL;AAPT,CAxBuB,EAoCvB;AACEE,EAAAA,IAAI,EAAE,qCADR;AAEEC,EAAAA,GAAG,EAAE,sBAFP;AAGER,EAAAA,WAAW,EACT,kFAJJ;AAKES,EAAAA,QAAQ,EAAEvC,eAAe,CAACwC,GAL5B;AAMEC,EAAAA,MAAM,EAAE,EANV;AAOEC,EAAAA,KAAK,EAAE,EACL,GAAGd,eADE;AAELjB,IAAAA,KAAK,EAAEqB,UAFF;AAGLpB,IAAAA,QAAQ,EAAEuB;AAHL;AAPT,CApCuB,EAiDvB;AACEE,EAAAA,IAAI,EAAE,6BADR;AAEEC,EAAAA,GAAG,EAAE,sBAFP;AAGER,EAAAA,WAAW,EACT,4FAJJ;AAKES,EAAAA,QAAQ,EAAEvC,eAAe,CAACwC,GAL5B;AAMEC,EAAAA,MAAM,EAAE,EANV;AAOEC,EAAAA,KAAK,EAAE,EACL,GAAGd,eADE;AAELf,IAAAA,iBAAiB,EAAEoB,cAFd;AAGLrB,IAAAA,QAAQ,EAAEV,cAAc,CAAC;AACvB2B,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE,0BAFU;AAGvBC,MAAAA,YAAY,EACV;AAJqB,KAAD;AAHnB;AAPT,CAjDuB,EAmEvB;AACEM,EAAAA,IAAI,EAAE,mCADR;AAEEC,EAAAA,GAAG,EAAE,sBAFP;AAGER,EAAAA,WAAW,EACT,qGAJJ;AAKES,EAAAA,QAAQ,EAAEvC,eAAe,CAACwC,GAL5B;AAMEC,EAAAA,MAAM,EAAE,EANV;AAOEC,EAAAA,KAAK,EAAE,EACL,GAAGd,eADE;AAELjB,IAAAA,KAAK,EAAEqB,UAFF;AAGLnB,IAAAA,iBAAiB,EAAEoB,cAHd;AAILrB,IAAAA,QAAQ,EAAEV,cAAc,CAAC;AACvB2B,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE,0BAFU;AAGvBC,MAAAA,YAAY,EACV;AAJqB,KAAD;AAJnB;AAPT,CAnEuB,CAAlB","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"]}
|
package/lib/module/index.js
CHANGED
|
@@ -26,6 +26,7 @@ export { default as TextInput } from "./components/TextInput";
|
|
|
26
26
|
export { default as ToggleButton } from "./components/ToggleButton";
|
|
27
27
|
export { default as Touchable } from "./components/Touchable";
|
|
28
28
|
export { AccordionGroup, AccordionItem } from "./components/Accordion";
|
|
29
|
+
export { default as LinearGradient } from "./components/LinearGradient";
|
|
29
30
|
export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/ActionSheet";
|
|
30
31
|
export { Swiper, SwiperItem } from "./components/Swiper";
|
|
31
32
|
export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout";
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","TextInput","ToggleButton","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Button","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AACA,SAASC,SAAT,EAAoBC,aAApB,QAAyC,WAAzC;AACA,SAASC,OAAO,IAAIC,QAApB,QAAoC,YAApC;AACA,SAASD,OAAO,IAAIE,YAApB,QAAwC,uBAAxC;AAEA,SAASC,IAAT,QAAqB,mBAArB;AACA,SAASC,WAAT,EAAsBC,aAAtB,QAA2C,qBAA3C;AACA,SAASL,OAAO,IAAIM,MAApB,QAAkC,0BAAlC;AACA,SAASN,OAAO,IAAIO,UAApB,QAAsC,yBAAtC;AACA,SAASP,OAAO,IAAIQ,IAApB,QAAgC,mBAAhC;AACA,SAASR,OAAO,IAAIS,QAApB,QAAoC,uBAApC;AACA,SAASC,QAAT,EAAmBC,aAAnB,EAAkCC,WAAlC,QAAqD,uBAArD;AACA,SAASZ,OAAO,IAAIa,WAApB,QAAuC,0BAAvC;AACA,SAASb,OAAO,IAAIc,SAApB,QAAqC,wBAArC;AACA,SAASd,OAAO,IAAIe,OAApB,QAAmC,sBAAnC;AACA,SAASf,OAAO,IAAIgB,GAApB,QAA+B,kBAA/B;AACA,SAAShB,OAAO,IAAIiB,kBAApB,QAA8C,iCAA9C;AACA,SAASjB,OAAO,IAAIkB,UAApB,QAAsC,yBAAtC;AACA,SAASlB,OAAO,IAAImB,KAApB,QAAiC,oBAAjC;AACA,SAASnB,OAAO,IAAIoB,WAApB,QAAuC,0BAAvC;AACA,SAASpB,OAAO,IAAIqB,eAApB,QAA2C,8BAA3C;AACA,SAASrB,OAAO,IAAIsB,UAApB,QAAsC,yBAAtC;AACA,SAAStB,OAAO,IAAIuB,OAApB,QAAmC,sBAAnC;AACA,SAASvB,OAAO,IAAIwB,MAApB,EAA4BC,SAA5B,QAA6C,qBAA7C;AACA,SAASzB,OAAO,IAAI0B,SAApB,QAAqC,wBAArC;AACA,SAAS1B,OAAO,IAAI2B,SAApB,QAAqC,wBAArC;AACA,SAAS3B,OAAO,IAAI4B,YAApB,QAAwC,2BAAxC;AACA,SAAS5B,OAAO,IAAI6B,SAApB,QAAqC,wBAArC;AACA,SAASC,cAAT,EAAyBC,aAAzB,QAA8C,wBAA9C;AACA,SACEC,WADF,EAEEC,eAFF,EAGEC,iBAHF,QAIO,0BAJP;AAKA,SAASC,MAAT,EAAiBC,UAAjB,QAAmC,qBAAnC;AAEA,SACEC,MADF,EAEEC,MAFF,EAGEC,MAHF,EAIEC,GAJF,EAKEC,KALF,EAMEC,MANF,QAOO,qBAPP;AASA,SACEC,WADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,qBAJF,QAKO,gCALP;AAOA;;AACA,
|
|
1
|
+
{"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","TextInput","ToggleButton","Touchable","AccordionGroup","AccordionItem","LinearGradient","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Button","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState"],"mappings":"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","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as TextInput } from \"./components/TextInput\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport { default as LinearGradient } from \"./components/LinearGradient\";\nexport {\n ActionSheet,\n ActionSheetItem,\n ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\n\nexport {\n Center,\n Circle,\n Square,\n Row,\n Stack,\n Spacer,\n} from \"./components/Layout\";\n\nexport {\n RadioButton,\n RadioButtonGroup,\n RadioButtonRow,\n RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete! */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\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"]}
|
|
@@ -23,8 +23,8 @@ export const SEED_DATA = {
|
|
|
23
23
|
label: "Number Of Lines",
|
|
24
24
|
description: "Number Of Lines",
|
|
25
25
|
group: GROUPS.basic,
|
|
26
|
-
formType: FORM_TYPES.
|
|
27
|
-
propType: PROP_TYPES.
|
|
26
|
+
formType: FORM_TYPES.number,
|
|
27
|
+
propType: PROP_TYPES.NUMBER,
|
|
28
28
|
defaultValue: 4,
|
|
29
29
|
editable: true,
|
|
30
30
|
required: false
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TextArea.js"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","Triggers","SEED_DATA","name","tag","description","category","basic","layout","flex","triggers","OnChangeText","props","multiline","label","group","uncategorized","formType","boolean","propType","BOOLEAN","defaultValue","editable","required","numberOfLines","fieldName","handlerPropName"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,gBANF,EAOEC,QAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,QAAQ,EAAE,CAACT,QAAQ,CAACU,YAAV,CANa;AAOvBC,EAAAA,KAAK,EAAE,EACL,GAAGZ,gBADE;AAELa,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETT,MAAAA,WAAW,EAAE,WAFJ;AAGTU,MAAAA,KAAK,EAAEpB,MAAM,CAACqB,aAHL;AAITC,MAAAA,QAAQ,EAAEpB,UAAU,CAACqB,OAJZ;AAKTC,MAAAA,QAAQ,EAAErB,UAAU,CAACsB,OALZ;AAMTC,MAAAA,YAAY,EAAE,IANL;AAOTC,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAFN;AAYLC,IAAAA,aAAa,EAAE;AACbV,MAAAA,KAAK,EAAE,iBADM;AAEbT,MAAAA,WAAW,EAAE,iBAFA;AAGbU,MAAAA,KAAK,EAAEpB,MAAM,CAACY,KAHD;AAIbU,MAAAA,QAAQ,EAAEpB,UAAU,
|
|
1
|
+
{"version":3,"sources":["TextArea.js"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","Triggers","SEED_DATA","name","tag","description","category","basic","layout","flex","triggers","OnChangeText","props","multiline","label","group","uncategorized","formType","boolean","propType","BOOLEAN","defaultValue","editable","required","numberOfLines","number","NUMBER","fieldName","handlerPropName"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,gBANF,EAOEC,QAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,QAAQ,EAAE,CAACT,QAAQ,CAACU,YAAV,CANa;AAOvBC,EAAAA,KAAK,EAAE,EACL,GAAGZ,gBADE;AAELa,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETT,MAAAA,WAAW,EAAE,WAFJ;AAGTU,MAAAA,KAAK,EAAEpB,MAAM,CAACqB,aAHL;AAITC,MAAAA,QAAQ,EAAEpB,UAAU,CAACqB,OAJZ;AAKTC,MAAAA,QAAQ,EAAErB,UAAU,CAACsB,OALZ;AAMTC,MAAAA,YAAY,EAAE,IANL;AAOTC,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAFN;AAYLC,IAAAA,aAAa,EAAE;AACbV,MAAAA,KAAK,EAAE,iBADM;AAEbT,MAAAA,WAAW,EAAE,iBAFA;AAGbU,MAAAA,KAAK,EAAEpB,MAAM,CAACY,KAHD;AAIbU,MAAAA,QAAQ,EAAEpB,UAAU,CAAC4B,MAJR;AAKbN,MAAAA,QAAQ,EAAErB,UAAU,CAAC4B,MALR;AAMbL,MAAAA,YAAY,EAAE,CAND;AAObC,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAZV;AAsBLI,IAAAA,SAAS,EAAE,EACT,GAAG5B,UADM;AAETsB,MAAAA,YAAY,EAAE,gBAFL;AAGTO,MAAAA,eAAe,EAAE;AAHR;AAtBN;AAPgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n TEXT_INPUT_PROPS,\n Triggers,\n} from \"@draftbit/types\";\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.basic,\n layout: { flex: 1 },\n triggers: [Triggers.OnChangeText],\n props: {\n ...TEXT_INPUT_PROPS,\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"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, TEXT_INPUT_PROPS, NUMBER_INPUT_PROPS, Triggers } from "@draftbit/types";
|
|
2
|
-
export const
|
|
2
|
+
export const SEED_DATA_PROPS = {
|
|
3
3
|
style: {
|
|
4
4
|
group: GROUPS.basic,
|
|
5
5
|
label: "Style",
|
|
@@ -56,73 +56,6 @@ export const COMMON_NATIVE_INPUT_PROPS = {
|
|
|
56
56
|
handlerPropName: "onChangeText"
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
|
-
const NATIVE_INPUT_PROPS = { ...COMMON_NATIVE_INPUT_PROPS,
|
|
60
|
-
multiline: {
|
|
61
|
-
group: GROUPS.basic,
|
|
62
|
-
label: "Multiple Lines",
|
|
63
|
-
description: "Allows multiple lines of input, useful for situations where the user may be typing in a lot of data.",
|
|
64
|
-
editable: true,
|
|
65
|
-
required: false,
|
|
66
|
-
defaultValue: null,
|
|
67
|
-
formType: FORM_TYPES.boolean,
|
|
68
|
-
propType: PROP_TYPES.BOOLEAN
|
|
69
|
-
},
|
|
70
|
-
numberOfLines: {
|
|
71
|
-
group: GROUPS.basic,
|
|
72
|
-
label: "Number of Lines",
|
|
73
|
-
description: "Sets the number of lines for the input (Multiple Lines needs to be true)",
|
|
74
|
-
editable: true,
|
|
75
|
-
required: false,
|
|
76
|
-
defaultValue: null,
|
|
77
|
-
min: 0,
|
|
78
|
-
step: 1,
|
|
79
|
-
precision: 0,
|
|
80
|
-
formType: FORM_TYPES.number,
|
|
81
|
-
propType: PROP_TYPES.NUMBER
|
|
82
|
-
},
|
|
83
|
-
scrollEnabled: {
|
|
84
|
-
group: GROUPS.basic,
|
|
85
|
-
label: "Scroll Enabled",
|
|
86
|
-
description: "If false, scrolling of the input will be disabled. Only works when Multiple Lines is true",
|
|
87
|
-
editable: true,
|
|
88
|
-
required: false,
|
|
89
|
-
defaultValue: null,
|
|
90
|
-
formType: FORM_TYPES.boolean,
|
|
91
|
-
propType: PROP_TYPES.BOOLEAN
|
|
92
|
-
},
|
|
93
|
-
spellcheck: {
|
|
94
|
-
group: GROUPS.basic,
|
|
95
|
-
label: "Disable Spell Check",
|
|
96
|
-
description: "If false, disables spell-check style (red underlines). Default comes from Auto Correct",
|
|
97
|
-
editable: true,
|
|
98
|
-
required: false,
|
|
99
|
-
defaultValue: null,
|
|
100
|
-
formType: FORM_TYPES.boolean,
|
|
101
|
-
propType: PROP_TYPES.BOOLEAN
|
|
102
|
-
},
|
|
103
|
-
textContentType: {
|
|
104
|
-
group: GROUPS.advanced,
|
|
105
|
-
label: "Text Content Type",
|
|
106
|
-
description: "Give the keyboard and system about what it should do with the input. For example, if its an address, autofill from address book",
|
|
107
|
-
editable: true,
|
|
108
|
-
required: false,
|
|
109
|
-
defaultValue: null,
|
|
110
|
-
options: ["none", "URL", "addressCity", "addressCityAndState", "addressState", "countryName", "creditCardNumber", "emailAddress", "familyName", "fullStreetAddress", "givenName", "jobTitle", "location", "middleName", "name", "namePrefix", "nameSuffix", "nickname", "organizationName", "postalCode", "streetAddressLine1", "streetAddressLine2", "sublocality", "telephoneNumber", "username", "password"],
|
|
111
|
-
formType: FORM_TYPES.flatArray,
|
|
112
|
-
propType: PROP_TYPES.STRING
|
|
113
|
-
},
|
|
114
|
-
textBreakStrategy: {
|
|
115
|
-
group: GROUPS.advanced,
|
|
116
|
-
label: "Text Break Strategy",
|
|
117
|
-
description: "(Android Only) Set the text break strategy. (Default: simple)",
|
|
118
|
-
editable: true,
|
|
119
|
-
required: false,
|
|
120
|
-
defaultValue: null,
|
|
121
|
-
options: ["simple", "highQuality", "balanced"],
|
|
122
|
-
formType: FORM_TYPES.flatArray,
|
|
123
|
-
propType: PROP_TYPES.STRING
|
|
124
|
-
}
|
|
125
|
-
};
|
|
126
59
|
export const SEED_DATA = [{
|
|
127
60
|
name: "Text Input",
|
|
128
61
|
tag: "TextInput",
|
|
@@ -144,7 +77,72 @@ export const SEED_DATA = [{
|
|
|
144
77
|
},
|
|
145
78
|
triggers: [Triggers.OnChangeText],
|
|
146
79
|
props: { ...TEXT_INPUT_PROPS,
|
|
147
|
-
...
|
|
80
|
+
...SEED_DATA_PROPS,
|
|
81
|
+
multiline: {
|
|
82
|
+
group: GROUPS.basic,
|
|
83
|
+
label: "Multiple Lines",
|
|
84
|
+
description: "Allows multiple lines of input, useful for situations where the user may be typing in a lot of data.",
|
|
85
|
+
editable: true,
|
|
86
|
+
required: false,
|
|
87
|
+
defaultValue: null,
|
|
88
|
+
formType: FORM_TYPES.boolean,
|
|
89
|
+
propType: PROP_TYPES.BOOLEAN
|
|
90
|
+
},
|
|
91
|
+
numberOfLines: {
|
|
92
|
+
group: GROUPS.basic,
|
|
93
|
+
label: "Number of Lines",
|
|
94
|
+
description: "Sets the number of lines for the input (Multiple Lines needs to be true)",
|
|
95
|
+
editable: true,
|
|
96
|
+
required: false,
|
|
97
|
+
defaultValue: null,
|
|
98
|
+
min: 0,
|
|
99
|
+
step: 1,
|
|
100
|
+
precision: 0,
|
|
101
|
+
formType: FORM_TYPES.number,
|
|
102
|
+
propType: PROP_TYPES.NUMBER
|
|
103
|
+
},
|
|
104
|
+
scrollEnabled: {
|
|
105
|
+
group: GROUPS.basic,
|
|
106
|
+
label: "Scroll Enabled",
|
|
107
|
+
description: "If false, scrolling of the input will be disabled. Only works when Multiple Lines is true",
|
|
108
|
+
editable: true,
|
|
109
|
+
required: false,
|
|
110
|
+
defaultValue: null,
|
|
111
|
+
formType: FORM_TYPES.boolean,
|
|
112
|
+
propType: PROP_TYPES.BOOLEAN
|
|
113
|
+
},
|
|
114
|
+
spellcheck: {
|
|
115
|
+
group: GROUPS.basic,
|
|
116
|
+
label: "Disable Spell Check",
|
|
117
|
+
description: "If false, disables spell-check style (red underlines). Default comes from Auto Correct",
|
|
118
|
+
editable: true,
|
|
119
|
+
required: false,
|
|
120
|
+
defaultValue: null,
|
|
121
|
+
formType: FORM_TYPES.boolean,
|
|
122
|
+
propType: PROP_TYPES.BOOLEAN
|
|
123
|
+
},
|
|
124
|
+
textContentType: {
|
|
125
|
+
group: GROUPS.advanced,
|
|
126
|
+
label: "Text Content Type",
|
|
127
|
+
description: "Give the keyboard and system about what it should do with the input. For example, if its an address, autofill from address book",
|
|
128
|
+
editable: true,
|
|
129
|
+
required: false,
|
|
130
|
+
defaultValue: null,
|
|
131
|
+
options: ["none", "URL", "addressCity", "addressCityAndState", "addressState", "countryName", "creditCardNumber", "emailAddress", "familyName", "fullStreetAddress", "givenName", "jobTitle", "location", "middleName", "name", "namePrefix", "nameSuffix", "nickname", "organizationName", "postalCode", "streetAddressLine1", "streetAddressLine2", "sublocality", "telephoneNumber", "username", "password"],
|
|
132
|
+
formType: FORM_TYPES.flatArray,
|
|
133
|
+
propType: PROP_TYPES.STRING
|
|
134
|
+
},
|
|
135
|
+
textBreakStrategy: {
|
|
136
|
+
group: GROUPS.advanced,
|
|
137
|
+
label: "Text Break Strategy",
|
|
138
|
+
description: "(Android Only) Set the text break strategy. (Default: simple)",
|
|
139
|
+
editable: true,
|
|
140
|
+
required: false,
|
|
141
|
+
defaultValue: null,
|
|
142
|
+
options: ["simple", "highQuality", "balanced"],
|
|
143
|
+
formType: FORM_TYPES.flatArray,
|
|
144
|
+
propType: PROP_TYPES.STRING
|
|
145
|
+
}
|
|
148
146
|
}
|
|
149
147
|
}, {
|
|
150
148
|
name: "Number Input",
|
|
@@ -167,7 +165,7 @@ export const SEED_DATA = [{
|
|
|
167
165
|
},
|
|
168
166
|
triggers: [Triggers.OnChangeText],
|
|
169
167
|
props: { ...NUMBER_INPUT_PROPS,
|
|
170
|
-
...
|
|
168
|
+
...SEED_DATA_PROPS
|
|
171
169
|
}
|
|
172
170
|
}];
|
|
173
171
|
//# sourceMappingURL=TextInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TextInput.js"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","NUMBER_INPUT_PROPS","Triggers","COMMON_NATIVE_INPUT_PROPS","style","group","basic","label","description","editable","required","formType","typeStyle","propType","THEME","defaultValue","clearButtonMode","options","flatArray","STRING","clearTextOnFocus","boolean","BOOLEAN","enablesReturnKeyAutomatically","underlineColorAndroid","color","fieldName","handlerPropName","NATIVE_INPUT_PROPS","multiline","numberOfLines","min","step","precision","number","NUMBER","scrollEnabled","spellcheck","textContentType","advanced","textBreakStrategy","SEED_DATA","name","tag","category","input","preview_image_url","supports_list_render","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","OnChangeText","props"],"mappings":"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","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n TEXT_INPUT_PROPS,\n NUMBER_INPUT_PROPS,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const COMMON_NATIVE_INPUT_PROPS = {\n style: {\n group: GROUPS.basic,\n label: \"Style\",\n description: \"Text Style\",\n editable: false,\n required: false,\n formType: FORM_TYPES.typeStyle,\n propType: PROP_TYPES.THEME,\n defaultValue: null,\n },\n clearButtonMode: {\n group: GROUPS.basic,\n label: \"Clear Button Mode\",\n description:\n \"Enables a button within the textInput to clear the data entered\",\n editable: true,\n required: false,\n options: [\"never\", \"while-editing\", \"unless-editing\", \"always\"],\n defaultValue: null,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n clearTextOnFocus: {\n group: GROUPS.basic,\n label: \"Clear Text on Focus\",\n description:\n \"If true, clears the text field automatically when its focused.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n enablesReturnKeyAutomatically: {\n group: GROUPS.basic,\n label: \"Enables Return Key Automatically\",\n description:\n \"If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n underlineColorAndroid: {\n group: GROUPS.basic,\n label: \"Underline color\",\n description:\n \"(Android Only) The color of the underline(the line underneath the text when finished typing.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n },\n fieldName: {\n ...FIELD_NAME,\n defaultValue: \"textInputValue\",\n handlerPropName: \"onChangeText\",\n },\n};\n\nconst NATIVE_INPUT_PROPS = {\n ...COMMON_NATIVE_INPUT_PROPS,\n multiline: {\n group: GROUPS.basic,\n label: \"Multiple Lines\",\n description:\n \"Allows multiple lines of input, useful for situations where the user may be typing in a lot of data.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n numberOfLines: {\n group: GROUPS.basic,\n label: \"Number of Lines\",\n description:\n \"Sets the number of lines for the input (Multiple Lines needs to be true)\",\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 scrollEnabled: {\n group: GROUPS.basic,\n label: \"Scroll Enabled\",\n description:\n \"If false, scrolling of the input will be disabled. Only works when Multiple Lines is true\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n spellcheck: {\n group: GROUPS.basic,\n label: \"Disable Spell Check\",\n description:\n \"If false, disables spell-check style (red underlines). Default comes from Auto Correct\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n textContentType: {\n group: GROUPS.advanced,\n label: \"Text Content Type\",\n description:\n \"Give the keyboard and system about what it should do with the input. For example, if its an address, autofill from address book\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\n \"none\",\n \"URL\",\n \"addressCity\",\n \"addressCityAndState\",\n \"addressState\",\n \"countryName\",\n \"creditCardNumber\",\n \"emailAddress\",\n \"familyName\",\n \"fullStreetAddress\",\n \"givenName\",\n \"jobTitle\",\n \"location\",\n \"middleName\",\n \"name\",\n \"namePrefix\",\n \"nameSuffix\",\n \"nickname\",\n \"organizationName\",\n \"postalCode\",\n \"streetAddressLine1\",\n \"streetAddressLine2\",\n \"sublocality\",\n \"telephoneNumber\",\n \"username\",\n \"password\",\n ],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n textBreakStrategy: {\n group: GROUPS.advanced,\n label: \"Text Break Strategy\",\n description:\n \"(Android Only) Set the text break strategy. (Default: simple)\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\"simple\", \"highQuality\", \"balanced\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n};\n\nexport const SEED_DATA = [\n {\n name: \"Text Input\",\n tag: \"TextInput\",\n description: \"An input field that allows users to type in data.\",\n category: COMPONENT_TYPES.input,\n preview_image_url:\n \"https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png\",\n supports_list_render: false,\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_INPUT_PROPS,\n ...NATIVE_INPUT_PROPS,\n },\n },\n {\n name: \"Number Input\",\n tag: \"NumberInput\",\n description: \"An input field that allows users to type in data.\",\n category: COMPONENT_TYPES.input,\n preview_image_url:\n \"https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png\",\n supports_list_render: false,\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 ...NUMBER_INPUT_PROPS,\n ...COMMON_NATIVE_INPUT_PROPS,\n },\n },\n];\n"]}
|
|
1
|
+
{"version":3,"sources":["TextInput.js"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","NUMBER_INPUT_PROPS","Triggers","SEED_DATA_PROPS","style","group","basic","label","description","editable","required","formType","typeStyle","propType","THEME","defaultValue","clearButtonMode","options","flatArray","STRING","clearTextOnFocus","boolean","BOOLEAN","enablesReturnKeyAutomatically","underlineColorAndroid","color","fieldName","handlerPropName","SEED_DATA","name","tag","category","input","preview_image_url","supports_list_render","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","OnChangeText","props","multiline","numberOfLines","min","step","precision","number","NUMBER","scrollEnabled","spellcheck","textContentType","advanced","textBreakStrategy"],"mappings":"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","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n TEXT_INPUT_PROPS,\n NUMBER_INPUT_PROPS,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA_PROPS = {\n style: {\n group: GROUPS.basic,\n label: \"Style\",\n description: \"Text Style\",\n editable: false,\n required: false,\n formType: FORM_TYPES.typeStyle,\n propType: PROP_TYPES.THEME,\n defaultValue: null,\n },\n clearButtonMode: {\n group: GROUPS.basic,\n label: \"Clear Button Mode\",\n description:\n \"Enables a button within the textInput to clear the data entered\",\n editable: true,\n required: false,\n options: [\"never\", \"while-editing\", \"unless-editing\", \"always\"],\n defaultValue: null,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n clearTextOnFocus: {\n group: GROUPS.basic,\n label: \"Clear Text on Focus\",\n description:\n \"If true, clears the text field automatically when its focused.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n enablesReturnKeyAutomatically: {\n group: GROUPS.basic,\n label: \"Enables Return Key Automatically\",\n description:\n \"If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n underlineColorAndroid: {\n group: GROUPS.basic,\n label: \"Underline color\",\n description:\n \"(Android Only) The color of the underline(the line underneath the text when finished typing.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n },\n fieldName: {\n ...FIELD_NAME,\n defaultValue: \"textInputValue\",\n handlerPropName: \"onChangeText\",\n },\n};\n\nexport const SEED_DATA = [\n {\n name: \"Text Input\",\n tag: \"TextInput\",\n description: \"An input field that allows users to type in data.\",\n category: COMPONENT_TYPES.input,\n preview_image_url:\n \"https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png\",\n supports_list_render: false,\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_INPUT_PROPS,\n ...SEED_DATA_PROPS,\n multiline: {\n group: GROUPS.basic,\n label: \"Multiple Lines\",\n description:\n \"Allows multiple lines of input, useful for situations where the user may be typing in a lot of data.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n numberOfLines: {\n group: GROUPS.basic,\n label: \"Number of Lines\",\n description:\n \"Sets the number of lines for the input (Multiple Lines needs to be true)\",\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 scrollEnabled: {\n group: GROUPS.basic,\n label: \"Scroll Enabled\",\n description:\n \"If false, scrolling of the input will be disabled. Only works when Multiple Lines is true\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n spellcheck: {\n group: GROUPS.basic,\n label: \"Disable Spell Check\",\n description:\n \"If false, disables spell-check style (red underlines). Default comes from Auto Correct\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n },\n textContentType: {\n group: GROUPS.advanced,\n label: \"Text Content Type\",\n description:\n \"Give the keyboard and system about what it should do with the input. For example, if its an address, autofill from address book\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\n \"none\",\n \"URL\",\n \"addressCity\",\n \"addressCityAndState\",\n \"addressState\",\n \"countryName\",\n \"creditCardNumber\",\n \"emailAddress\",\n \"familyName\",\n \"fullStreetAddress\",\n \"givenName\",\n \"jobTitle\",\n \"location\",\n \"middleName\",\n \"name\",\n \"namePrefix\",\n \"nameSuffix\",\n \"nickname\",\n \"organizationName\",\n \"postalCode\",\n \"streetAddressLine1\",\n \"streetAddressLine2\",\n \"sublocality\",\n \"telephoneNumber\",\n \"username\",\n \"password\",\n ],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n textBreakStrategy: {\n group: GROUPS.advanced,\n label: \"Text Break Strategy\",\n description:\n \"(Android Only) Set the text break strategy. (Default: simple)\",\n editable: true,\n required: false,\n defaultValue: null,\n options: [\"simple\", \"highQuality\", \"balanced\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n },\n },\n },\n {\n name: \"Number Input\",\n tag: \"NumberInput\",\n description: \"An input field that allows users to type in data.\",\n category: COMPONENT_TYPES.input,\n preview_image_url:\n \"https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png\",\n supports_list_render: false,\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 ...NUMBER_INPUT_PROPS,\n ...SEED_DATA_PROPS,\n },\n },\n];\n"]}
|