@draftbit/core 46.2.0 → 46.2.1-de631b.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/lib/commonjs/components/DatePicker/DatePickerComponentType.js.map +1 -1
  2. package/lib/commonjs/components/DeprecatedCardWrapper.js +2 -14
  3. package/lib/commonjs/components/DeprecatedCardWrapper.js.map +1 -1
  4. package/lib/commonjs/mappings/ActionSheetItem.js.map +1 -1
  5. package/lib/commonjs/mappings/BlurView.js.map +1 -1
  6. package/lib/commonjs/mappings/NumberInput.js +241 -0
  7. package/lib/commonjs/mappings/NumberInput.js.map +1 -0
  8. package/lib/commonjs/mappings/RadioButton.js.map +1 -1
  9. package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
  10. package/lib/commonjs/mappings/TextArea.js +181 -2
  11. package/lib/commonjs/mappings/TextArea.js.map +1 -1
  12. package/lib/commonjs/mappings/TextField.js +191 -2
  13. package/lib/commonjs/mappings/TextField.js.map +1 -1
  14. package/lib/commonjs/mappings/TextInput.js +180 -29
  15. package/lib/commonjs/mappings/TextInput.js.map +1 -1
  16. package/lib/module/mappings/NumberInput.js +231 -0
  17. package/lib/module/mappings/NumberInput.js.map +1 -0
  18. package/lib/module/mappings/TextArea.js +182 -3
  19. package/lib/module/mappings/TextArea.js.map +1 -1
  20. package/lib/module/mappings/TextField.js +192 -3
  21. package/lib/module/mappings/TextField.js.map +1 -1
  22. package/lib/module/mappings/TextInput.js +180 -29
  23. package/lib/module/mappings/TextInput.js.map +1 -1
  24. package/lib/typescript/src/mappings/NumberInput.d.ts +297 -0
  25. package/lib/typescript/src/mappings/TextArea.d.ts +1 -11
  26. package/lib/typescript/src/mappings/TextField.d.ts +4 -4
  27. package/lib/typescript/src/mappings/TextInput.d.ts +3 -254
  28. package/package.json +3 -3
  29. package/src/mappings/NumberInput.js +248 -0
  30. package/src/mappings/NumberInput.ts +267 -0
  31. package/src/mappings/TextArea.js +210 -3
  32. package/src/mappings/TextArea.ts +216 -3
  33. package/src/mappings/TextField.js +220 -3
  34. package/src/mappings/TextField.ts +227 -3
  35. package/src/mappings/TextInput.js +208 -31
  36. package/src/mappings/TextInput.ts +214 -34
@@ -0,0 +1,231 @@
1
+ import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers } from "@draftbit/types";
2
+ const NUMBER_INPUT_PROPS = {
3
+ allowFontScaling: {
4
+ group: GROUPS.advanced,
5
+ label: "Allow Font Scaling",
6
+ description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
7
+ editable: true,
8
+ required: false,
9
+ defaultValue: null,
10
+ formType: FORM_TYPES.boolean,
11
+ propType: PROP_TYPES.BOOLEAN
12
+ },
13
+ autoFocus: {
14
+ group: GROUPS.basic,
15
+ label: "Auto Focus",
16
+ description: "Focuses the input on load in and brings up the keyboard",
17
+ editable: true,
18
+ required: false,
19
+ defaultValue: null,
20
+ formType: FORM_TYPES.boolean,
21
+ propType: PROP_TYPES.BOOLEAN
22
+ },
23
+ caretHidden: {
24
+ group: GROUPS.advanced,
25
+ label: "Hide Caret",
26
+ description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
27
+ editable: true,
28
+ required: false,
29
+ defaultValue: null,
30
+ formType: FORM_TYPES.boolean,
31
+ propType: PROP_TYPES.BOOLEAN
32
+ },
33
+ contextMenuHidden: {
34
+ group: GROUPS.advanced,
35
+ label: "Hide Context Menu",
36
+ description: "Hides the system context menu (Default: false)",
37
+ editable: true,
38
+ required: false,
39
+ defaultValue: null,
40
+ formType: FORM_TYPES.boolean,
41
+ propType: PROP_TYPES.BOOLEAN
42
+ },
43
+ editable: {
44
+ group: GROUPS.advanced,
45
+ label: "Editable",
46
+ description: "If false, the text is not editable",
47
+ editable: true,
48
+ required: false,
49
+ defaultValue: true,
50
+ formType: FORM_TYPES.boolean,
51
+ propType: PROP_TYPES.BOOLEAN
52
+ },
53
+ keyboardAppearance: {
54
+ group: GROUPS.advanced,
55
+ label: "Keyboard Appearance",
56
+ description: "Determines the color of the keyboard.(iOS Only)",
57
+ editable: true,
58
+ required: false,
59
+ defaultValue: null,
60
+ options: ["default", "light", "dark"],
61
+ formType: FORM_TYPES.flatArray,
62
+ propType: PROP_TYPES.STRING
63
+ },
64
+ keyboardType: {
65
+ group: GROUPS.advanced,
66
+ label: "Keyboard Type",
67
+ description: "Determines what keyboard is given to the user.",
68
+ editable: true,
69
+ required: false,
70
+ defaultValue: null,
71
+ options: ["numeric", "numbers-and-punctuation", "number-pad"],
72
+ formType: FORM_TYPES.flatArray,
73
+ propType: PROP_TYPES.STRING
74
+ },
75
+ maxLength: {
76
+ group: GROUPS.basic,
77
+ label: "Max Length",
78
+ description: "Limits the input to a set number of characters.",
79
+ editable: true,
80
+ required: false,
81
+ defaultValue: null,
82
+ min: 0,
83
+ step: 1,
84
+ precision: 0,
85
+ formType: FORM_TYPES.number,
86
+ propType: PROP_TYPES.NUMBER
87
+ },
88
+ placeholder: {
89
+ group: GROUPS.basic,
90
+ label: "Placeholder Text",
91
+ description: "The text that is shown on load when no value is available.",
92
+ editable: true,
93
+ required: false,
94
+ defaultValue: "Enter a number...",
95
+ formType: FORM_TYPES.string,
96
+ propType: PROP_TYPES.STRING
97
+ },
98
+ placeholderTextColor: {
99
+ group: GROUPS.basic,
100
+ label: "Placeholder Text Color",
101
+ description: "The color of the placeholder text.",
102
+ editable: true,
103
+ required: false,
104
+ defaultValue: null,
105
+ formType: FORM_TYPES.color,
106
+ propType: PROP_TYPES.STRING
107
+ },
108
+ returnKeyLabel: {
109
+ group: GROUPS.advanced,
110
+ label: "Return Key Label",
111
+ description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
112
+ editable: true,
113
+ required: false,
114
+ defaultValue: null,
115
+ formType: FORM_TYPES.string,
116
+ propType: PROP_TYPES.STRING
117
+ },
118
+ returnKeyType: {
119
+ group: GROUPS.advanced,
120
+ label: "Return Key Type",
121
+ description: "Determines how the return key should look like",
122
+ editable: true,
123
+ required: false,
124
+ defaultValue: null,
125
+ options: ["done", "go", "next", "search", "send", "none", "previous", "default", "emergency-call", "google", "join", "route", "yahoo"],
126
+ formType: FORM_TYPES.flatArray,
127
+ propType: PROP_TYPES.STRING
128
+ },
129
+ selectionColor: {
130
+ group: GROUPS.advanced,
131
+ label: "Selection Color",
132
+ description: "Color of the highlighted portion when selecting.",
133
+ editable: true,
134
+ required: false,
135
+ defaultValue: null,
136
+ formType: FORM_TYPES.color,
137
+ propType: PROP_TYPES.STRING
138
+ },
139
+ selectTextOnFocus: {
140
+ group: GROUPS.advanced,
141
+ label: "Select Text on Focus",
142
+ description: "If true, all the text will automatically be selected on focus",
143
+ editable: true,
144
+ required: false,
145
+ defaultValue: null,
146
+ formType: FORM_TYPES.boolean,
147
+ propType: PROP_TYPES.BOOLEAN
148
+ }
149
+ };
150
+ export const SEED_DATA_PROPS = {
151
+ style: {
152
+ group: GROUPS.basic,
153
+ label: "Style",
154
+ description: "Text Style",
155
+ editable: false,
156
+ required: false,
157
+ formType: FORM_TYPES.typeStyle,
158
+ propType: PROP_TYPES.THEME,
159
+ defaultValue: null
160
+ },
161
+ clearButtonMode: {
162
+ group: GROUPS.basic,
163
+ label: "Clear Button Mode",
164
+ description: "Enables a button within the textInput to clear the data entered",
165
+ editable: true,
166
+ required: false,
167
+ options: ["never", "while-editing", "unless-editing", "always"],
168
+ defaultValue: null,
169
+ formType: FORM_TYPES.flatArray,
170
+ propType: PROP_TYPES.STRING
171
+ },
172
+ clearTextOnFocus: {
173
+ group: GROUPS.basic,
174
+ label: "Clear Text on Focus",
175
+ description: "If true, clears the text field automatically when its focused.",
176
+ editable: true,
177
+ required: false,
178
+ defaultValue: null,
179
+ formType: FORM_TYPES.boolean,
180
+ propType: PROP_TYPES.BOOLEAN
181
+ },
182
+ enablesReturnKeyAutomatically: {
183
+ group: GROUPS.basic,
184
+ label: "Enables Return Key Automatically",
185
+ description: "If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)",
186
+ editable: true,
187
+ required: false,
188
+ defaultValue: null,
189
+ formType: FORM_TYPES.boolean,
190
+ propType: PROP_TYPES.BOOLEAN
191
+ },
192
+ underlineColorAndroid: {
193
+ group: GROUPS.basic,
194
+ label: "Underline color",
195
+ description: "(Android Only) The color of the underline(the line underneath the text when finished typing.",
196
+ editable: true,
197
+ required: false,
198
+ defaultValue: null,
199
+ formType: FORM_TYPES.color,
200
+ propType: PROP_TYPES.THEME
201
+ },
202
+ fieldName: { ...FIELD_NAME,
203
+ defaultValue: "numberInputValue",
204
+ handlerPropName: "onChangeText"
205
+ }
206
+ };
207
+ export const SEED_DATA = [{
208
+ name: "Number Input",
209
+ tag: "NumberInput",
210
+ description: "An input field that allows users to type in data.",
211
+ category: COMPONENT_TYPES.input,
212
+ preview_image_url: "https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png",
213
+ supports_list_render: false,
214
+ layout: {
215
+ borderLeftWidth: 1,
216
+ borderRightWidth: 1,
217
+ borderTopWidth: 1,
218
+ borderBottomWidth: 1,
219
+ borderColor: "divider",
220
+ paddingLeft: 8,
221
+ paddingRight: 8,
222
+ paddingTop: 8,
223
+ paddingBottom: 8,
224
+ borderRadius: 8
225
+ },
226
+ triggers: [Triggers.OnChangeText],
227
+ props: { ...SEED_DATA_PROPS,
228
+ ...NUMBER_INPUT_PROPS
229
+ }
230
+ }];
231
+ //# sourceMappingURL=NumberInput.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","Triggers","NUMBER_INPUT_PROPS","allowFontScaling","group","advanced","label","description","editable","required","defaultValue","formType","boolean","propType","BOOLEAN","autoFocus","basic","caretHidden","contextMenuHidden","keyboardAppearance","options","flatArray","STRING","keyboardType","maxLength","min","step","precision","number","NUMBER","placeholder","string","placeholderTextColor","color","returnKeyLabel","returnKeyType","selectionColor","selectTextOnFocus","SEED_DATA_PROPS","style","typeStyle","THEME","clearButtonMode","clearTextOnFocus","enablesReturnKeyAutomatically","underlineColorAndroid","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"],"sources":["NumberInput.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 NUMBER_INPUT_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 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: [\"numeric\", \"numbers-and-punctuation\", \"number-pad\"],\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.basic,\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 number...\",\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 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_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: \"numberInputValue\",\n handlerPropName: \"onChangeText\",\n },\n};\n\nexport const SEED_DATA = [\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 ...SEED_DATA_PROPS,\n ...NUMBER_INPUT_PROPS,\n },\n },\n];\n"],"mappings":"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"}
@@ -1,4 +1,183 @@
1
- import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, TEXT_INPUT_PROPS, Triggers } from "@draftbit/types";
1
+ import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers } from "@draftbit/types";
2
+ const TEXT_AREA_PROPS = {
3
+ allowFontScaling: {
4
+ group: GROUPS.advanced,
5
+ label: "Allow Font Scaling",
6
+ description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
7
+ editable: true,
8
+ required: false,
9
+ defaultValue: null,
10
+ formType: FORM_TYPES.boolean,
11
+ propType: PROP_TYPES.BOOLEAN
12
+ },
13
+ autoCapitalize: {
14
+ group: GROUPS.advanced,
15
+ label: "Auto Capitalize",
16
+ description: "Can automatically capitalize sentences, words, and characters (Default: none).",
17
+ editable: true,
18
+ required: false,
19
+ defaultValue: null,
20
+ options: ["none", "sentences", "words", "characters"],
21
+ formType: FORM_TYPES.flatArray,
22
+ propType: PROP_TYPES.STRING
23
+ },
24
+ autoCorrect: {
25
+ group: GROUPS.advanced,
26
+ label: "Auto Correct",
27
+ description: "Enables auto correction",
28
+ editable: true,
29
+ required: false,
30
+ defaultValue: null,
31
+ formType: FORM_TYPES.boolean,
32
+ propType: PROP_TYPES.BOOLEAN
33
+ },
34
+ autoFocus: {
35
+ group: GROUPS.basic,
36
+ label: "Auto Focus",
37
+ description: "Focuses the input on load in and brings up the keyboard",
38
+ editable: true,
39
+ required: false,
40
+ defaultValue: null,
41
+ formType: FORM_TYPES.boolean,
42
+ propType: PROP_TYPES.BOOLEAN
43
+ },
44
+ caretHidden: {
45
+ group: GROUPS.advanced,
46
+ label: "Hide Caret",
47
+ description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
48
+ editable: true,
49
+ required: false,
50
+ defaultValue: null,
51
+ formType: FORM_TYPES.boolean,
52
+ propType: PROP_TYPES.BOOLEAN
53
+ },
54
+ contextMenuHidden: {
55
+ group: GROUPS.advanced,
56
+ label: "Hide Context Menu",
57
+ description: "Hides the system context menu (Default: false)",
58
+ editable: true,
59
+ required: false,
60
+ defaultValue: null,
61
+ formType: FORM_TYPES.boolean,
62
+ propType: PROP_TYPES.BOOLEAN
63
+ },
64
+ editable: {
65
+ group: GROUPS.advanced,
66
+ label: "Editable",
67
+ description: "If false, the text is not editable",
68
+ editable: true,
69
+ required: false,
70
+ defaultValue: true,
71
+ formType: FORM_TYPES.boolean,
72
+ propType: PROP_TYPES.BOOLEAN
73
+ },
74
+ keyboardAppearance: {
75
+ group: GROUPS.advanced,
76
+ label: "Keyboard Appearance",
77
+ description: "Determines the color of the keyboard.(iOS Only)",
78
+ editable: true,
79
+ required: false,
80
+ defaultValue: null,
81
+ options: ["default", "light", "dark"],
82
+ formType: FORM_TYPES.flatArray,
83
+ propType: PROP_TYPES.STRING
84
+ },
85
+ keyboardType: {
86
+ group: GROUPS.advanced,
87
+ label: "Keyboard Type",
88
+ description: "Determines what keyboard is given to the user.",
89
+ editable: true,
90
+ required: false,
91
+ defaultValue: null,
92
+ options: ["default", "email-address", "numeric", "phone-pad", "ascii-capable", "numbers-and-punctuation", "url", "number-pad", "name-phone-pad", "decimal-pad", "twitter", "web-search", "visible-password"],
93
+ formType: FORM_TYPES.flatArray,
94
+ propType: PROP_TYPES.STRING
95
+ },
96
+ maxLength: {
97
+ group: GROUPS.basic,
98
+ label: "Max Length",
99
+ description: "Limits the input to a set number of characters.",
100
+ editable: true,
101
+ required: false,
102
+ defaultValue: null,
103
+ min: 0,
104
+ step: 1,
105
+ precision: 0,
106
+ formType: FORM_TYPES.number,
107
+ propType: PROP_TYPES.NUMBER
108
+ },
109
+ placeholder: {
110
+ group: GROUPS.data,
111
+ label: "Placeholder Text",
112
+ description: "The text that is shown on load when no value is available.",
113
+ editable: true,
114
+ required: false,
115
+ defaultValue: "Enter a value...",
116
+ formType: FORM_TYPES.string,
117
+ propType: PROP_TYPES.STRING
118
+ },
119
+ placeholderTextColor: {
120
+ group: GROUPS.basic,
121
+ label: "Placeholder Text Color",
122
+ description: "The color of the placeholder text.",
123
+ editable: true,
124
+ required: false,
125
+ defaultValue: null,
126
+ formType: FORM_TYPES.color,
127
+ propType: PROP_TYPES.STRING
128
+ },
129
+ returnKeyLabel: {
130
+ group: GROUPS.advanced,
131
+ label: "Return Key Label",
132
+ description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
133
+ editable: true,
134
+ required: false,
135
+ defaultValue: null,
136
+ formType: FORM_TYPES.string,
137
+ propType: PROP_TYPES.STRING
138
+ },
139
+ returnKeyType: {
140
+ group: GROUPS.advanced,
141
+ label: "Return Key Type",
142
+ description: "Determines how the return key should look like",
143
+ editable: true,
144
+ required: false,
145
+ defaultValue: null,
146
+ options: ["done", "go", "next", "search", "send", "none", "previous", "default", "emergency-call", "google", "join", "route", "yahoo"],
147
+ formType: FORM_TYPES.flatArray,
148
+ propType: PROP_TYPES.STRING
149
+ },
150
+ secureTextEntry: {
151
+ group: GROUPS.basic,
152
+ label: "Password Input?",
153
+ description: "Hides the characters with a *, useful for passwords and other sensitive information.",
154
+ editable: true,
155
+ required: false,
156
+ defaultValue: null,
157
+ formType: FORM_TYPES.boolean,
158
+ propType: PROP_TYPES.BOOLEAN
159
+ },
160
+ selectionColor: {
161
+ group: GROUPS.advanced,
162
+ label: "Selection Color",
163
+ description: "Color of the highlighted portion when selecting.",
164
+ editable: true,
165
+ required: false,
166
+ defaultValue: null,
167
+ formType: FORM_TYPES.color,
168
+ propType: PROP_TYPES.STRING
169
+ },
170
+ selectTextOnFocus: {
171
+ group: GROUPS.advanced,
172
+ label: "Select Text on Focus",
173
+ description: "If true, all the text will automatically be selected on focus",
174
+ editable: true,
175
+ required: false,
176
+ defaultValue: null,
177
+ formType: FORM_TYPES.boolean,
178
+ propType: PROP_TYPES.BOOLEAN
179
+ }
180
+ };
2
181
  export const SEED_DATA = {
3
182
  name: "Text Area",
4
183
  tag: "TextInput",
@@ -17,8 +196,8 @@ export const SEED_DATA = {
17
196
  borderRadius: 8
18
197
  },
19
198
  triggers: [Triggers.OnChangeText],
20
- props: { ...TEXT_INPUT_PROPS,
21
- placeholder: { ...TEXT_INPUT_PROPS.placeholder,
199
+ props: { ...TEXT_AREA_PROPS,
200
+ placeholder: { ...TEXT_AREA_PROPS.placeholder,
22
201
  defaultValue: "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."
23
202
  },
24
203
  multiline: {
@@ -1 +1 @@
1
- {"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","Triggers","SEED_DATA","name","tag","description","category","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","OnChangeText","props","placeholder","defaultValue","multiline","label","group","uncategorized","formType","boolean","propType","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","handlerPropName"],"sources":["TextArea.ts"],"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.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_INPUT_PROPS,\n placeholder: {\n ...TEXT_INPUT_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":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,gBANF,EAOEC,QAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,WADiB;EAEvBC,GAAG,EAAE,WAFkB;EAGvBC,WAAW,EAAE,gDAHU;EAIvBC,QAAQ,EAAEV,eAAe,CAACW,KAJH;EAKvBC,MAAM,EAAE;IACNC,eAAe,EAAE,CADX;IAENC,gBAAgB,EAAE,CAFZ;IAGNC,cAAc,EAAE,CAHV;IAINC,iBAAiB,EAAE,CAJb;IAKNC,WAAW,EAAE,SALP;IAMNC,WAAW,EAAE,CANP;IAONC,YAAY,EAAE,CAPR;IAQNC,UAAU,EAAE,CARN;IASNC,aAAa,EAAE,CATT;IAUNC,YAAY,EAAE;EAVR,CALe;EAiBvBC,QAAQ,EAAE,CAAClB,QAAQ,CAACmB,YAAV,CAjBa;EAkBvBC,KAAK,EAAE,EACL,GAAGrB,gBADE;IAELsB,WAAW,EAAE,EACX,GAAGtB,gBAAgB,CAACsB,WADT;MAEXC,YAAY,EACV;IAHS,CAFR;IAOLC,SAAS,EAAE;MACTC,KAAK,EAAE,WADE;MAETpB,WAAW,EAAE,WAFJ;MAGTqB,KAAK,EAAE/B,MAAM,CAACgC,aAHL;MAITC,QAAQ,EAAE/B,UAAU,CAACgC,OAJZ;MAKTC,QAAQ,EAAEhC,UAAU,CAACiC,OALZ;MAMTR,YAAY,EAAE,IANL;MAOTS,QAAQ,EAAE,IAPD;MAQTC,QAAQ,EAAE;IARD,CAPN;IAiBLC,aAAa,EAAE;MACbT,KAAK,EAAE,iBADM;MAEbpB,WAAW,EAAE,iBAFA;MAGbqB,KAAK,EAAE/B,MAAM,CAACwC,KAHD;MAIbP,QAAQ,EAAE/B,UAAU,CAACuC,MAJR;MAKbN,QAAQ,EAAEhC,UAAU,CAACuC,MALR;MAMbd,YAAY,EAAE,CAND;MAObS,QAAQ,EAAE,IAPG;MAQbC,QAAQ,EAAE;IARG,CAjBV;IA2BLK,SAAS,EAAE,EACT,GAAGvC,UADM;MAETwB,YAAY,EAAE,gBAFL;MAGTgB,eAAe,EAAE;IAHR;EA3BN;AAlBgB,CAAlB"}
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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"}