@panneau/field-text 1.0.0-alpha.97 → 1.0.3-alpha.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/assets/css/styles.css +1 -0
- package/es/index.js +62 -33
- package/lib/index.js +86 -56
- package/package.json +9 -9
package/assets/css/styles.css
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.panneau-field-text-inputElement[type=search]::-webkit-search-cancel-button,.panneau-field-text-inputElement[type=search]::-webkit-search-decoration,.panneau-field-text-inputElement[type=search]::-webkit-search-results-button,.panneau-field-text-inputElement[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}
|
package/es/index.js
CHANGED
|
@@ -24,24 +24,29 @@ var definition = [{
|
|
|
24
24
|
component: 'textarea'
|
|
25
25
|
}];
|
|
26
26
|
|
|
27
|
-
var styles = {};
|
|
27
|
+
var styles = {"inputElement":"panneau-field-text-inputElement"};
|
|
28
28
|
|
|
29
|
-
var
|
|
29
|
+
var _excluded = ["horizontal"];
|
|
30
|
+
var propTypes$5 = {
|
|
30
31
|
feedback: PropTypes.oneOf(['valid', 'invalid', 'loading']),
|
|
31
32
|
value: PropTypes.string,
|
|
32
33
|
errors: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
|
|
33
34
|
required: PropTypes.bool,
|
|
34
35
|
disabled: PropTypes.bool,
|
|
36
|
+
readOnly: PropTypes.bool,
|
|
35
37
|
nativeOnChange: PropTypes.bool,
|
|
36
|
-
type: PropTypes.oneOf(['text', 'email', 'tel', 'password', 'textarea']),
|
|
38
|
+
type: PropTypes.oneOf(['text', 'email', 'tel', 'password', 'textarea', 'number']),
|
|
37
39
|
placeholder: PropTypes.string,
|
|
38
40
|
onChange: PropTypes.func,
|
|
39
41
|
onFocus: PropTypes.func,
|
|
40
42
|
onBlur: PropTypes.func,
|
|
41
43
|
align: PropTypes.oneOf(['left', 'center', 'right']),
|
|
42
44
|
size: PropTypes.oneOf([null, 'lg', 'sm']),
|
|
45
|
+
maxLength: PropTypes.number,
|
|
43
46
|
prepend: PropTypes.node,
|
|
44
47
|
append: PropTypes.node,
|
|
48
|
+
min: PropTypes.number,
|
|
49
|
+
max: PropTypes.number,
|
|
45
50
|
dataList: PropTypes.arrayOf(PropTypes.string),
|
|
46
51
|
inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
47
52
|
current: PropTypes.any // eslint-disable-line
|
|
@@ -49,12 +54,13 @@ var propTypes$4 = {
|
|
|
49
54
|
})]),
|
|
50
55
|
className: PropTypes.string
|
|
51
56
|
};
|
|
52
|
-
var defaultProps$
|
|
57
|
+
var defaultProps$5 = {
|
|
53
58
|
feedback: null,
|
|
54
59
|
value: null,
|
|
55
60
|
errors: null,
|
|
56
61
|
required: false,
|
|
57
62
|
disabled: false,
|
|
63
|
+
readOnly: false,
|
|
58
64
|
nativeOnChange: false,
|
|
59
65
|
type: null,
|
|
60
66
|
placeholder: null,
|
|
@@ -63,14 +69,17 @@ var defaultProps$4 = {
|
|
|
63
69
|
onBlur: null,
|
|
64
70
|
align: null,
|
|
65
71
|
size: null,
|
|
72
|
+
maxLength: null,
|
|
66
73
|
prepend: null,
|
|
67
74
|
append: null,
|
|
75
|
+
min: null,
|
|
76
|
+
max: null,
|
|
68
77
|
dataList: null,
|
|
69
78
|
inputRef: null,
|
|
70
79
|
className: null
|
|
71
80
|
};
|
|
72
81
|
|
|
73
|
-
var
|
|
82
|
+
var InputField = function InputField(_ref) {
|
|
74
83
|
var _ref2;
|
|
75
84
|
|
|
76
85
|
var feedback = _ref.feedback,
|
|
@@ -78,6 +87,7 @@ var TextField = function TextField(_ref) {
|
|
|
78
87
|
errors = _ref.errors,
|
|
79
88
|
required = _ref.required,
|
|
80
89
|
disabled = _ref.disabled,
|
|
90
|
+
readOnly = _ref.readOnly,
|
|
81
91
|
nativeOnChange = _ref.nativeOnChange,
|
|
82
92
|
type = _ref.type,
|
|
83
93
|
placeholder = _ref.placeholder,
|
|
@@ -86,8 +96,11 @@ var TextField = function TextField(_ref) {
|
|
|
86
96
|
onBlur = _ref.onBlur,
|
|
87
97
|
align = _ref.align,
|
|
88
98
|
size = _ref.size,
|
|
99
|
+
maxLength = _ref.maxLength,
|
|
89
100
|
prepend = _ref.prepend,
|
|
90
101
|
append = _ref.append,
|
|
102
|
+
min = _ref.min,
|
|
103
|
+
max = _ref.max,
|
|
91
104
|
dataList = _ref.dataList,
|
|
92
105
|
inputRef = _ref.inputRef,
|
|
93
106
|
className = _ref.className;
|
|
@@ -96,7 +109,7 @@ var TextField = function TextField(_ref) {
|
|
|
96
109
|
}, [dataList]);
|
|
97
110
|
var elProps = {
|
|
98
111
|
ref: inputRef,
|
|
99
|
-
className: classNames([styles.inputElement, 'form-control', (_ref2 = {}, _defineProperty(_ref2, "form-control-".concat(size), size !== null), _defineProperty(_ref2, 'is-valid', feedback === 'valid'), _defineProperty(_ref2, 'is-invalid', feedback === 'invalid'
|
|
112
|
+
className: classNames([styles.inputElement, 'form-control', (_ref2 = {}, _defineProperty(_ref2, "form-control-".concat(size), size !== null), _defineProperty(_ref2, 'is-valid', feedback === 'valid'), _defineProperty(_ref2, 'is-invalid', feedback === 'invalid' || errors !== null), _defineProperty(_ref2, className, className !== null), _ref2)]),
|
|
100
113
|
onFocus: onFocus,
|
|
101
114
|
onBlur: onBlur,
|
|
102
115
|
value: value !== null ? value : '',
|
|
@@ -105,8 +118,12 @@ var TextField = function TextField(_ref) {
|
|
|
105
118
|
},
|
|
106
119
|
placeholder: placeholder,
|
|
107
120
|
type: type,
|
|
121
|
+
maxLength: maxLength,
|
|
122
|
+
min: min,
|
|
123
|
+
max: max,
|
|
108
124
|
required: required,
|
|
109
125
|
disabled: disabled,
|
|
126
|
+
readOnly: readOnly,
|
|
110
127
|
list: dataListId,
|
|
111
128
|
onChange: nativeOnChange ? onChange : function (_ref3) {
|
|
112
129
|
var _ref3$target$value = _ref3.target.value,
|
|
@@ -116,7 +133,7 @@ var TextField = function TextField(_ref) {
|
|
|
116
133
|
};
|
|
117
134
|
|
|
118
135
|
elProps.horizontal;
|
|
119
|
-
var cleanProps = _objectWithoutProperties(elProps,
|
|
136
|
+
var cleanProps = _objectWithoutProperties(elProps, _excluded);
|
|
120
137
|
|
|
121
138
|
var inputElement = type !== 'textarea' ? /*#__PURE__*/React.createElement("input", cleanProps) : /*#__PURE__*/React.createElement("textarea", cleanProps);
|
|
122
139
|
var withInputGroup = prepend !== null || append !== null;
|
|
@@ -132,65 +149,77 @@ var TextField = function TextField(_ref) {
|
|
|
132
149
|
})) : null);
|
|
133
150
|
};
|
|
134
151
|
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
var
|
|
138
|
-
return /*#__PURE__*/React.createElement(
|
|
152
|
+
InputField.propTypes = propTypes$5;
|
|
153
|
+
InputField.defaultProps = defaultProps$5;
|
|
154
|
+
var InputField$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
155
|
+
return /*#__PURE__*/React.createElement(InputField, Object.assign({
|
|
139
156
|
inputRef: ref
|
|
140
157
|
}, props));
|
|
141
158
|
});
|
|
142
159
|
|
|
143
160
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
144
|
-
var propTypes$
|
|
145
|
-
var defaultProps$
|
|
161
|
+
var propTypes$4 = {};
|
|
162
|
+
var defaultProps$4 = {};
|
|
146
163
|
|
|
147
164
|
var EmailField = function EmailField(props) {
|
|
148
|
-
return /*#__PURE__*/React.createElement(
|
|
165
|
+
return /*#__PURE__*/React.createElement(InputField$1, Object.assign({}, props, {
|
|
149
166
|
type: "email"
|
|
150
167
|
}));
|
|
151
168
|
};
|
|
152
169
|
|
|
153
|
-
EmailField.propTypes = propTypes$
|
|
154
|
-
EmailField.defaultProps = defaultProps$
|
|
170
|
+
EmailField.propTypes = propTypes$4;
|
|
171
|
+
EmailField.defaultProps = defaultProps$4;
|
|
155
172
|
|
|
156
173
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
157
|
-
var propTypes$
|
|
158
|
-
var defaultProps$
|
|
174
|
+
var propTypes$3 = {};
|
|
175
|
+
var defaultProps$3 = {};
|
|
159
176
|
|
|
160
177
|
var PasswordField = function PasswordField(props) {
|
|
161
|
-
return /*#__PURE__*/React.createElement(
|
|
178
|
+
return /*#__PURE__*/React.createElement(InputField$1, Object.assign({}, props, {
|
|
162
179
|
type: "password"
|
|
163
180
|
}));
|
|
164
181
|
};
|
|
165
182
|
|
|
166
|
-
PasswordField.propTypes = propTypes$
|
|
167
|
-
PasswordField.defaultProps = defaultProps$
|
|
183
|
+
PasswordField.propTypes = propTypes$3;
|
|
184
|
+
PasswordField.defaultProps = defaultProps$3;
|
|
168
185
|
|
|
169
186
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
170
|
-
var propTypes$
|
|
171
|
-
var defaultProps$
|
|
187
|
+
var propTypes$2 = {};
|
|
188
|
+
var defaultProps$2 = {};
|
|
172
189
|
|
|
173
190
|
var TelephoneField = function TelephoneField(props) {
|
|
174
|
-
return /*#__PURE__*/React.createElement(
|
|
191
|
+
return /*#__PURE__*/React.createElement(InputField$1, Object.assign({}, props, {
|
|
175
192
|
type: "tel"
|
|
176
193
|
}));
|
|
177
194
|
};
|
|
178
195
|
|
|
179
|
-
TelephoneField.propTypes = propTypes$
|
|
180
|
-
TelephoneField.defaultProps = defaultProps$
|
|
196
|
+
TelephoneField.propTypes = propTypes$2;
|
|
197
|
+
TelephoneField.defaultProps = defaultProps$2;
|
|
181
198
|
|
|
182
199
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
183
|
-
var propTypes = {};
|
|
184
|
-
var defaultProps = {};
|
|
200
|
+
var propTypes$1 = {};
|
|
201
|
+
var defaultProps$1 = {};
|
|
185
202
|
|
|
186
203
|
var TextareaField = function TextareaField(props) {
|
|
187
|
-
return /*#__PURE__*/React.createElement(
|
|
204
|
+
return /*#__PURE__*/React.createElement(InputField$1, Object.assign({}, props, {
|
|
188
205
|
type: "textarea"
|
|
189
206
|
}));
|
|
190
207
|
};
|
|
191
208
|
|
|
192
|
-
TextareaField.propTypes = propTypes;
|
|
193
|
-
TextareaField.defaultProps = defaultProps;
|
|
209
|
+
TextareaField.propTypes = propTypes$1;
|
|
210
|
+
TextareaField.defaultProps = defaultProps$1;
|
|
211
|
+
|
|
212
|
+
/* eslint-disable react/jsx-props-no-spreading */
|
|
213
|
+
var propTypes = {};
|
|
214
|
+
var defaultProps = {};
|
|
215
|
+
|
|
216
|
+
var TextField = function TextField(props) {
|
|
217
|
+
return /*#__PURE__*/React.createElement(InputField$1, Object.assign({}, props, {
|
|
218
|
+
type: "text"
|
|
219
|
+
}));
|
|
220
|
+
};
|
|
221
|
+
|
|
222
|
+
TextField.propTypes = propTypes;
|
|
223
|
+
TextField.defaultProps = defaultProps;
|
|
194
224
|
|
|
195
|
-
export default
|
|
196
|
-
export { EmailField as Email, PasswordField as Password, TelephoneField as Telephone, TextareaField as Textarea, definition };
|
|
225
|
+
export { EmailField as Email, PasswordField as Password, TelephoneField as Telephone, TextareaField as Textarea, TextField as default, definition };
|
package/lib/index.js
CHANGED
|
@@ -38,37 +38,43 @@ var definition = [{
|
|
|
38
38
|
component: 'textarea'
|
|
39
39
|
}];
|
|
40
40
|
|
|
41
|
-
var styles = {};
|
|
42
|
-
|
|
43
|
-
var
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
41
|
+
var styles = {"inputElement":"panneau-field-text-inputElement"};
|
|
42
|
+
|
|
43
|
+
var _excluded = ["horizontal"];
|
|
44
|
+
var propTypes$5 = {
|
|
45
|
+
feedback: PropTypes__default["default"].oneOf(['valid', 'invalid', 'loading']),
|
|
46
|
+
value: PropTypes__default["default"].string,
|
|
47
|
+
errors: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
|
|
48
|
+
required: PropTypes__default["default"].bool,
|
|
49
|
+
disabled: PropTypes__default["default"].bool,
|
|
50
|
+
readOnly: PropTypes__default["default"].bool,
|
|
51
|
+
nativeOnChange: PropTypes__default["default"].bool,
|
|
52
|
+
type: PropTypes__default["default"].oneOf(['text', 'email', 'tel', 'password', 'textarea', 'number']),
|
|
53
|
+
placeholder: PropTypes__default["default"].string,
|
|
54
|
+
onChange: PropTypes__default["default"].func,
|
|
55
|
+
onFocus: PropTypes__default["default"].func,
|
|
56
|
+
onBlur: PropTypes__default["default"].func,
|
|
57
|
+
align: PropTypes__default["default"].oneOf(['left', 'center', 'right']),
|
|
58
|
+
size: PropTypes__default["default"].oneOf([null, 'lg', 'sm']),
|
|
59
|
+
maxLength: PropTypes__default["default"].number,
|
|
60
|
+
prepend: PropTypes__default["default"].node,
|
|
61
|
+
append: PropTypes__default["default"].node,
|
|
62
|
+
min: PropTypes__default["default"].number,
|
|
63
|
+
max: PropTypes__default["default"].number,
|
|
64
|
+
dataList: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
|
|
65
|
+
inputRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
|
|
66
|
+
current: PropTypes__default["default"].any // eslint-disable-line
|
|
62
67
|
|
|
63
68
|
})]),
|
|
64
|
-
className: PropTypes__default[
|
|
69
|
+
className: PropTypes__default["default"].string
|
|
65
70
|
};
|
|
66
|
-
var defaultProps$
|
|
71
|
+
var defaultProps$5 = {
|
|
67
72
|
feedback: null,
|
|
68
73
|
value: null,
|
|
69
74
|
errors: null,
|
|
70
75
|
required: false,
|
|
71
76
|
disabled: false,
|
|
77
|
+
readOnly: false,
|
|
72
78
|
nativeOnChange: false,
|
|
73
79
|
type: null,
|
|
74
80
|
placeholder: null,
|
|
@@ -77,14 +83,17 @@ var defaultProps$4 = {
|
|
|
77
83
|
onBlur: null,
|
|
78
84
|
align: null,
|
|
79
85
|
size: null,
|
|
86
|
+
maxLength: null,
|
|
80
87
|
prepend: null,
|
|
81
88
|
append: null,
|
|
89
|
+
min: null,
|
|
90
|
+
max: null,
|
|
82
91
|
dataList: null,
|
|
83
92
|
inputRef: null,
|
|
84
93
|
className: null
|
|
85
94
|
};
|
|
86
95
|
|
|
87
|
-
var
|
|
96
|
+
var InputField = function InputField(_ref) {
|
|
88
97
|
var _ref2;
|
|
89
98
|
|
|
90
99
|
var feedback = _ref.feedback,
|
|
@@ -92,6 +101,7 @@ var TextField = function TextField(_ref) {
|
|
|
92
101
|
errors = _ref.errors,
|
|
93
102
|
required = _ref.required,
|
|
94
103
|
disabled = _ref.disabled,
|
|
104
|
+
readOnly = _ref.readOnly,
|
|
95
105
|
nativeOnChange = _ref.nativeOnChange,
|
|
96
106
|
type = _ref.type,
|
|
97
107
|
placeholder = _ref.placeholder,
|
|
@@ -100,8 +110,11 @@ var TextField = function TextField(_ref) {
|
|
|
100
110
|
onBlur = _ref.onBlur,
|
|
101
111
|
align = _ref.align,
|
|
102
112
|
size = _ref.size,
|
|
113
|
+
maxLength = _ref.maxLength,
|
|
103
114
|
prepend = _ref.prepend,
|
|
104
115
|
append = _ref.append,
|
|
116
|
+
min = _ref.min,
|
|
117
|
+
max = _ref.max,
|
|
105
118
|
dataList = _ref.dataList,
|
|
106
119
|
inputRef = _ref.inputRef,
|
|
107
120
|
className = _ref.className;
|
|
@@ -110,7 +123,7 @@ var TextField = function TextField(_ref) {
|
|
|
110
123
|
}, [dataList]);
|
|
111
124
|
var elProps = {
|
|
112
125
|
ref: inputRef,
|
|
113
|
-
className: classNames__default[
|
|
126
|
+
className: classNames__default["default"]([styles.inputElement, 'form-control', (_ref2 = {}, _defineProperty__default["default"](_ref2, "form-control-".concat(size), size !== null), _defineProperty__default["default"](_ref2, 'is-valid', feedback === 'valid'), _defineProperty__default["default"](_ref2, 'is-invalid', feedback === 'invalid' || errors !== null), _defineProperty__default["default"](_ref2, className, className !== null), _ref2)]),
|
|
114
127
|
onFocus: onFocus,
|
|
115
128
|
onBlur: onBlur,
|
|
116
129
|
value: value !== null ? value : '',
|
|
@@ -119,96 +132,113 @@ var TextField = function TextField(_ref) {
|
|
|
119
132
|
},
|
|
120
133
|
placeholder: placeholder,
|
|
121
134
|
type: type,
|
|
135
|
+
maxLength: maxLength,
|
|
136
|
+
min: min,
|
|
137
|
+
max: max,
|
|
122
138
|
required: required,
|
|
123
139
|
disabled: disabled,
|
|
140
|
+
readOnly: readOnly,
|
|
124
141
|
list: dataListId,
|
|
125
142
|
onChange: nativeOnChange ? onChange : function (_ref3) {
|
|
126
143
|
var _ref3$target$value = _ref3.target.value,
|
|
127
144
|
newValue = _ref3$target$value === void 0 ? '' : _ref3$target$value;
|
|
128
|
-
return onChange !== null ? onChange(!isEmpty__default[
|
|
145
|
+
return onChange !== null ? onChange(!isEmpty__default["default"](newValue) ? newValue : null) : null;
|
|
129
146
|
}
|
|
130
147
|
};
|
|
131
148
|
|
|
132
149
|
elProps.horizontal;
|
|
133
|
-
var cleanProps = _objectWithoutProperties__default[
|
|
150
|
+
var cleanProps = _objectWithoutProperties__default["default"](elProps, _excluded);
|
|
134
151
|
|
|
135
|
-
var inputElement = type !== 'textarea' ? /*#__PURE__*/React__default[
|
|
152
|
+
var inputElement = type !== 'textarea' ? /*#__PURE__*/React__default["default"].createElement("input", cleanProps) : /*#__PURE__*/React__default["default"].createElement("textarea", cleanProps);
|
|
136
153
|
var withInputGroup = prepend !== null || append !== null;
|
|
137
|
-
return /*#__PURE__*/React__default[
|
|
154
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, withInputGroup ? /*#__PURE__*/React__default["default"].createElement(InputGroup__default["default"], {
|
|
138
155
|
prepend: prepend,
|
|
139
156
|
append: append
|
|
140
|
-
}, inputElement) : inputElement, dataListId !== null ? /*#__PURE__*/React__default[
|
|
157
|
+
}, inputElement) : inputElement, dataListId !== null ? /*#__PURE__*/React__default["default"].createElement("datalist", {
|
|
141
158
|
id: dataListId
|
|
142
159
|
}, dataList.map(function (data, dataIndex) {
|
|
143
|
-
return /*#__PURE__*/React__default[
|
|
160
|
+
return /*#__PURE__*/React__default["default"].createElement("option", {
|
|
144
161
|
key: "option-".concat(dataIndex)
|
|
145
162
|
}, data);
|
|
146
163
|
})) : null);
|
|
147
164
|
};
|
|
148
165
|
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
var
|
|
152
|
-
return /*#__PURE__*/React__default[
|
|
166
|
+
InputField.propTypes = propTypes$5;
|
|
167
|
+
InputField.defaultProps = defaultProps$5;
|
|
168
|
+
var InputField$1 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
169
|
+
return /*#__PURE__*/React__default["default"].createElement(InputField, Object.assign({
|
|
153
170
|
inputRef: ref
|
|
154
171
|
}, props));
|
|
155
172
|
});
|
|
156
173
|
|
|
157
174
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
158
|
-
var propTypes$
|
|
159
|
-
var defaultProps$
|
|
175
|
+
var propTypes$4 = {};
|
|
176
|
+
var defaultProps$4 = {};
|
|
160
177
|
|
|
161
178
|
var EmailField = function EmailField(props) {
|
|
162
|
-
return /*#__PURE__*/React__default[
|
|
179
|
+
return /*#__PURE__*/React__default["default"].createElement(InputField$1, Object.assign({}, props, {
|
|
163
180
|
type: "email"
|
|
164
181
|
}));
|
|
165
182
|
};
|
|
166
183
|
|
|
167
|
-
EmailField.propTypes = propTypes$
|
|
168
|
-
EmailField.defaultProps = defaultProps$
|
|
184
|
+
EmailField.propTypes = propTypes$4;
|
|
185
|
+
EmailField.defaultProps = defaultProps$4;
|
|
169
186
|
|
|
170
187
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
171
|
-
var propTypes$
|
|
172
|
-
var defaultProps$
|
|
188
|
+
var propTypes$3 = {};
|
|
189
|
+
var defaultProps$3 = {};
|
|
173
190
|
|
|
174
191
|
var PasswordField = function PasswordField(props) {
|
|
175
|
-
return /*#__PURE__*/React__default[
|
|
192
|
+
return /*#__PURE__*/React__default["default"].createElement(InputField$1, Object.assign({}, props, {
|
|
176
193
|
type: "password"
|
|
177
194
|
}));
|
|
178
195
|
};
|
|
179
196
|
|
|
180
|
-
PasswordField.propTypes = propTypes$
|
|
181
|
-
PasswordField.defaultProps = defaultProps$
|
|
197
|
+
PasswordField.propTypes = propTypes$3;
|
|
198
|
+
PasswordField.defaultProps = defaultProps$3;
|
|
182
199
|
|
|
183
200
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
184
|
-
var propTypes$
|
|
185
|
-
var defaultProps$
|
|
201
|
+
var propTypes$2 = {};
|
|
202
|
+
var defaultProps$2 = {};
|
|
186
203
|
|
|
187
204
|
var TelephoneField = function TelephoneField(props) {
|
|
188
|
-
return /*#__PURE__*/React__default[
|
|
205
|
+
return /*#__PURE__*/React__default["default"].createElement(InputField$1, Object.assign({}, props, {
|
|
189
206
|
type: "tel"
|
|
190
207
|
}));
|
|
191
208
|
};
|
|
192
209
|
|
|
193
|
-
TelephoneField.propTypes = propTypes$
|
|
194
|
-
TelephoneField.defaultProps = defaultProps$
|
|
210
|
+
TelephoneField.propTypes = propTypes$2;
|
|
211
|
+
TelephoneField.defaultProps = defaultProps$2;
|
|
195
212
|
|
|
196
213
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
197
|
-
var propTypes = {};
|
|
198
|
-
var defaultProps = {};
|
|
214
|
+
var propTypes$1 = {};
|
|
215
|
+
var defaultProps$1 = {};
|
|
199
216
|
|
|
200
217
|
var TextareaField = function TextareaField(props) {
|
|
201
|
-
return /*#__PURE__*/React__default[
|
|
218
|
+
return /*#__PURE__*/React__default["default"].createElement(InputField$1, Object.assign({}, props, {
|
|
202
219
|
type: "textarea"
|
|
203
220
|
}));
|
|
204
221
|
};
|
|
205
222
|
|
|
206
|
-
TextareaField.propTypes = propTypes;
|
|
207
|
-
TextareaField.defaultProps = defaultProps;
|
|
223
|
+
TextareaField.propTypes = propTypes$1;
|
|
224
|
+
TextareaField.defaultProps = defaultProps$1;
|
|
225
|
+
|
|
226
|
+
/* eslint-disable react/jsx-props-no-spreading */
|
|
227
|
+
var propTypes = {};
|
|
228
|
+
var defaultProps = {};
|
|
229
|
+
|
|
230
|
+
var TextField = function TextField(props) {
|
|
231
|
+
return /*#__PURE__*/React__default["default"].createElement(InputField$1, Object.assign({}, props, {
|
|
232
|
+
type: "text"
|
|
233
|
+
}));
|
|
234
|
+
};
|
|
235
|
+
|
|
236
|
+
TextField.propTypes = propTypes;
|
|
237
|
+
TextField.defaultProps = defaultProps;
|
|
208
238
|
|
|
209
239
|
exports.Email = EmailField;
|
|
210
240
|
exports.Password = PasswordField;
|
|
211
241
|
exports.Telephone = TelephoneField;
|
|
212
242
|
exports.Textarea = TextareaField;
|
|
213
|
-
exports
|
|
243
|
+
exports["default"] = TextField;
|
|
214
244
|
exports.definition = definition;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@panneau/field-text",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3-alpha.0",
|
|
4
4
|
"description": "A text field",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -44,18 +44,18 @@
|
|
|
44
44
|
"prepare": "../../scripts/prepare-package.sh"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"react": "^16.8.0",
|
|
48
|
-
"react-dom": "^16.8.0"
|
|
47
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
48
|
+
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
|
-
"react": "^16.8.0",
|
|
52
|
-
"react-dom": "^16.8.0"
|
|
51
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
52
|
+
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@babel/runtime": "^7.12.5",
|
|
56
|
-
"@panneau/core": "^1.0.
|
|
57
|
-
"@panneau/field-input-group": "^1.0.
|
|
58
|
-
"@panneau/themes": "^1.0.
|
|
56
|
+
"@panneau/core": "^1.0.3-alpha.0",
|
|
57
|
+
"@panneau/field-input-group": "^1.0.3-alpha.0",
|
|
58
|
+
"@panneau/themes": "^1.0.3-alpha.0",
|
|
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": "7f9c472b97c79a5c81da30730549acdde2de5c9f"
|
|
68
68
|
}
|