@panneau/field-text 1.0.3-alpha.1 → 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.
Files changed (3) hide show
  1. package/es/index.js +24 -39
  2. package/lib/index.js +24 -39
  3. 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
- value = _ref.value,
87
- errors = _ref.errors,
88
- required = _ref.required,
89
- disabled = _ref.disabled,
90
- readOnly = _ref.readOnly,
91
- nativeOnChange = _ref.nativeOnChange,
92
- type = _ref.type,
93
- placeholder = _ref.placeholder,
94
- onChange = _ref.onChange,
95
- onFocus = _ref.onFocus,
96
- onBlur = _ref.onBlur,
97
- align = _ref.align,
98
- size = _ref.size,
99
- maxLength = _ref.maxLength,
100
- prepend = _ref.prepend,
101
- append = _ref.append,
102
- min = _ref.min,
103
- max = _ref.max,
104
- dataList = _ref.dataList,
105
- inputRef = _ref.inputRef,
106
- className = _ref.className;
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
- newValue = _ref3$target$value === void 0 ? '' : _ref3$target$value;
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
- var cleanProps = _objectWithoutProperties(elProps, _excluded);
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
- value = _ref.value,
101
- errors = _ref.errors,
102
- required = _ref.required,
103
- disabled = _ref.disabled,
104
- readOnly = _ref.readOnly,
105
- nativeOnChange = _ref.nativeOnChange,
106
- type = _ref.type,
107
- placeholder = _ref.placeholder,
108
- onChange = _ref.onChange,
109
- onFocus = _ref.onFocus,
110
- onBlur = _ref.onBlur,
111
- align = _ref.align,
112
- size = _ref.size,
113
- maxLength = _ref.maxLength,
114
- prepend = _ref.prepend,
115
- append = _ref.append,
116
- min = _ref.min,
117
- max = _ref.max,
118
- dataList = _ref.dataList,
119
- inputRef = _ref.inputRef,
120
- className = _ref.className;
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
- newValue = _ref3$target$value === void 0 ? '' : _ref3$target$value;
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
- var cleanProps = _objectWithoutProperties__default["default"](elProps, _excluded);
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-alpha.1",
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-alpha.1",
57
- "@panneau/field-input-group": "^1.0.3-alpha.1",
58
- "@panneau/themes": "^1.0.3-alpha.1",
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": "e04e663c7f1eb692f89a0136f2e8f45024fbe355"
67
+ "gitHead": "59e6842b1a768acb6fa826e6a6396d09e239c955"
68
68
  }