@draftbit/core 46.2.4-58c73f.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.
Files changed (51) hide show
  1. package/lib/commonjs/components/DeprecatedButton.js +22 -4
  2. package/lib/commonjs/components/TextField.js +2 -1
  3. package/lib/commonjs/constants.js +1 -1
  4. package/lib/commonjs/index.js +0 -14
  5. package/lib/commonjs/mappings/NumberInput.js +146 -149
  6. package/lib/commonjs/mappings/TextArea.js +188 -193
  7. package/lib/commonjs/mappings/TextField.js +7 -8
  8. package/lib/commonjs/mappings/TextInput.js +178 -180
  9. package/lib/module/components/TextField.js +2 -1
  10. package/lib/module/index.js +0 -1
  11. package/lib/module/mappings/NumberInput.js +146 -149
  12. package/lib/module/mappings/TextArea.js +188 -193
  13. package/lib/module/mappings/TextField.js +7 -8
  14. package/lib/module/mappings/TextInput.js +178 -180
  15. package/lib/typescript/src/components/TextField.d.ts +1 -0
  16. package/lib/typescript/src/index.d.ts +0 -1
  17. package/lib/typescript/src/mappings/TextArea.d.ts +42 -42
  18. package/lib/typescript/src/mappings/TextField.d.ts +120 -110
  19. package/package.json +2 -4
  20. package/src/components/TextField.js +2 -2
  21. package/src/components/TextField.tsx +3 -1
  22. package/src/index.js +0 -1
  23. package/src/index.tsx +0 -1
  24. package/src/mappings/NumberInput.js +160 -163
  25. package/src/mappings/NumberInput.ts +165 -168
  26. package/src/mappings/TextArea.js +213 -220
  27. package/src/mappings/TextArea.ts +219 -227
  28. package/src/mappings/TextField.js +6 -9
  29. package/src/mappings/TextField.ts +7 -11
  30. package/src/mappings/TextInput.js +205 -208
  31. package/src/mappings/TextInput.ts +212 -215
  32. package/lib/commonjs/components/TabView/TabView.js +0 -102
  33. package/lib/commonjs/components/TabView/TabViewItem.js +0 -26
  34. package/lib/commonjs/components/TabView/index.js +0 -23
  35. package/lib/commonjs/mappings/TabView.js +0 -79
  36. package/lib/module/components/TabView/TabView.js +0 -87
  37. package/lib/module/components/TabView/TabViewItem.js +0 -18
  38. package/lib/module/components/TabView/index.js +0 -2
  39. package/lib/module/mappings/TabView.js +0 -70
  40. package/lib/typescript/src/components/TabView/TabView.d.ts +0 -19
  41. package/lib/typescript/src/components/TabView/TabViewItem.d.ts +0 -10
  42. package/lib/typescript/src/components/TabView/index.d.ts +0 -2
  43. package/lib/typescript/src/mappings/TabView.d.ts +0 -111
  44. package/src/components/TabView/TabView.js +0 -34
  45. package/src/components/TabView/TabView.tsx +0 -97
  46. package/src/components/TabView/TabViewItem.js +0 -5
  47. package/src/components/TabView/TabViewItem.tsx +0 -21
  48. package/src/components/TabView/index.js +0 -2
  49. package/src/components/TabView/index.ts +0 -2
  50. package/src/mappings/TabView.js +0 -73
  51. package/src/mappings/TabView.ts +0 -80
@@ -25,8 +25,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
25
25
 
26
26
  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; }
27
27
 
28
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
29
-
30
28
  const Button = _ref => {
31
29
  let {
32
30
  Icon,
@@ -128,7 +126,7 @@ const Button = _ref => {
128
126
  alignSelf: "stretch",
129
127
  ...margins
130
128
  }
131
- }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
129
+ }, /*#__PURE__*/React.createElement(_Touchable.default, { ...rest,
132
130
  onPress: onPress,
133
131
  accessibilityState: {
134
132
  disabled
@@ -136,7 +134,7 @@ const Button = _ref => {
136
134
  accessibilityRole: "button",
137
135
  disabled: disabled || loading,
138
136
  style: [styles.button, buttonStyle, innerStyles]
139
- }), /*#__PURE__*/React.createElement(_reactNative.View, {
137
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
140
138
  style: styles.content
141
139
  }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
142
140
  style: iconStyle
@@ -171,4 +169,24 @@ const styles = _reactNative.StyleSheet.create({
171
169
 
172
170
  var _default = (0, _theming.withTheme)(Button);
173
171
 
172
+ exports.default = _default;));
173
+ };
174
+
175
+ const styles = _reactNative.StyleSheet.create({
176
+ button: {
177
+ minWidth: 64,
178
+ borderStyle: "solid"
179
+ },
180
+ content: {
181
+ flexDirection: "row",
182
+ alignItems: "center",
183
+ justifyContent: "center"
184
+ },
185
+ icon: {
186
+ width: _Config.default.buttonIconSize
187
+ }
188
+ });
189
+
190
+ var _default = (0, _theming.withTheme)(Button);
191
+
174
192
  exports.default = _default;
@@ -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 : colors.primary;
224
+ activeColor = error ? colors.error : activeBorderColorProp;
224
225
  placeholderColor = borderColor = colors.light;
225
226
  underlineColor = underlineColorProp;
226
227
  backgroundColor = colors.background;
@@ -16,4 +16,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
16
16
  ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
17
17
  });
18
18
 
19
- exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;
19
+ exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
@@ -363,18 +363,6 @@ Object.defineProperty(exports, "SwitchRow", {
363
363
  return _Switch.SwitchRow;
364
364
  }
365
365
  });
366
- Object.defineProperty(exports, "TabView", {
367
- enumerable: true,
368
- get: function () {
369
- return _TabView.TabView;
370
- }
371
- });
372
- Object.defineProperty(exports, "TabViewItem", {
373
- enumerable: true,
374
- get: function () {
375
- return _TabView.TabViewItem;
376
- }
377
- });
378
366
  Object.defineProperty(exports, "TextField", {
379
367
  enumerable: true,
380
368
  get: function () {
@@ -476,8 +464,6 @@ var _ActionSheet = require("./components/ActionSheet");
476
464
 
477
465
  var _Swiper = require("./components/Swiper");
478
466
 
479
- var _TabView = require("./components/TabView");
480
-
481
467
  var _Layout = require("./components/Layout");
482
468
 
483
469
  var _index = require("./components/RadioButton/index");
@@ -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
- ...NUMBER_INPUT_PROPS
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;