@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.
@@ -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
- type: {
228
+ assistiveText: {
229
+ group: string;
315
230
  label: string;
316
231
  description: string;
317
232
  formType: string;
318
233
  propType: string;
319
- defaultValue: string;
320
- options: string[];
234
+ defaultValue: null;
321
235
  editable: boolean;
322
236
  required: boolean;
323
- group: string;
324
237
  };
325
- multiline: {
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: boolean;
244
+ defaultValue: null;
332
245
  editable: boolean;
333
246
  required: boolean;
334
247
  };
335
- numberOfLines: {
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
- fieldName: {
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: string;
354
- valuePropName: string;
264
+ defaultValue: null;
265
+ options: string[];
355
266
  editable: boolean;
356
267
  required: boolean;
357
268
  };
358
- label: {
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
- assistiveText: {
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
- defaultValue: null;
287
+ valuePropName: string;
375
288
  editable: boolean;
376
289
  required: boolean;
377
290
  };
378
- error: {
379
- group: string;
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: null;
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: null;
321
+ defaultValue: boolean;
395
322
  editable: boolean;
396
323
  required: boolean;
397
324
  };
398
- leftIconMode: {
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
- rightIconName: {
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: null;
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",
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": "9a0a65dfc2aff945da5cbe7db48d07114c8cea7c"
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
- ...NUMBER_INPUT_PROPS,
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
  ];