@draftbit/core 46.2.4-463c2c.0 → 46.2.4-99ac4e.1
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/TextField.js +2 -1
- package/lib/commonjs/index.js +0 -8
- package/lib/commonjs/mappings/NumberInput.js +146 -149
- package/lib/commonjs/mappings/TextArea.js +188 -193
- package/lib/commonjs/mappings/TextField.js +7 -8
- package/lib/commonjs/mappings/TextInput.js +178 -180
- package/lib/module/components/TextField.js +2 -1
- package/lib/module/index.js +1 -2
- package/lib/module/mappings/NumberInput.js +146 -149
- package/lib/module/mappings/TextArea.js +188 -193
- package/lib/module/mappings/TextField.js +7 -8
- package/lib/module/mappings/TextInput.js +178 -180
- package/lib/typescript/src/components/TextField.d.ts +1 -0
- package/lib/typescript/src/index.d.ts +0 -1
- package/lib/typescript/src/mappings/TextArea.d.ts +42 -42
- package/lib/typescript/src/mappings/TextField.d.ts +120 -110
- package/package.json +3 -5
- package/src/components/TextField.js +2 -2
- package/src/components/TextField.tsx +3 -1
- package/src/index.js +0 -1
- package/src/index.tsx +0 -1
- 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 +6 -9
- package/src/mappings/TextField.ts +7 -11
- package/src/mappings/TextInput.js +205 -208
- package/src/mappings/TextInput.ts +212 -215
- package/lib/commonjs/components/Youtube.js +0 -73
- package/lib/module/components/Youtube.js +0 -59
- package/lib/typescript/src/components/Youtube.d.ts +0 -44
- package/src/components/Youtube.js +0 -38
- package/src/components/Youtube.tsx +0 -66
|
@@ -193,6 +193,7 @@ class TextField extends React.Component {
|
|
|
193
193
|
rightIconName,
|
|
194
194
|
assistiveText,
|
|
195
195
|
underlineColor: underlineColorProp,
|
|
196
|
+
activeBorderColor: activeBorderColorProp,
|
|
196
197
|
multiline = false,
|
|
197
198
|
numberOfLines = 4,
|
|
198
199
|
style,
|
|
@@ -220,7 +221,7 @@ class TextField extends React.Component {
|
|
|
220
221
|
underlineColor = "transparent";
|
|
221
222
|
backgroundColor = colors.divider;
|
|
222
223
|
} else {
|
|
223
|
-
activeColor = error ? colors.error :
|
|
224
|
+
activeColor = error ? colors.error : activeBorderColorProp;
|
|
224
225
|
placeholderColor = borderColor = colors.light;
|
|
225
226
|
underlineColor = underlineColorProp;
|
|
226
227
|
backgroundColor = colors.background;
|
package/lib/commonjs/index.js
CHANGED
|
@@ -387,12 +387,6 @@ Object.defineProperty(exports, "Touchable", {
|
|
|
387
387
|
return _Touchable.default;
|
|
388
388
|
}
|
|
389
389
|
});
|
|
390
|
-
Object.defineProperty(exports, "Youtube", {
|
|
391
|
-
enumerable: true,
|
|
392
|
-
get: function () {
|
|
393
|
-
return _Youtube.default;
|
|
394
|
-
}
|
|
395
|
-
});
|
|
396
390
|
Object.defineProperty(exports, "injectIcon", {
|
|
397
391
|
enumerable: true,
|
|
398
392
|
get: function () {
|
|
@@ -510,8 +504,6 @@ var _Stepper = _interopRequireDefault(require("./components/Stepper"));
|
|
|
510
504
|
|
|
511
505
|
var _useAuthState = require("./components/useAuthState");
|
|
512
506
|
|
|
513
|
-
var _Youtube = _interopRequireDefault(require("./components/Youtube"));
|
|
514
|
-
|
|
515
507
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
516
508
|
|
|
517
509
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -7,154 +7,6 @@ exports.SEED_DATA_PROPS = exports.SEED_DATA = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _types = require("@draftbit/types");
|
|
9
9
|
|
|
10
|
-
const NUMBER_INPUT_PROPS = {
|
|
11
|
-
allowFontScaling: {
|
|
12
|
-
group: _types.GROUPS.advanced,
|
|
13
|
-
label: "Allow Font Scaling",
|
|
14
|
-
description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
|
|
15
|
-
editable: true,
|
|
16
|
-
required: false,
|
|
17
|
-
defaultValue: null,
|
|
18
|
-
formType: _types.FORM_TYPES.boolean,
|
|
19
|
-
propType: _types.PROP_TYPES.BOOLEAN
|
|
20
|
-
},
|
|
21
|
-
autoFocus: {
|
|
22
|
-
group: _types.GROUPS.basic,
|
|
23
|
-
label: "Auto Focus",
|
|
24
|
-
description: "Focuses the input on load in and brings up the keyboard",
|
|
25
|
-
editable: true,
|
|
26
|
-
required: false,
|
|
27
|
-
defaultValue: null,
|
|
28
|
-
formType: _types.FORM_TYPES.boolean,
|
|
29
|
-
propType: _types.PROP_TYPES.BOOLEAN
|
|
30
|
-
},
|
|
31
|
-
caretHidden: {
|
|
32
|
-
group: _types.GROUPS.advanced,
|
|
33
|
-
label: "Hide Caret",
|
|
34
|
-
description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
|
|
35
|
-
editable: true,
|
|
36
|
-
required: false,
|
|
37
|
-
defaultValue: null,
|
|
38
|
-
formType: _types.FORM_TYPES.boolean,
|
|
39
|
-
propType: _types.PROP_TYPES.BOOLEAN
|
|
40
|
-
},
|
|
41
|
-
contextMenuHidden: {
|
|
42
|
-
group: _types.GROUPS.advanced,
|
|
43
|
-
label: "Hide Context Menu",
|
|
44
|
-
description: "Hides the system context menu (Default: false)",
|
|
45
|
-
editable: true,
|
|
46
|
-
required: false,
|
|
47
|
-
defaultValue: null,
|
|
48
|
-
formType: _types.FORM_TYPES.boolean,
|
|
49
|
-
propType: _types.PROP_TYPES.BOOLEAN
|
|
50
|
-
},
|
|
51
|
-
editable: {
|
|
52
|
-
group: _types.GROUPS.advanced,
|
|
53
|
-
label: "Editable",
|
|
54
|
-
description: "If false, the text is not editable",
|
|
55
|
-
editable: true,
|
|
56
|
-
required: false,
|
|
57
|
-
defaultValue: true,
|
|
58
|
-
formType: _types.FORM_TYPES.boolean,
|
|
59
|
-
propType: _types.PROP_TYPES.BOOLEAN
|
|
60
|
-
},
|
|
61
|
-
keyboardAppearance: {
|
|
62
|
-
group: _types.GROUPS.advanced,
|
|
63
|
-
label: "Keyboard Appearance",
|
|
64
|
-
description: "Determines the color of the keyboard.(iOS Only)",
|
|
65
|
-
editable: true,
|
|
66
|
-
required: false,
|
|
67
|
-
defaultValue: null,
|
|
68
|
-
options: ["default", "light", "dark"],
|
|
69
|
-
formType: _types.FORM_TYPES.flatArray,
|
|
70
|
-
propType: _types.PROP_TYPES.STRING
|
|
71
|
-
},
|
|
72
|
-
keyboardType: {
|
|
73
|
-
group: _types.GROUPS.advanced,
|
|
74
|
-
label: "Keyboard Type",
|
|
75
|
-
description: "Determines what keyboard is given to the user.",
|
|
76
|
-
editable: true,
|
|
77
|
-
required: false,
|
|
78
|
-
defaultValue: null,
|
|
79
|
-
options: ["numeric", "numbers-and-punctuation", "number-pad"],
|
|
80
|
-
formType: _types.FORM_TYPES.flatArray,
|
|
81
|
-
propType: _types.PROP_TYPES.STRING
|
|
82
|
-
},
|
|
83
|
-
maxLength: {
|
|
84
|
-
group: _types.GROUPS.basic,
|
|
85
|
-
label: "Max Length",
|
|
86
|
-
description: "Limits the input to a set number of characters.",
|
|
87
|
-
editable: true,
|
|
88
|
-
required: false,
|
|
89
|
-
defaultValue: null,
|
|
90
|
-
min: 0,
|
|
91
|
-
step: 1,
|
|
92
|
-
precision: 0,
|
|
93
|
-
formType: _types.FORM_TYPES.number,
|
|
94
|
-
propType: _types.PROP_TYPES.NUMBER
|
|
95
|
-
},
|
|
96
|
-
placeholder: {
|
|
97
|
-
group: _types.GROUPS.basic,
|
|
98
|
-
label: "Placeholder Text",
|
|
99
|
-
description: "The text that is shown on load when no value is available.",
|
|
100
|
-
editable: true,
|
|
101
|
-
required: false,
|
|
102
|
-
defaultValue: "Enter a number...",
|
|
103
|
-
formType: _types.FORM_TYPES.string,
|
|
104
|
-
propType: _types.PROP_TYPES.STRING
|
|
105
|
-
},
|
|
106
|
-
placeholderTextColor: {
|
|
107
|
-
group: _types.GROUPS.basic,
|
|
108
|
-
label: "Placeholder Text Color",
|
|
109
|
-
description: "The color of the placeholder text.",
|
|
110
|
-
editable: true,
|
|
111
|
-
required: false,
|
|
112
|
-
defaultValue: null,
|
|
113
|
-
formType: _types.FORM_TYPES.color,
|
|
114
|
-
propType: _types.PROP_TYPES.STRING
|
|
115
|
-
},
|
|
116
|
-
returnKeyLabel: {
|
|
117
|
-
group: _types.GROUPS.advanced,
|
|
118
|
-
label: "Return Key Label",
|
|
119
|
-
description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
|
|
120
|
-
editable: true,
|
|
121
|
-
required: false,
|
|
122
|
-
defaultValue: null,
|
|
123
|
-
formType: _types.FORM_TYPES.string,
|
|
124
|
-
propType: _types.PROP_TYPES.STRING
|
|
125
|
-
},
|
|
126
|
-
returnKeyType: {
|
|
127
|
-
group: _types.GROUPS.advanced,
|
|
128
|
-
label: "Return Key Type",
|
|
129
|
-
description: "Determines how the return key should look like",
|
|
130
|
-
editable: true,
|
|
131
|
-
required: false,
|
|
132
|
-
defaultValue: null,
|
|
133
|
-
options: ["done", "go", "next", "search", "send", "none", "previous", "default", "emergency-call", "google", "join", "route", "yahoo"],
|
|
134
|
-
formType: _types.FORM_TYPES.flatArray,
|
|
135
|
-
propType: _types.PROP_TYPES.STRING
|
|
136
|
-
},
|
|
137
|
-
selectionColor: {
|
|
138
|
-
group: _types.GROUPS.advanced,
|
|
139
|
-
label: "Selection Color",
|
|
140
|
-
description: "Color of the highlighted portion when selecting.",
|
|
141
|
-
editable: true,
|
|
142
|
-
required: false,
|
|
143
|
-
defaultValue: null,
|
|
144
|
-
formType: _types.FORM_TYPES.color,
|
|
145
|
-
propType: _types.PROP_TYPES.STRING
|
|
146
|
-
},
|
|
147
|
-
selectTextOnFocus: {
|
|
148
|
-
group: _types.GROUPS.advanced,
|
|
149
|
-
label: "Select Text on Focus",
|
|
150
|
-
description: "If true, all the text will automatically be selected on focus",
|
|
151
|
-
editable: true,
|
|
152
|
-
required: false,
|
|
153
|
-
defaultValue: null,
|
|
154
|
-
formType: _types.FORM_TYPES.boolean,
|
|
155
|
-
propType: _types.PROP_TYPES.BOOLEAN
|
|
156
|
-
}
|
|
157
|
-
};
|
|
158
10
|
const SEED_DATA_PROPS = {
|
|
159
11
|
style: {
|
|
160
12
|
group: _types.GROUPS.basic,
|
|
@@ -235,7 +87,152 @@ const SEED_DATA = [{
|
|
|
235
87
|
},
|
|
236
88
|
triggers: [_types.Triggers.OnChangeText],
|
|
237
89
|
props: { ...SEED_DATA_PROPS,
|
|
238
|
-
|
|
90
|
+
allowFontScaling: {
|
|
91
|
+
group: _types.GROUPS.advanced,
|
|
92
|
+
label: "Allow Font Scaling",
|
|
93
|
+
description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
|
|
94
|
+
editable: true,
|
|
95
|
+
required: false,
|
|
96
|
+
defaultValue: null,
|
|
97
|
+
formType: _types.FORM_TYPES.boolean,
|
|
98
|
+
propType: _types.PROP_TYPES.BOOLEAN
|
|
99
|
+
},
|
|
100
|
+
autoFocus: {
|
|
101
|
+
group: _types.GROUPS.basic,
|
|
102
|
+
label: "Auto Focus",
|
|
103
|
+
description: "Focuses the input on load in and brings up the keyboard",
|
|
104
|
+
editable: true,
|
|
105
|
+
required: false,
|
|
106
|
+
defaultValue: null,
|
|
107
|
+
formType: _types.FORM_TYPES.boolean,
|
|
108
|
+
propType: _types.PROP_TYPES.BOOLEAN
|
|
109
|
+
},
|
|
110
|
+
caretHidden: {
|
|
111
|
+
group: _types.GROUPS.advanced,
|
|
112
|
+
label: "Hide Caret",
|
|
113
|
+
description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
|
|
114
|
+
editable: true,
|
|
115
|
+
required: false,
|
|
116
|
+
defaultValue: null,
|
|
117
|
+
formType: _types.FORM_TYPES.boolean,
|
|
118
|
+
propType: _types.PROP_TYPES.BOOLEAN
|
|
119
|
+
},
|
|
120
|
+
contextMenuHidden: {
|
|
121
|
+
group: _types.GROUPS.advanced,
|
|
122
|
+
label: "Hide Context Menu",
|
|
123
|
+
description: "Hides the system context menu (Default: false)",
|
|
124
|
+
editable: true,
|
|
125
|
+
required: false,
|
|
126
|
+
defaultValue: null,
|
|
127
|
+
formType: _types.FORM_TYPES.boolean,
|
|
128
|
+
propType: _types.PROP_TYPES.BOOLEAN
|
|
129
|
+
},
|
|
130
|
+
editable: {
|
|
131
|
+
group: _types.GROUPS.advanced,
|
|
132
|
+
label: "Editable",
|
|
133
|
+
description: "If false, the text is not editable",
|
|
134
|
+
editable: true,
|
|
135
|
+
required: false,
|
|
136
|
+
defaultValue: true,
|
|
137
|
+
formType: _types.FORM_TYPES.boolean,
|
|
138
|
+
propType: _types.PROP_TYPES.BOOLEAN
|
|
139
|
+
},
|
|
140
|
+
keyboardAppearance: {
|
|
141
|
+
group: _types.GROUPS.advanced,
|
|
142
|
+
label: "Keyboard Appearance",
|
|
143
|
+
description: "Determines the color of the keyboard.(iOS Only)",
|
|
144
|
+
editable: true,
|
|
145
|
+
required: false,
|
|
146
|
+
defaultValue: null,
|
|
147
|
+
options: ["default", "light", "dark"],
|
|
148
|
+
formType: _types.FORM_TYPES.flatArray,
|
|
149
|
+
propType: _types.PROP_TYPES.STRING
|
|
150
|
+
},
|
|
151
|
+
keyboardType: {
|
|
152
|
+
group: _types.GROUPS.advanced,
|
|
153
|
+
label: "Keyboard Type",
|
|
154
|
+
description: "Determines what keyboard is given to the user.",
|
|
155
|
+
editable: true,
|
|
156
|
+
required: false,
|
|
157
|
+
defaultValue: null,
|
|
158
|
+
options: ["numeric", "numbers-and-punctuation", "number-pad"],
|
|
159
|
+
formType: _types.FORM_TYPES.flatArray,
|
|
160
|
+
propType: _types.PROP_TYPES.STRING
|
|
161
|
+
},
|
|
162
|
+
maxLength: {
|
|
163
|
+
group: _types.GROUPS.basic,
|
|
164
|
+
label: "Max Length",
|
|
165
|
+
description: "Limits the input to a set number of characters.",
|
|
166
|
+
editable: true,
|
|
167
|
+
required: false,
|
|
168
|
+
defaultValue: null,
|
|
169
|
+
min: 0,
|
|
170
|
+
step: 1,
|
|
171
|
+
precision: 0,
|
|
172
|
+
formType: _types.FORM_TYPES.number,
|
|
173
|
+
propType: _types.PROP_TYPES.NUMBER
|
|
174
|
+
},
|
|
175
|
+
placeholder: {
|
|
176
|
+
group: _types.GROUPS.basic,
|
|
177
|
+
label: "Placeholder Text",
|
|
178
|
+
description: "The text that is shown on load when no value is available.",
|
|
179
|
+
editable: true,
|
|
180
|
+
required: false,
|
|
181
|
+
defaultValue: "Enter a number...",
|
|
182
|
+
formType: _types.FORM_TYPES.string,
|
|
183
|
+
propType: _types.PROP_TYPES.STRING
|
|
184
|
+
},
|
|
185
|
+
placeholderTextColor: {
|
|
186
|
+
group: _types.GROUPS.basic,
|
|
187
|
+
label: "Placeholder Text Color",
|
|
188
|
+
description: "The color of the placeholder text.",
|
|
189
|
+
editable: true,
|
|
190
|
+
required: false,
|
|
191
|
+
defaultValue: null,
|
|
192
|
+
formType: _types.FORM_TYPES.color,
|
|
193
|
+
propType: _types.PROP_TYPES.STRING
|
|
194
|
+
},
|
|
195
|
+
returnKeyLabel: {
|
|
196
|
+
group: _types.GROUPS.advanced,
|
|
197
|
+
label: "Return Key Label",
|
|
198
|
+
description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
|
|
199
|
+
editable: true,
|
|
200
|
+
required: false,
|
|
201
|
+
defaultValue: null,
|
|
202
|
+
formType: _types.FORM_TYPES.string,
|
|
203
|
+
propType: _types.PROP_TYPES.STRING
|
|
204
|
+
},
|
|
205
|
+
returnKeyType: {
|
|
206
|
+
group: _types.GROUPS.advanced,
|
|
207
|
+
label: "Return Key Type",
|
|
208
|
+
description: "Determines how the return key should look like",
|
|
209
|
+
editable: true,
|
|
210
|
+
required: false,
|
|
211
|
+
defaultValue: null,
|
|
212
|
+
options: ["done", "go", "next", "search", "send", "none", "previous", "default", "emergency-call", "google", "join", "route", "yahoo"],
|
|
213
|
+
formType: _types.FORM_TYPES.flatArray,
|
|
214
|
+
propType: _types.PROP_TYPES.STRING
|
|
215
|
+
},
|
|
216
|
+
selectionColor: {
|
|
217
|
+
group: _types.GROUPS.advanced,
|
|
218
|
+
label: "Selection Color",
|
|
219
|
+
description: "Color of the highlighted portion when selecting.",
|
|
220
|
+
editable: true,
|
|
221
|
+
required: false,
|
|
222
|
+
defaultValue: null,
|
|
223
|
+
formType: _types.FORM_TYPES.color,
|
|
224
|
+
propType: _types.PROP_TYPES.STRING
|
|
225
|
+
},
|
|
226
|
+
selectTextOnFocus: {
|
|
227
|
+
group: _types.GROUPS.advanced,
|
|
228
|
+
label: "Select Text on Focus",
|
|
229
|
+
description: "If true, all the text will automatically be selected on focus",
|
|
230
|
+
editable: true,
|
|
231
|
+
required: false,
|
|
232
|
+
defaultValue: null,
|
|
233
|
+
formType: _types.FORM_TYPES.boolean,
|
|
234
|
+
propType: _types.PROP_TYPES.BOOLEAN
|
|
235
|
+
}
|
|
239
236
|
}
|
|
240
237
|
}];
|
|
241
238
|
exports.SEED_DATA = SEED_DATA;
|