@panneau/field-text 1.0.3-alpha.0 → 1.0.3
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/es/index.js +24 -39
- package/lib/index.js +24 -39
- package/package.json +5 -5
package/es/index.js
CHANGED
|
@@ -50,8 +50,8 @@ var propTypes$5 = {
|
|
|
50
50
|
dataList: PropTypes.arrayOf(PropTypes.string),
|
|
51
51
|
inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
52
52
|
current: PropTypes.any // eslint-disable-line
|
|
53
|
-
|
|
54
53
|
})]),
|
|
54
|
+
|
|
55
55
|
className: PropTypes.string
|
|
56
56
|
};
|
|
57
57
|
var defaultProps$5 = {
|
|
@@ -78,32 +78,30 @@ var defaultProps$5 = {
|
|
|
78
78
|
inputRef: null,
|
|
79
79
|
className: null
|
|
80
80
|
};
|
|
81
|
-
|
|
82
81
|
var InputField = function InputField(_ref) {
|
|
83
82
|
var _ref2;
|
|
84
|
-
|
|
85
83
|
var feedback = _ref.feedback,
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
84
|
+
value = _ref.value,
|
|
85
|
+
errors = _ref.errors,
|
|
86
|
+
required = _ref.required,
|
|
87
|
+
disabled = _ref.disabled,
|
|
88
|
+
readOnly = _ref.readOnly,
|
|
89
|
+
nativeOnChange = _ref.nativeOnChange,
|
|
90
|
+
type = _ref.type,
|
|
91
|
+
placeholder = _ref.placeholder,
|
|
92
|
+
onChange = _ref.onChange,
|
|
93
|
+
onFocus = _ref.onFocus,
|
|
94
|
+
onBlur = _ref.onBlur,
|
|
95
|
+
align = _ref.align,
|
|
96
|
+
size = _ref.size,
|
|
97
|
+
maxLength = _ref.maxLength,
|
|
98
|
+
prepend = _ref.prepend,
|
|
99
|
+
append = _ref.append,
|
|
100
|
+
min = _ref.min,
|
|
101
|
+
max = _ref.max,
|
|
102
|
+
dataList = _ref.dataList,
|
|
103
|
+
inputRef = _ref.inputRef,
|
|
104
|
+
className = _ref.className;
|
|
107
105
|
var dataListId = useMemo(function () {
|
|
108
106
|
return dataList !== null ? v1() : null;
|
|
109
107
|
}, [dataList]);
|
|
@@ -127,14 +125,12 @@ var InputField = function InputField(_ref) {
|
|
|
127
125
|
list: dataListId,
|
|
128
126
|
onChange: nativeOnChange ? onChange : function (_ref3) {
|
|
129
127
|
var _ref3$target$value = _ref3.target.value,
|
|
130
|
-
|
|
128
|
+
newValue = _ref3$target$value === void 0 ? '' : _ref3$target$value;
|
|
131
129
|
return onChange !== null ? onChange(!isEmpty(newValue) ? newValue : null) : null;
|
|
132
130
|
}
|
|
133
131
|
};
|
|
134
|
-
|
|
135
132
|
elProps.horizontal;
|
|
136
|
-
|
|
137
|
-
|
|
133
|
+
var cleanProps = _objectWithoutProperties(elProps, _excluded);
|
|
138
134
|
var inputElement = type !== 'textarea' ? /*#__PURE__*/React.createElement("input", cleanProps) : /*#__PURE__*/React.createElement("textarea", cleanProps);
|
|
139
135
|
var withInputGroup = prepend !== null || append !== null;
|
|
140
136
|
return /*#__PURE__*/React.createElement(React.Fragment, null, withInputGroup ? /*#__PURE__*/React.createElement(InputGroup, {
|
|
@@ -148,7 +144,6 @@ var InputField = function InputField(_ref) {
|
|
|
148
144
|
}, data);
|
|
149
145
|
})) : null);
|
|
150
146
|
};
|
|
151
|
-
|
|
152
147
|
InputField.propTypes = propTypes$5;
|
|
153
148
|
InputField.defaultProps = defaultProps$5;
|
|
154
149
|
var InputField$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -160,65 +155,55 @@ var InputField$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
160
155
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
161
156
|
var propTypes$4 = {};
|
|
162
157
|
var defaultProps$4 = {};
|
|
163
|
-
|
|
164
158
|
var EmailField = function EmailField(props) {
|
|
165
159
|
return /*#__PURE__*/React.createElement(InputField$1, Object.assign({}, props, {
|
|
166
160
|
type: "email"
|
|
167
161
|
}));
|
|
168
162
|
};
|
|
169
|
-
|
|
170
163
|
EmailField.propTypes = propTypes$4;
|
|
171
164
|
EmailField.defaultProps = defaultProps$4;
|
|
172
165
|
|
|
173
166
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
174
167
|
var propTypes$3 = {};
|
|
175
168
|
var defaultProps$3 = {};
|
|
176
|
-
|
|
177
169
|
var PasswordField = function PasswordField(props) {
|
|
178
170
|
return /*#__PURE__*/React.createElement(InputField$1, Object.assign({}, props, {
|
|
179
171
|
type: "password"
|
|
180
172
|
}));
|
|
181
173
|
};
|
|
182
|
-
|
|
183
174
|
PasswordField.propTypes = propTypes$3;
|
|
184
175
|
PasswordField.defaultProps = defaultProps$3;
|
|
185
176
|
|
|
186
177
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
187
178
|
var propTypes$2 = {};
|
|
188
179
|
var defaultProps$2 = {};
|
|
189
|
-
|
|
190
180
|
var TelephoneField = function TelephoneField(props) {
|
|
191
181
|
return /*#__PURE__*/React.createElement(InputField$1, Object.assign({}, props, {
|
|
192
182
|
type: "tel"
|
|
193
183
|
}));
|
|
194
184
|
};
|
|
195
|
-
|
|
196
185
|
TelephoneField.propTypes = propTypes$2;
|
|
197
186
|
TelephoneField.defaultProps = defaultProps$2;
|
|
198
187
|
|
|
199
188
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
200
189
|
var propTypes$1 = {};
|
|
201
190
|
var defaultProps$1 = {};
|
|
202
|
-
|
|
203
191
|
var TextareaField = function TextareaField(props) {
|
|
204
192
|
return /*#__PURE__*/React.createElement(InputField$1, Object.assign({}, props, {
|
|
205
193
|
type: "textarea"
|
|
206
194
|
}));
|
|
207
195
|
};
|
|
208
|
-
|
|
209
196
|
TextareaField.propTypes = propTypes$1;
|
|
210
197
|
TextareaField.defaultProps = defaultProps$1;
|
|
211
198
|
|
|
212
199
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
213
200
|
var propTypes = {};
|
|
214
201
|
var defaultProps = {};
|
|
215
|
-
|
|
216
202
|
var TextField = function TextField(props) {
|
|
217
203
|
return /*#__PURE__*/React.createElement(InputField$1, Object.assign({}, props, {
|
|
218
204
|
type: "text"
|
|
219
205
|
}));
|
|
220
206
|
};
|
|
221
|
-
|
|
222
207
|
TextField.propTypes = propTypes;
|
|
223
208
|
TextField.defaultProps = defaultProps;
|
|
224
209
|
|
package/lib/index.js
CHANGED
|
@@ -64,8 +64,8 @@ var propTypes$5 = {
|
|
|
64
64
|
dataList: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
|
|
65
65
|
inputRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
|
|
66
66
|
current: PropTypes__default["default"].any // eslint-disable-line
|
|
67
|
-
|
|
68
67
|
})]),
|
|
68
|
+
|
|
69
69
|
className: PropTypes__default["default"].string
|
|
70
70
|
};
|
|
71
71
|
var defaultProps$5 = {
|
|
@@ -92,32 +92,30 @@ var defaultProps$5 = {
|
|
|
92
92
|
inputRef: null,
|
|
93
93
|
className: null
|
|
94
94
|
};
|
|
95
|
-
|
|
96
95
|
var InputField = function InputField(_ref) {
|
|
97
96
|
var _ref2;
|
|
98
|
-
|
|
99
97
|
var feedback = _ref.feedback,
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
98
|
+
value = _ref.value,
|
|
99
|
+
errors = _ref.errors,
|
|
100
|
+
required = _ref.required,
|
|
101
|
+
disabled = _ref.disabled,
|
|
102
|
+
readOnly = _ref.readOnly,
|
|
103
|
+
nativeOnChange = _ref.nativeOnChange,
|
|
104
|
+
type = _ref.type,
|
|
105
|
+
placeholder = _ref.placeholder,
|
|
106
|
+
onChange = _ref.onChange,
|
|
107
|
+
onFocus = _ref.onFocus,
|
|
108
|
+
onBlur = _ref.onBlur,
|
|
109
|
+
align = _ref.align,
|
|
110
|
+
size = _ref.size,
|
|
111
|
+
maxLength = _ref.maxLength,
|
|
112
|
+
prepend = _ref.prepend,
|
|
113
|
+
append = _ref.append,
|
|
114
|
+
min = _ref.min,
|
|
115
|
+
max = _ref.max,
|
|
116
|
+
dataList = _ref.dataList,
|
|
117
|
+
inputRef = _ref.inputRef,
|
|
118
|
+
className = _ref.className;
|
|
121
119
|
var dataListId = React.useMemo(function () {
|
|
122
120
|
return dataList !== null ? uuid.v1() : null;
|
|
123
121
|
}, [dataList]);
|
|
@@ -141,14 +139,12 @@ var InputField = function InputField(_ref) {
|
|
|
141
139
|
list: dataListId,
|
|
142
140
|
onChange: nativeOnChange ? onChange : function (_ref3) {
|
|
143
141
|
var _ref3$target$value = _ref3.target.value,
|
|
144
|
-
|
|
142
|
+
newValue = _ref3$target$value === void 0 ? '' : _ref3$target$value;
|
|
145
143
|
return onChange !== null ? onChange(!isEmpty__default["default"](newValue) ? newValue : null) : null;
|
|
146
144
|
}
|
|
147
145
|
};
|
|
148
|
-
|
|
149
146
|
elProps.horizontal;
|
|
150
|
-
|
|
151
|
-
|
|
147
|
+
var cleanProps = _objectWithoutProperties__default["default"](elProps, _excluded);
|
|
152
148
|
var inputElement = type !== 'textarea' ? /*#__PURE__*/React__default["default"].createElement("input", cleanProps) : /*#__PURE__*/React__default["default"].createElement("textarea", cleanProps);
|
|
153
149
|
var withInputGroup = prepend !== null || append !== null;
|
|
154
150
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, withInputGroup ? /*#__PURE__*/React__default["default"].createElement(InputGroup__default["default"], {
|
|
@@ -162,7 +158,6 @@ var InputField = function InputField(_ref) {
|
|
|
162
158
|
}, data);
|
|
163
159
|
})) : null);
|
|
164
160
|
};
|
|
165
|
-
|
|
166
161
|
InputField.propTypes = propTypes$5;
|
|
167
162
|
InputField.defaultProps = defaultProps$5;
|
|
168
163
|
var InputField$1 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
@@ -174,65 +169,55 @@ var InputField$1 = /*#__PURE__*/React__default["default"].forwardRef(function (p
|
|
|
174
169
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
175
170
|
var propTypes$4 = {};
|
|
176
171
|
var defaultProps$4 = {};
|
|
177
|
-
|
|
178
172
|
var EmailField = function EmailField(props) {
|
|
179
173
|
return /*#__PURE__*/React__default["default"].createElement(InputField$1, Object.assign({}, props, {
|
|
180
174
|
type: "email"
|
|
181
175
|
}));
|
|
182
176
|
};
|
|
183
|
-
|
|
184
177
|
EmailField.propTypes = propTypes$4;
|
|
185
178
|
EmailField.defaultProps = defaultProps$4;
|
|
186
179
|
|
|
187
180
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
188
181
|
var propTypes$3 = {};
|
|
189
182
|
var defaultProps$3 = {};
|
|
190
|
-
|
|
191
183
|
var PasswordField = function PasswordField(props) {
|
|
192
184
|
return /*#__PURE__*/React__default["default"].createElement(InputField$1, Object.assign({}, props, {
|
|
193
185
|
type: "password"
|
|
194
186
|
}));
|
|
195
187
|
};
|
|
196
|
-
|
|
197
188
|
PasswordField.propTypes = propTypes$3;
|
|
198
189
|
PasswordField.defaultProps = defaultProps$3;
|
|
199
190
|
|
|
200
191
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
201
192
|
var propTypes$2 = {};
|
|
202
193
|
var defaultProps$2 = {};
|
|
203
|
-
|
|
204
194
|
var TelephoneField = function TelephoneField(props) {
|
|
205
195
|
return /*#__PURE__*/React__default["default"].createElement(InputField$1, Object.assign({}, props, {
|
|
206
196
|
type: "tel"
|
|
207
197
|
}));
|
|
208
198
|
};
|
|
209
|
-
|
|
210
199
|
TelephoneField.propTypes = propTypes$2;
|
|
211
200
|
TelephoneField.defaultProps = defaultProps$2;
|
|
212
201
|
|
|
213
202
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
214
203
|
var propTypes$1 = {};
|
|
215
204
|
var defaultProps$1 = {};
|
|
216
|
-
|
|
217
205
|
var TextareaField = function TextareaField(props) {
|
|
218
206
|
return /*#__PURE__*/React__default["default"].createElement(InputField$1, Object.assign({}, props, {
|
|
219
207
|
type: "textarea"
|
|
220
208
|
}));
|
|
221
209
|
};
|
|
222
|
-
|
|
223
210
|
TextareaField.propTypes = propTypes$1;
|
|
224
211
|
TextareaField.defaultProps = defaultProps$1;
|
|
225
212
|
|
|
226
213
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
227
214
|
var propTypes = {};
|
|
228
215
|
var defaultProps = {};
|
|
229
|
-
|
|
230
216
|
var TextField = function TextField(props) {
|
|
231
217
|
return /*#__PURE__*/React__default["default"].createElement(InputField$1, Object.assign({}, props, {
|
|
232
218
|
type: "text"
|
|
233
219
|
}));
|
|
234
220
|
};
|
|
235
|
-
|
|
236
221
|
TextField.propTypes = propTypes;
|
|
237
222
|
TextField.defaultProps = defaultProps;
|
|
238
223
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@panneau/field-text",
|
|
3
|
-
"version": "1.0.3
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"description": "A text field",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@babel/runtime": "^7.12.5",
|
|
56
|
-
"@panneau/core": "^1.0.3
|
|
57
|
-
"@panneau/field-input-group": "^1.0.3
|
|
58
|
-
"@panneau/themes": "^1.0.3
|
|
56
|
+
"@panneau/core": "^1.0.3",
|
|
57
|
+
"@panneau/field-input-group": "^1.0.3",
|
|
58
|
+
"@panneau/themes": "^1.0.3",
|
|
59
59
|
"classnames": "^2.2.6",
|
|
60
60
|
"lodash": "^4.17.21",
|
|
61
61
|
"prop-types": "^15.7.2",
|
|
@@ -64,5 +64,5 @@
|
|
|
64
64
|
"publishConfig": {
|
|
65
65
|
"access": "public"
|
|
66
66
|
},
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "59e6842b1a768acb6fa826e6a6396d09e239c955"
|
|
68
68
|
}
|