@panneau/field-text 3.0.307 → 4.0.0

package/es/index.js

@@ -3,7 +3,6 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import classNames from 'classnames';
 import isEmpty from 'lodash-es/isEmpty';
-import PropTypes from 'prop-types';
 import { v1 } from 'uuid';
 import InputGroup from '@panneau/field-input-group';
 
@@ -27,88 +26,57 @@ var definition = [{
 var styles = {"inputElement":"panneau-field-text-inputElement"};
 
 var _excluded = ["horizontal"];
-var propTypes$5 = {
-  feedback: PropTypes.oneOf(['valid', 'invalid', 'loading']),
-  value: PropTypes.string,
-  errors: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
-  required: PropTypes.bool,
-  disabled: PropTypes.bool,
-  readOnly: PropTypes.bool,
-  nativeOnChange: PropTypes.bool,
-  pattern: PropTypes.string,
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['text', 'email', 'tel', 'password', 'textarea', 'number']),
-  placeholder: PropTypes.string,
-  onChange: PropTypes.func,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  align: PropTypes.oneOf(['left', 'center', 'right']),
-  size: PropTypes.oneOf([null, 'lg', 'sm']),
-  maxLength: PropTypes.number,
-  prepend: PropTypes.node,
-  append: PropTypes.node,
-  min: PropTypes.number,
-  max: PropTypes.number,
-  dataList: PropTypes.arrayOf(PropTypes.string),
-  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any // eslint-disable-line
-  })]),
-  style: PropTypes.shape({}),
-  className: PropTypes.string
-};
-var defaultProps$5 = {
-  feedback: null,
-  value: null,
-  errors: null,
-  required: false,
-  disabled: false,
-  readOnly: false,
-  nativeOnChange: false,
-  pattern: null,
-  title: null,
-  type: null,
-  placeholder: null,
-  onChange: null,
-  onFocus: null,
-  onBlur: null,
-  align: null,
-  size: null,
-  maxLength: null,
-  prepend: null,
-  append: null,
-  min: null,
-  max: null,
-  dataList: null,
-  inputRef: null,
-  style: null,
-  className: null
-};
-var InputField = function InputField(_ref) {
-  var feedback = _ref.feedback,
-    value = _ref.value,
-    errors = _ref.errors,
-    required = _ref.required,
-    disabled = _ref.disabled,
-    readOnly = _ref.readOnly,
-    nativeOnChange = _ref.nativeOnChange,
-    pattern = _ref.pattern,
-    title = _ref.title,
-    type = _ref.type,
-    placeholder = _ref.placeholder,
-    onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
-    onBlur = _ref.onBlur,
-    align = _ref.align,
-    size = _ref.size,
-    maxLength = _ref.maxLength,
-    prepend = _ref.prepend,
-    append = _ref.append,
-    min = _ref.min,
-    max = _ref.max,
-    dataList = _ref.dataList,
-    inputRef = _ref.inputRef,
-    style = _ref.style,
-    className = _ref.className;
+function InputField(_ref) {
+  var _ref$feedback = _ref.feedback,
+    feedback = _ref$feedback === void 0 ? null : _ref$feedback,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? null : _ref$value,
+    _ref$errors = _ref.errors,
+    errors = _ref$errors === void 0 ? null : _ref$errors,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    _ref$nativeOnChange = _ref.nativeOnChange,
+    nativeOnChange = _ref$nativeOnChange === void 0 ? false : _ref$nativeOnChange,
+    _ref$pattern = _ref.pattern,
+    pattern = _ref$pattern === void 0 ? null : _ref$pattern,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? null : _ref$type,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? null : _ref$placeholder,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
+    _ref$onFocus = _ref.onFocus,
+    onFocus = _ref$onFocus === void 0 ? null : _ref$onFocus,
+    _ref$onBlur = _ref.onBlur,
+    onBlur = _ref$onBlur === void 0 ? null : _ref$onBlur,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? null : _ref$align,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? null : _ref$size,
+    _ref$maxLength = _ref.maxLength,
+    maxLength = _ref$maxLength === void 0 ? null : _ref$maxLength,
+    _ref$prepend = _ref.prepend,
+    prepend = _ref$prepend === void 0 ? null : _ref$prepend,
+    _ref$append = _ref.append,
+    append = _ref$append === void 0 ? null : _ref$append,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? null : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? null : _ref$max,
+    _ref$dataList = _ref.dataList,
+    dataList = _ref$dataList === void 0 ? null : _ref$dataList,
+    _ref$inputRef = _ref.inputRef,
+    inputRef = _ref$inputRef === void 0 ? null : _ref$inputRef,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? null : _ref$style,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   var dataListId = useMemo(function () {
     return dataList !== null ? v1() : null;
   }, [dataList]);
@@ -119,31 +87,32 @@ var InputField = function InputField(_ref) {
     onBlur: onBlur,
     value: value !== null ? value : '',
     style: {
-      textAlign: align
+      textAlign: align || undefined
     },
-    placeholder: placeholder,
-    type: type,
-    maxLength: maxLength,
-    min: min,
-    max: max,
+    placeholder: placeholder || undefined,
+    type: type || undefined,
+    maxLength: maxLength || undefined,
+    min: min || undefined,
+    max: max || undefined,
     required: required,
     disabled: disabled,
     readOnly: readOnly,
-    list: dataListId,
-    pattern: pattern,
-    title: title,
+    list: dataListId || undefined,
+    pattern: pattern || undefined,
+    title: title || undefined,
     onChange: nativeOnChange ? onChange : function (_ref3) {
       var _ref3$target$value = _ref3.target.value,
         newValue = _ref3$target$value === void 0 ? '' : _ref3$target$value;
       return onChange !== null ? onChange(!isEmpty(newValue) ? newValue : null) : null;
     }
   };
-  elProps.horizontal;
-    var cleanProps = _objectWithoutProperties(elProps, _excluded);
+  var _ref4 = elProps;
+    _ref4.horizontal;
+    var cleanProps = _objectWithoutProperties(_ref4, _excluded);
   var inputElement = type !== 'textarea' ? /*#__PURE__*/React.createElement("input", Object.assign({}, cleanProps, {
-    style: style
+    style: style || undefined
   })) : /*#__PURE__*/React.createElement("textarea", Object.assign({
-    style: style
+    style: style || undefined
   }, cleanProps));
   var withInputGroup = prepend !== null || append !== null;
   return /*#__PURE__*/React.createElement(React.Fragment, null, withInputGroup ? /*#__PURE__*/React.createElement(InputGroup, {
@@ -156,64 +125,42 @@ var InputField = function InputField(_ref) {
       key: "option-".concat(dataIndex)
     }, data);
   })) : null);
-};
-InputField.propTypes = propTypes$5;
-InputField.defaultProps = defaultProps$5;
+}
  // React.forwardRef((props, ref) => <InputField inputRef={ref} {...props} />);
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes$4 = {};
-var defaultProps$4 = {};
-var EmailField = function EmailField(props) {
+function EmailField(props) {
   return /*#__PURE__*/React.createElement(InputField, Object.assign({}, props, {
     type: "email"
   }));
-};
-EmailField.propTypes = propTypes$4;
-EmailField.defaultProps = defaultProps$4;
+}
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes$3 = {};
-var defaultProps$3 = {};
-var PasswordField = function PasswordField(props) {
+function PasswordField(props) {
   return /*#__PURE__*/React.createElement(InputField, Object.assign({}, props, {
     type: "password"
   }));
-};
-PasswordField.propTypes = propTypes$3;
-PasswordField.defaultProps = defaultProps$3;
+}
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes$2 = {};
-var defaultProps$2 = {};
-var TelephoneField = function TelephoneField(props) {
+function TelephoneField(props) {
   return /*#__PURE__*/React.createElement(InputField, Object.assign({}, props, {
     type: "tel"
   }));
-};
-TelephoneField.propTypes = propTypes$2;
-TelephoneField.defaultProps = defaultProps$2;
+}
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes$1 = {};
-var defaultProps$1 = {};
-var TextareaField = function TextareaField(props) {
+function TextareaField(props) {
   return /*#__PURE__*/React.createElement(InputField, Object.assign({}, props, {
     type: "textarea"
   }));
-};
-TextareaField.propTypes = propTypes$1;
-TextareaField.defaultProps = defaultProps$1;
+}
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes = {};
-var defaultProps = {};
-var TextField = function TextField(props) {
+function TextField(props) {
   return /*#__PURE__*/React.createElement(InputField, Object.assign({}, props, {
     type: "text"
   }));
-};
-TextField.propTypes = propTypes;
-TextField.defaultProps = defaultProps;
+}
 
 export { EmailField as Email, PasswordField as Password, TelephoneField as Telephone, TextareaField as Textarea, TextField as default, definition };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-text",
-    "version": "3.0.307",
+    "version": "4.0.0",
     "description": "A text field",
     "keywords": [
         "javascript"
@@ -59,9 +59,9 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.307",
-        "@panneau/field-input-group": "^3.0.307",
-        "@panneau/themes": "^3.0.307",
+        "@panneau/core": "^4.0.0",
+        "@panneau/field-input-group": "^4.0.0",
+        "@panneau/themes": "^4.0.0",
         "classnames": "^2.5.1",
         "lodash-es": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -70,5 +70,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "cbe5e8b1705d01c5653a4df617a06243344310d3"
+    "gitHead": "2cca874e0388b4a20c39aadb205c0e67d5a946fc"
 }