@draftbit/core 46.2.3 → 46.2.4-dedb7a.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/Accordion/AccordionItem.js +5 -25
- package/lib/commonjs/mappings/NumberInput.js +146 -149
- package/lib/commonjs/mappings/TextArea.js +188 -193
- package/lib/commonjs/mappings/TextField.js +3 -8
- package/lib/commonjs/mappings/TextInput.js +178 -180
- package/lib/module/mappings/NumberInput.js +146 -149
- package/lib/module/mappings/TextArea.js +188 -193
- package/lib/module/mappings/TextField.js +3 -8
- package/lib/module/mappings/TextInput.js +178 -180
- package/lib/typescript/src/mappings/TextArea.d.ts +42 -42
- package/lib/typescript/src/mappings/TextField.d.ts +118 -118
- package/package.json +2 -2
- package/src/mappings/NumberInput.js +160 -163
- package/src/mappings/NumberInput.ts +165 -168
- package/src/mappings/TextArea.js +213 -220
- package/src/mappings/TextArea.ts +219 -227
- package/src/mappings/TextField.js +2 -9
- package/src/mappings/TextField.ts +3 -11
- package/src/mappings/TextInput.js +205 -208
- package/src/mappings/TextInput.ts +212 -215
|
@@ -38,79 +38,6 @@ export declare const SEED_DATA: ({
|
|
|
38
38
|
editable: boolean;
|
|
39
39
|
required: boolean;
|
|
40
40
|
};
|
|
41
|
-
label: {
|
|
42
|
-
group: string;
|
|
43
|
-
label: string;
|
|
44
|
-
description: string;
|
|
45
|
-
formType: string;
|
|
46
|
-
propType: string;
|
|
47
|
-
defaultValue: null;
|
|
48
|
-
editable: boolean;
|
|
49
|
-
required: boolean;
|
|
50
|
-
};
|
|
51
|
-
assistiveText: {
|
|
52
|
-
group: string;
|
|
53
|
-
label: string;
|
|
54
|
-
description: string;
|
|
55
|
-
formType: string;
|
|
56
|
-
propType: string;
|
|
57
|
-
defaultValue: null;
|
|
58
|
-
editable: boolean;
|
|
59
|
-
required: boolean;
|
|
60
|
-
};
|
|
61
|
-
error: {
|
|
62
|
-
group: string;
|
|
63
|
-
label: string;
|
|
64
|
-
description: string;
|
|
65
|
-
formType: string;
|
|
66
|
-
propType: string;
|
|
67
|
-
defaultValue: null;
|
|
68
|
-
editable: boolean;
|
|
69
|
-
required: boolean;
|
|
70
|
-
};
|
|
71
|
-
leftIconName: {
|
|
72
|
-
group: string;
|
|
73
|
-
label: string;
|
|
74
|
-
description: string;
|
|
75
|
-
formType: string;
|
|
76
|
-
propType: string;
|
|
77
|
-
defaultValue: null;
|
|
78
|
-
editable: boolean;
|
|
79
|
-
required: boolean;
|
|
80
|
-
};
|
|
81
|
-
leftIconMode: {
|
|
82
|
-
group: string;
|
|
83
|
-
label: string;
|
|
84
|
-
description: string;
|
|
85
|
-
formType: string;
|
|
86
|
-
propType: string;
|
|
87
|
-
defaultValue: null;
|
|
88
|
-
options: string[];
|
|
89
|
-
editable: boolean;
|
|
90
|
-
required: boolean;
|
|
91
|
-
};
|
|
92
|
-
rightIconName: {
|
|
93
|
-
group: string;
|
|
94
|
-
label: string;
|
|
95
|
-
description: string;
|
|
96
|
-
formType: string;
|
|
97
|
-
propType: string;
|
|
98
|
-
defaultValue: null;
|
|
99
|
-
editable: boolean;
|
|
100
|
-
required: boolean;
|
|
101
|
-
};
|
|
102
|
-
fieldName: {
|
|
103
|
-
handlerPropName: string;
|
|
104
|
-
defaultValue: string;
|
|
105
|
-
group: string;
|
|
106
|
-
label: string;
|
|
107
|
-
description: string;
|
|
108
|
-
formType: string;
|
|
109
|
-
propType: string;
|
|
110
|
-
valuePropName: string;
|
|
111
|
-
editable: boolean;
|
|
112
|
-
required: boolean;
|
|
113
|
-
};
|
|
114
41
|
allowFontScaling: {
|
|
115
42
|
group: string;
|
|
116
43
|
label: string;
|
|
@@ -288,74 +215,58 @@ export declare const SEED_DATA: ({
|
|
|
288
215
|
formType: string;
|
|
289
216
|
propType: string;
|
|
290
217
|
};
|
|
291
|
-
|
|
292
|
-
layout: {};
|
|
293
|
-
stylesPanelSections?: undefined;
|
|
294
|
-
} | {
|
|
295
|
-
name: string;
|
|
296
|
-
tag: string;
|
|
297
|
-
description: string;
|
|
298
|
-
category: string;
|
|
299
|
-
stylesPanelSections: string[];
|
|
300
|
-
preview_image_url: string;
|
|
301
|
-
supports_list_render: boolean;
|
|
302
|
-
triggers: string[];
|
|
303
|
-
props: {
|
|
304
|
-
placeholder: {
|
|
305
|
-
defaultValue: string;
|
|
218
|
+
label: {
|
|
306
219
|
group: string;
|
|
307
220
|
label: string;
|
|
308
221
|
description: string;
|
|
309
|
-
editable: boolean;
|
|
310
|
-
required: boolean;
|
|
311
222
|
formType: string;
|
|
312
223
|
propType: string;
|
|
224
|
+
defaultValue: null;
|
|
225
|
+
editable: boolean;
|
|
226
|
+
required: boolean;
|
|
313
227
|
};
|
|
314
|
-
|
|
228
|
+
assistiveText: {
|
|
229
|
+
group: string;
|
|
315
230
|
label: string;
|
|
316
231
|
description: string;
|
|
317
232
|
formType: string;
|
|
318
233
|
propType: string;
|
|
319
|
-
defaultValue:
|
|
320
|
-
options: string[];
|
|
234
|
+
defaultValue: null;
|
|
321
235
|
editable: boolean;
|
|
322
236
|
required: boolean;
|
|
323
|
-
group: string;
|
|
324
237
|
};
|
|
325
|
-
|
|
238
|
+
error: {
|
|
239
|
+
group: string;
|
|
326
240
|
label: string;
|
|
327
241
|
description: string;
|
|
328
|
-
group: string;
|
|
329
242
|
formType: string;
|
|
330
243
|
propType: string;
|
|
331
|
-
defaultValue:
|
|
244
|
+
defaultValue: null;
|
|
332
245
|
editable: boolean;
|
|
333
246
|
required: boolean;
|
|
334
247
|
};
|
|
335
|
-
|
|
248
|
+
leftIconName: {
|
|
249
|
+
group: string;
|
|
336
250
|
label: string;
|
|
337
251
|
description: string;
|
|
338
252
|
formType: string;
|
|
339
253
|
propType: string;
|
|
340
|
-
group: string;
|
|
341
254
|
defaultValue: null;
|
|
342
255
|
editable: boolean;
|
|
343
256
|
required: boolean;
|
|
344
|
-
step: number;
|
|
345
257
|
};
|
|
346
|
-
|
|
347
|
-
handlerPropName: string;
|
|
258
|
+
leftIconMode: {
|
|
348
259
|
group: string;
|
|
349
260
|
label: string;
|
|
350
261
|
description: string;
|
|
351
262
|
formType: string;
|
|
352
263
|
propType: string;
|
|
353
|
-
defaultValue:
|
|
354
|
-
|
|
264
|
+
defaultValue: null;
|
|
265
|
+
options: string[];
|
|
355
266
|
editable: boolean;
|
|
356
267
|
required: boolean;
|
|
357
268
|
};
|
|
358
|
-
|
|
269
|
+
rightIconName: {
|
|
359
270
|
group: string;
|
|
360
271
|
label: string;
|
|
361
272
|
description: string;
|
|
@@ -365,54 +276,72 @@ export declare const SEED_DATA: ({
|
|
|
365
276
|
editable: boolean;
|
|
366
277
|
required: boolean;
|
|
367
278
|
};
|
|
368
|
-
|
|
279
|
+
fieldName: {
|
|
280
|
+
handlerPropName: string;
|
|
281
|
+
defaultValue: string;
|
|
369
282
|
group: string;
|
|
370
283
|
label: string;
|
|
371
284
|
description: string;
|
|
372
285
|
formType: string;
|
|
373
286
|
propType: string;
|
|
374
|
-
|
|
287
|
+
valuePropName: string;
|
|
375
288
|
editable: boolean;
|
|
376
289
|
required: boolean;
|
|
377
290
|
};
|
|
378
|
-
|
|
379
|
-
|
|
291
|
+
};
|
|
292
|
+
layout: {};
|
|
293
|
+
stylesPanelSections?: undefined;
|
|
294
|
+
} | {
|
|
295
|
+
name: string;
|
|
296
|
+
tag: string;
|
|
297
|
+
description: string;
|
|
298
|
+
category: string;
|
|
299
|
+
stylesPanelSections: string[];
|
|
300
|
+
preview_image_url: string;
|
|
301
|
+
supports_list_render: boolean;
|
|
302
|
+
triggers: string[];
|
|
303
|
+
props: {
|
|
304
|
+
type: {
|
|
380
305
|
label: string;
|
|
381
306
|
description: string;
|
|
382
307
|
formType: string;
|
|
383
308
|
propType: string;
|
|
384
|
-
defaultValue:
|
|
309
|
+
defaultValue: string;
|
|
310
|
+
options: string[];
|
|
385
311
|
editable: boolean;
|
|
386
312
|
required: boolean;
|
|
387
|
-
};
|
|
388
|
-
leftIconName: {
|
|
389
313
|
group: string;
|
|
314
|
+
};
|
|
315
|
+
multiline: {
|
|
390
316
|
label: string;
|
|
391
317
|
description: string;
|
|
318
|
+
group: string;
|
|
392
319
|
formType: string;
|
|
393
320
|
propType: string;
|
|
394
|
-
defaultValue:
|
|
321
|
+
defaultValue: boolean;
|
|
395
322
|
editable: boolean;
|
|
396
323
|
required: boolean;
|
|
397
324
|
};
|
|
398
|
-
|
|
399
|
-
group: string;
|
|
325
|
+
numberOfLines: {
|
|
400
326
|
label: string;
|
|
401
327
|
description: string;
|
|
402
328
|
formType: string;
|
|
403
329
|
propType: string;
|
|
330
|
+
group: string;
|
|
404
331
|
defaultValue: null;
|
|
405
|
-
options: string[];
|
|
406
332
|
editable: boolean;
|
|
407
333
|
required: boolean;
|
|
334
|
+
step: number;
|
|
408
335
|
};
|
|
409
|
-
|
|
336
|
+
fieldName: {
|
|
337
|
+
handlerPropName: string;
|
|
410
338
|
group: string;
|
|
411
339
|
label: string;
|
|
412
340
|
description: string;
|
|
413
341
|
formType: string;
|
|
414
342
|
propType: string;
|
|
415
|
-
defaultValue:
|
|
343
|
+
defaultValue: string;
|
|
344
|
+
valuePropName: string;
|
|
416
345
|
editable: boolean;
|
|
417
346
|
required: boolean;
|
|
418
347
|
};
|
|
@@ -532,6 +461,16 @@ export declare const SEED_DATA: ({
|
|
|
532
461
|
formType: string;
|
|
533
462
|
propType: string;
|
|
534
463
|
};
|
|
464
|
+
placeholder: {
|
|
465
|
+
group: string;
|
|
466
|
+
label: string;
|
|
467
|
+
description: string;
|
|
468
|
+
editable: boolean;
|
|
469
|
+
required: boolean;
|
|
470
|
+
defaultValue: string;
|
|
471
|
+
formType: string;
|
|
472
|
+
propType: string;
|
|
473
|
+
};
|
|
535
474
|
placeholderTextColor: {
|
|
536
475
|
group: string;
|
|
537
476
|
label: string;
|
|
@@ -593,6 +532,67 @@ export declare const SEED_DATA: ({
|
|
|
593
532
|
formType: string;
|
|
594
533
|
propType: string;
|
|
595
534
|
};
|
|
535
|
+
label: {
|
|
536
|
+
group: string;
|
|
537
|
+
label: string;
|
|
538
|
+
description: string;
|
|
539
|
+
formType: string;
|
|
540
|
+
propType: string;
|
|
541
|
+
defaultValue: null;
|
|
542
|
+
editable: boolean;
|
|
543
|
+
required: boolean;
|
|
544
|
+
};
|
|
545
|
+
assistiveText: {
|
|
546
|
+
group: string;
|
|
547
|
+
label: string;
|
|
548
|
+
description: string;
|
|
549
|
+
formType: string;
|
|
550
|
+
propType: string;
|
|
551
|
+
defaultValue: null;
|
|
552
|
+
editable: boolean;
|
|
553
|
+
required: boolean;
|
|
554
|
+
};
|
|
555
|
+
error: {
|
|
556
|
+
group: string;
|
|
557
|
+
label: string;
|
|
558
|
+
description: string;
|
|
559
|
+
formType: string;
|
|
560
|
+
propType: string;
|
|
561
|
+
defaultValue: null;
|
|
562
|
+
editable: boolean;
|
|
563
|
+
required: boolean;
|
|
564
|
+
};
|
|
565
|
+
leftIconName: {
|
|
566
|
+
group: string;
|
|
567
|
+
label: string;
|
|
568
|
+
description: string;
|
|
569
|
+
formType: string;
|
|
570
|
+
propType: string;
|
|
571
|
+
defaultValue: null;
|
|
572
|
+
editable: boolean;
|
|
573
|
+
required: boolean;
|
|
574
|
+
};
|
|
575
|
+
leftIconMode: {
|
|
576
|
+
group: string;
|
|
577
|
+
label: string;
|
|
578
|
+
description: string;
|
|
579
|
+
formType: string;
|
|
580
|
+
propType: string;
|
|
581
|
+
defaultValue: null;
|
|
582
|
+
options: string[];
|
|
583
|
+
editable: boolean;
|
|
584
|
+
required: boolean;
|
|
585
|
+
};
|
|
586
|
+
rightIconName: {
|
|
587
|
+
group: string;
|
|
588
|
+
label: string;
|
|
589
|
+
description: string;
|
|
590
|
+
formType: string;
|
|
591
|
+
propType: string;
|
|
592
|
+
defaultValue: null;
|
|
593
|
+
editable: boolean;
|
|
594
|
+
required: boolean;
|
|
595
|
+
};
|
|
596
596
|
};
|
|
597
597
|
layout: {};
|
|
598
598
|
})[];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.2.
|
|
3
|
+
"version": "46.2.4-dedb7a.0+dedb7a5d",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
]
|
|
80
80
|
]
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "dedb7a5ddf0c05da6f0df9e49b2a927b6ec0a69d"
|
|
83
83
|
}
|
|
@@ -1,166 +1,4 @@
|
|
|
1
1
|
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections, } 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: [
|
|
126
|
-
"done",
|
|
127
|
-
"go",
|
|
128
|
-
"next",
|
|
129
|
-
"search",
|
|
130
|
-
"send",
|
|
131
|
-
"none",
|
|
132
|
-
"previous",
|
|
133
|
-
"default",
|
|
134
|
-
"emergency-call",
|
|
135
|
-
"google",
|
|
136
|
-
"join",
|
|
137
|
-
"route",
|
|
138
|
-
"yahoo",
|
|
139
|
-
],
|
|
140
|
-
formType: FORM_TYPES.flatArray,
|
|
141
|
-
propType: PROP_TYPES.STRING,
|
|
142
|
-
},
|
|
143
|
-
selectionColor: {
|
|
144
|
-
group: GROUPS.advanced,
|
|
145
|
-
label: "Selection Color",
|
|
146
|
-
description: "Color of the highlighted portion when selecting.",
|
|
147
|
-
editable: true,
|
|
148
|
-
required: false,
|
|
149
|
-
defaultValue: null,
|
|
150
|
-
formType: FORM_TYPES.color,
|
|
151
|
-
propType: PROP_TYPES.STRING,
|
|
152
|
-
},
|
|
153
|
-
selectTextOnFocus: {
|
|
154
|
-
group: GROUPS.advanced,
|
|
155
|
-
label: "Select Text on Focus",
|
|
156
|
-
description: "If true, all the text will automatically be selected on focus",
|
|
157
|
-
editable: true,
|
|
158
|
-
required: false,
|
|
159
|
-
defaultValue: null,
|
|
160
|
-
formType: FORM_TYPES.boolean,
|
|
161
|
-
propType: PROP_TYPES.BOOLEAN,
|
|
162
|
-
},
|
|
163
|
-
};
|
|
164
2
|
export const SEED_DATA_PROPS = {
|
|
165
3
|
style: {
|
|
166
4
|
group: GROUPS.basic,
|
|
@@ -251,7 +89,166 @@ export const SEED_DATA = [
|
|
|
251
89
|
triggers: [Triggers.OnChangeText],
|
|
252
90
|
props: {
|
|
253
91
|
...SEED_DATA_PROPS,
|
|
254
|
-
|
|
92
|
+
allowFontScaling: {
|
|
93
|
+
group: GROUPS.advanced,
|
|
94
|
+
label: "Allow Font Scaling",
|
|
95
|
+
description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
|
|
96
|
+
editable: true,
|
|
97
|
+
required: false,
|
|
98
|
+
defaultValue: null,
|
|
99
|
+
formType: FORM_TYPES.boolean,
|
|
100
|
+
propType: PROP_TYPES.BOOLEAN,
|
|
101
|
+
},
|
|
102
|
+
autoFocus: {
|
|
103
|
+
group: GROUPS.basic,
|
|
104
|
+
label: "Auto Focus",
|
|
105
|
+
description: "Focuses the input on load in and brings up the keyboard",
|
|
106
|
+
editable: true,
|
|
107
|
+
required: false,
|
|
108
|
+
defaultValue: null,
|
|
109
|
+
formType: FORM_TYPES.boolean,
|
|
110
|
+
propType: PROP_TYPES.BOOLEAN,
|
|
111
|
+
},
|
|
112
|
+
caretHidden: {
|
|
113
|
+
group: GROUPS.advanced,
|
|
114
|
+
label: "Hide Caret",
|
|
115
|
+
description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
|
|
116
|
+
editable: true,
|
|
117
|
+
required: false,
|
|
118
|
+
defaultValue: null,
|
|
119
|
+
formType: FORM_TYPES.boolean,
|
|
120
|
+
propType: PROP_TYPES.BOOLEAN,
|
|
121
|
+
},
|
|
122
|
+
contextMenuHidden: {
|
|
123
|
+
group: GROUPS.advanced,
|
|
124
|
+
label: "Hide Context Menu",
|
|
125
|
+
description: "Hides the system context menu (Default: false)",
|
|
126
|
+
editable: true,
|
|
127
|
+
required: false,
|
|
128
|
+
defaultValue: null,
|
|
129
|
+
formType: FORM_TYPES.boolean,
|
|
130
|
+
propType: PROP_TYPES.BOOLEAN,
|
|
131
|
+
},
|
|
132
|
+
editable: {
|
|
133
|
+
group: GROUPS.advanced,
|
|
134
|
+
label: "Editable",
|
|
135
|
+
description: "If false, the text is not editable",
|
|
136
|
+
editable: true,
|
|
137
|
+
required: false,
|
|
138
|
+
defaultValue: true,
|
|
139
|
+
formType: FORM_TYPES.boolean,
|
|
140
|
+
propType: PROP_TYPES.BOOLEAN,
|
|
141
|
+
},
|
|
142
|
+
keyboardAppearance: {
|
|
143
|
+
group: GROUPS.advanced,
|
|
144
|
+
label: "Keyboard Appearance",
|
|
145
|
+
description: "Determines the color of the keyboard.(iOS Only)",
|
|
146
|
+
editable: true,
|
|
147
|
+
required: false,
|
|
148
|
+
defaultValue: null,
|
|
149
|
+
options: ["default", "light", "dark"],
|
|
150
|
+
formType: FORM_TYPES.flatArray,
|
|
151
|
+
propType: PROP_TYPES.STRING,
|
|
152
|
+
},
|
|
153
|
+
keyboardType: {
|
|
154
|
+
group: GROUPS.advanced,
|
|
155
|
+
label: "Keyboard Type",
|
|
156
|
+
description: "Determines what keyboard is given to the user.",
|
|
157
|
+
editable: true,
|
|
158
|
+
required: false,
|
|
159
|
+
defaultValue: null,
|
|
160
|
+
options: ["numeric", "numbers-and-punctuation", "number-pad"],
|
|
161
|
+
formType: FORM_TYPES.flatArray,
|
|
162
|
+
propType: PROP_TYPES.STRING,
|
|
163
|
+
},
|
|
164
|
+
maxLength: {
|
|
165
|
+
group: GROUPS.basic,
|
|
166
|
+
label: "Max Length",
|
|
167
|
+
description: "Limits the input to a set number of characters.",
|
|
168
|
+
editable: true,
|
|
169
|
+
required: false,
|
|
170
|
+
defaultValue: null,
|
|
171
|
+
min: 0,
|
|
172
|
+
step: 1,
|
|
173
|
+
precision: 0,
|
|
174
|
+
formType: FORM_TYPES.number,
|
|
175
|
+
propType: PROP_TYPES.NUMBER,
|
|
176
|
+
},
|
|
177
|
+
placeholder: {
|
|
178
|
+
group: GROUPS.basic,
|
|
179
|
+
label: "Placeholder Text",
|
|
180
|
+
description: "The text that is shown on load when no value is available.",
|
|
181
|
+
editable: true,
|
|
182
|
+
required: false,
|
|
183
|
+
defaultValue: "Enter a number...",
|
|
184
|
+
formType: FORM_TYPES.string,
|
|
185
|
+
propType: PROP_TYPES.STRING,
|
|
186
|
+
},
|
|
187
|
+
placeholderTextColor: {
|
|
188
|
+
group: GROUPS.basic,
|
|
189
|
+
label: "Placeholder Text Color",
|
|
190
|
+
description: "The color of the placeholder text.",
|
|
191
|
+
editable: true,
|
|
192
|
+
required: false,
|
|
193
|
+
defaultValue: null,
|
|
194
|
+
formType: FORM_TYPES.color,
|
|
195
|
+
propType: PROP_TYPES.STRING,
|
|
196
|
+
},
|
|
197
|
+
returnKeyLabel: {
|
|
198
|
+
group: GROUPS.advanced,
|
|
199
|
+
label: "Return Key Label",
|
|
200
|
+
description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
|
|
201
|
+
editable: true,
|
|
202
|
+
required: false,
|
|
203
|
+
defaultValue: null,
|
|
204
|
+
formType: FORM_TYPES.string,
|
|
205
|
+
propType: PROP_TYPES.STRING,
|
|
206
|
+
},
|
|
207
|
+
returnKeyType: {
|
|
208
|
+
group: GROUPS.advanced,
|
|
209
|
+
label: "Return Key Type",
|
|
210
|
+
description: "Determines how the return key should look like",
|
|
211
|
+
editable: true,
|
|
212
|
+
required: false,
|
|
213
|
+
defaultValue: null,
|
|
214
|
+
options: [
|
|
215
|
+
"done",
|
|
216
|
+
"go",
|
|
217
|
+
"next",
|
|
218
|
+
"search",
|
|
219
|
+
"send",
|
|
220
|
+
"none",
|
|
221
|
+
"previous",
|
|
222
|
+
"default",
|
|
223
|
+
"emergency-call",
|
|
224
|
+
"google",
|
|
225
|
+
"join",
|
|
226
|
+
"route",
|
|
227
|
+
"yahoo",
|
|
228
|
+
],
|
|
229
|
+
formType: FORM_TYPES.flatArray,
|
|
230
|
+
propType: PROP_TYPES.STRING,
|
|
231
|
+
},
|
|
232
|
+
selectionColor: {
|
|
233
|
+
group: GROUPS.advanced,
|
|
234
|
+
label: "Selection Color",
|
|
235
|
+
description: "Color of the highlighted portion when selecting.",
|
|
236
|
+
editable: true,
|
|
237
|
+
required: false,
|
|
238
|
+
defaultValue: null,
|
|
239
|
+
formType: FORM_TYPES.color,
|
|
240
|
+
propType: PROP_TYPES.STRING,
|
|
241
|
+
},
|
|
242
|
+
selectTextOnFocus: {
|
|
243
|
+
group: GROUPS.advanced,
|
|
244
|
+
label: "Select Text on Focus",
|
|
245
|
+
description: "If true, all the text will automatically be selected on focus",
|
|
246
|
+
editable: true,
|
|
247
|
+
required: false,
|
|
248
|
+
defaultValue: null,
|
|
249
|
+
formType: FORM_TYPES.boolean,
|
|
250
|
+
propType: PROP_TYPES.BOOLEAN,
|
|
251
|
+
},
|
|
255
252
|
},
|
|
256
253
|
},
|
|
257
254
|
];
|