@panneau/field-text 3.0.308 → 4.0.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/es/index.js +76 -129
- package/package.json +5 -5
package/es/index.js
CHANGED
|
@@ -3,7 +3,6 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
|
|
|
3
3
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
import isEmpty from 'lodash-es/isEmpty';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
6
|
import { v1 } from 'uuid';
|
|
8
7
|
import InputGroup from '@panneau/field-input-group';
|
|
9
8
|
|
|
@@ -27,88 +26,57 @@ var definition = [{
|
|
|
27
26
|
var styles = {"inputElement":"panneau-field-text-inputElement"};
|
|
28
27
|
|
|
29
28
|
var _excluded = ["horizontal"];
|
|
30
|
-
|
|
31
|
-
feedback
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
dataList: null,
|
|
82
|
-
inputRef: null,
|
|
83
|
-
style: null,
|
|
84
|
-
className: null
|
|
85
|
-
};
|
|
86
|
-
var InputField = function InputField(_ref) {
|
|
87
|
-
var feedback = _ref.feedback,
|
|
88
|
-
value = _ref.value,
|
|
89
|
-
errors = _ref.errors,
|
|
90
|
-
required = _ref.required,
|
|
91
|
-
disabled = _ref.disabled,
|
|
92
|
-
readOnly = _ref.readOnly,
|
|
93
|
-
nativeOnChange = _ref.nativeOnChange,
|
|
94
|
-
pattern = _ref.pattern,
|
|
95
|
-
title = _ref.title,
|
|
96
|
-
type = _ref.type,
|
|
97
|
-
placeholder = _ref.placeholder,
|
|
98
|
-
onChange = _ref.onChange,
|
|
99
|
-
onFocus = _ref.onFocus,
|
|
100
|
-
onBlur = _ref.onBlur,
|
|
101
|
-
align = _ref.align,
|
|
102
|
-
size = _ref.size,
|
|
103
|
-
maxLength = _ref.maxLength,
|
|
104
|
-
prepend = _ref.prepend,
|
|
105
|
-
append = _ref.append,
|
|
106
|
-
min = _ref.min,
|
|
107
|
-
max = _ref.max,
|
|
108
|
-
dataList = _ref.dataList,
|
|
109
|
-
inputRef = _ref.inputRef,
|
|
110
|
-
style = _ref.style,
|
|
111
|
-
className = _ref.className;
|
|
29
|
+
function InputField(_ref) {
|
|
30
|
+
var _ref$feedback = _ref.feedback,
|
|
31
|
+
feedback = _ref$feedback === void 0 ? null : _ref$feedback,
|
|
32
|
+
_ref$value = _ref.value,
|
|
33
|
+
value = _ref$value === void 0 ? null : _ref$value,
|
|
34
|
+
_ref$errors = _ref.errors,
|
|
35
|
+
errors = _ref$errors === void 0 ? null : _ref$errors,
|
|
36
|
+
_ref$required = _ref.required,
|
|
37
|
+
required = _ref$required === void 0 ? false : _ref$required,
|
|
38
|
+
_ref$disabled = _ref.disabled,
|
|
39
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
40
|
+
_ref$readOnly = _ref.readOnly,
|
|
41
|
+
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
|
|
42
|
+
_ref$nativeOnChange = _ref.nativeOnChange,
|
|
43
|
+
nativeOnChange = _ref$nativeOnChange === void 0 ? false : _ref$nativeOnChange,
|
|
44
|
+
_ref$pattern = _ref.pattern,
|
|
45
|
+
pattern = _ref$pattern === void 0 ? null : _ref$pattern,
|
|
46
|
+
_ref$title = _ref.title,
|
|
47
|
+
title = _ref$title === void 0 ? null : _ref$title,
|
|
48
|
+
_ref$type = _ref.type,
|
|
49
|
+
type = _ref$type === void 0 ? null : _ref$type,
|
|
50
|
+
_ref$placeholder = _ref.placeholder,
|
|
51
|
+
placeholder = _ref$placeholder === void 0 ? null : _ref$placeholder,
|
|
52
|
+
_ref$onChange = _ref.onChange,
|
|
53
|
+
onChange = _ref$onChange === void 0 ? null : _ref$onChange,
|
|
54
|
+
_ref$onFocus = _ref.onFocus,
|
|
55
|
+
onFocus = _ref$onFocus === void 0 ? null : _ref$onFocus,
|
|
56
|
+
_ref$onBlur = _ref.onBlur,
|
|
57
|
+
onBlur = _ref$onBlur === void 0 ? null : _ref$onBlur,
|
|
58
|
+
_ref$align = _ref.align,
|
|
59
|
+
align = _ref$align === void 0 ? null : _ref$align,
|
|
60
|
+
_ref$size = _ref.size,
|
|
61
|
+
size = _ref$size === void 0 ? null : _ref$size,
|
|
62
|
+
_ref$maxLength = _ref.maxLength,
|
|
63
|
+
maxLength = _ref$maxLength === void 0 ? null : _ref$maxLength,
|
|
64
|
+
_ref$prepend = _ref.prepend,
|
|
65
|
+
prepend = _ref$prepend === void 0 ? null : _ref$prepend,
|
|
66
|
+
_ref$append = _ref.append,
|
|
67
|
+
append = _ref$append === void 0 ? null : _ref$append,
|
|
68
|
+
_ref$min = _ref.min,
|
|
69
|
+
min = _ref$min === void 0 ? null : _ref$min,
|
|
70
|
+
_ref$max = _ref.max,
|
|
71
|
+
max = _ref$max === void 0 ? null : _ref$max,
|
|
72
|
+
_ref$dataList = _ref.dataList,
|
|
73
|
+
dataList = _ref$dataList === void 0 ? null : _ref$dataList,
|
|
74
|
+
_ref$inputRef = _ref.inputRef,
|
|
75
|
+
inputRef = _ref$inputRef === void 0 ? null : _ref$inputRef,
|
|
76
|
+
_ref$style = _ref.style,
|
|
77
|
+
style = _ref$style === void 0 ? null : _ref$style,
|
|
78
|
+
_ref$className = _ref.className,
|
|
79
|
+
className = _ref$className === void 0 ? null : _ref$className;
|
|
112
80
|
var dataListId = useMemo(function () {
|
|
113
81
|
return dataList !== null ? v1() : null;
|
|
114
82
|
}, [dataList]);
|
|
@@ -119,31 +87,32 @@ var InputField = function InputField(_ref) {
|
|
|
119
87
|
onBlur: onBlur,
|
|
120
88
|
value: value !== null ? value : '',
|
|
121
89
|
style: {
|
|
122
|
-
textAlign: align
|
|
90
|
+
textAlign: align || undefined
|
|
123
91
|
},
|
|
124
|
-
placeholder: placeholder,
|
|
125
|
-
type: type,
|
|
126
|
-
maxLength: maxLength,
|
|
127
|
-
min: min,
|
|
128
|
-
max: max,
|
|
92
|
+
placeholder: placeholder || undefined,
|
|
93
|
+
type: type || undefined,
|
|
94
|
+
maxLength: maxLength || undefined,
|
|
95
|
+
min: min || undefined,
|
|
96
|
+
max: max || undefined,
|
|
129
97
|
required: required,
|
|
130
98
|
disabled: disabled,
|
|
131
99
|
readOnly: readOnly,
|
|
132
|
-
list: dataListId,
|
|
133
|
-
pattern: pattern,
|
|
134
|
-
title: title,
|
|
100
|
+
list: dataListId || undefined,
|
|
101
|
+
pattern: pattern || undefined,
|
|
102
|
+
title: title || undefined,
|
|
135
103
|
onChange: nativeOnChange ? onChange : function (_ref3) {
|
|
136
104
|
var _ref3$target$value = _ref3.target.value,
|
|
137
105
|
newValue = _ref3$target$value === void 0 ? '' : _ref3$target$value;
|
|
138
106
|
return onChange !== null ? onChange(!isEmpty(newValue) ? newValue : null) : null;
|
|
139
107
|
}
|
|
140
108
|
};
|
|
141
|
-
elProps
|
|
142
|
-
|
|
109
|
+
var _ref4 = elProps;
|
|
110
|
+
_ref4.horizontal;
|
|
111
|
+
var cleanProps = _objectWithoutProperties(_ref4, _excluded);
|
|
143
112
|
var inputElement = type !== 'textarea' ? /*#__PURE__*/React.createElement("input", Object.assign({}, cleanProps, {
|
|
144
|
-
style: style
|
|
113
|
+
style: style || undefined
|
|
145
114
|
})) : /*#__PURE__*/React.createElement("textarea", Object.assign({
|
|
146
|
-
style: style
|
|
115
|
+
style: style || undefined
|
|
147
116
|
}, cleanProps));
|
|
148
117
|
var withInputGroup = prepend !== null || append !== null;
|
|
149
118
|
return /*#__PURE__*/React.createElement(React.Fragment, null, withInputGroup ? /*#__PURE__*/React.createElement(InputGroup, {
|
|
@@ -156,64 +125,42 @@ var InputField = function InputField(_ref) {
|
|
|
156
125
|
key: "option-".concat(dataIndex)
|
|
157
126
|
}, data);
|
|
158
127
|
})) : null);
|
|
159
|
-
}
|
|
160
|
-
InputField.propTypes = propTypes$5;
|
|
161
|
-
InputField.defaultProps = defaultProps$5;
|
|
128
|
+
}
|
|
162
129
|
// React.forwardRef((props, ref) => <InputField inputRef={ref} {...props} />);
|
|
163
130
|
|
|
164
131
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
165
|
-
|
|
166
|
-
var defaultProps$4 = {};
|
|
167
|
-
var EmailField = function EmailField(props) {
|
|
132
|
+
function EmailField(props) {
|
|
168
133
|
return /*#__PURE__*/React.createElement(InputField, Object.assign({}, props, {
|
|
169
134
|
type: "email"
|
|
170
135
|
}));
|
|
171
|
-
}
|
|
172
|
-
EmailField.propTypes = propTypes$4;
|
|
173
|
-
EmailField.defaultProps = defaultProps$4;
|
|
136
|
+
}
|
|
174
137
|
|
|
175
138
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
176
|
-
|
|
177
|
-
var defaultProps$3 = {};
|
|
178
|
-
var PasswordField = function PasswordField(props) {
|
|
139
|
+
function PasswordField(props) {
|
|
179
140
|
return /*#__PURE__*/React.createElement(InputField, Object.assign({}, props, {
|
|
180
141
|
type: "password"
|
|
181
142
|
}));
|
|
182
|
-
}
|
|
183
|
-
PasswordField.propTypes = propTypes$3;
|
|
184
|
-
PasswordField.defaultProps = defaultProps$3;
|
|
143
|
+
}
|
|
185
144
|
|
|
186
145
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
187
|
-
|
|
188
|
-
var defaultProps$2 = {};
|
|
189
|
-
var TelephoneField = function TelephoneField(props) {
|
|
146
|
+
function TelephoneField(props) {
|
|
190
147
|
return /*#__PURE__*/React.createElement(InputField, Object.assign({}, props, {
|
|
191
148
|
type: "tel"
|
|
192
149
|
}));
|
|
193
|
-
}
|
|
194
|
-
TelephoneField.propTypes = propTypes$2;
|
|
195
|
-
TelephoneField.defaultProps = defaultProps$2;
|
|
150
|
+
}
|
|
196
151
|
|
|
197
152
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
198
|
-
|
|
199
|
-
var defaultProps$1 = {};
|
|
200
|
-
var TextareaField = function TextareaField(props) {
|
|
153
|
+
function TextareaField(props) {
|
|
201
154
|
return /*#__PURE__*/React.createElement(InputField, Object.assign({}, props, {
|
|
202
155
|
type: "textarea"
|
|
203
156
|
}));
|
|
204
|
-
}
|
|
205
|
-
TextareaField.propTypes = propTypes$1;
|
|
206
|
-
TextareaField.defaultProps = defaultProps$1;
|
|
157
|
+
}
|
|
207
158
|
|
|
208
159
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
209
|
-
|
|
210
|
-
var defaultProps = {};
|
|
211
|
-
var TextField = function TextField(props) {
|
|
160
|
+
function TextField(props) {
|
|
212
161
|
return /*#__PURE__*/React.createElement(InputField, Object.assign({}, props, {
|
|
213
162
|
type: "text"
|
|
214
163
|
}));
|
|
215
|
-
}
|
|
216
|
-
TextField.propTypes = propTypes;
|
|
217
|
-
TextField.defaultProps = defaultProps;
|
|
164
|
+
}
|
|
218
165
|
|
|
219
166
|
export { EmailField as Email, PasswordField as Password, TelephoneField as Telephone, TextareaField as Textarea, TextField as default, definition };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@panneau/field-text",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0",
|
|
4
4
|
"description": "A text field",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -59,9 +59,9 @@
|
|
|
59
59
|
},
|
|
60
60
|
"dependencies": {
|
|
61
61
|
"@babel/runtime": "^7.12.5",
|
|
62
|
-
"@panneau/core": "^
|
|
63
|
-
"@panneau/field-input-group": "^
|
|
64
|
-
"@panneau/themes": "^
|
|
62
|
+
"@panneau/core": "^4.0.0",
|
|
63
|
+
"@panneau/field-input-group": "^4.0.0",
|
|
64
|
+
"@panneau/themes": "^4.0.0",
|
|
65
65
|
"classnames": "^2.5.1",
|
|
66
66
|
"lodash-es": "^4.17.21",
|
|
67
67
|
"prop-types": "^15.7.2",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"publishConfig": {
|
|
71
71
|
"access": "public"
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "2cca874e0388b4a20c39aadb205c0e67d5a946fc"
|
|
74
74
|
}
|