@panneau/field-text 3.0.223 → 3.0.226

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-text",
-    "version": "3.0.223",
+    "version": "3.0.226",
     "description": "A text field",
     "keywords": [
         "javascript"
@@ -33,8 +33,13 @@
         }
     ],
     "license": "ISC",
-    "main": "lib/index.js",
+    "type": "module",
     "module": "es/index.js",
+    "exports": {
+        ".": "./es/index.js",
+        "./assets/css/styles": "./assets/css/styles.css",
+        "./assets/css/styles.css": "./assets/css/styles.css"
+    },
     "files": [
         "lib",
         "es",
@@ -54,9 +59,9 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.223",
-        "@panneau/field-input-group": "^3.0.223",
-        "@panneau/themes": "^3.0.223",
+        "@panneau/core": "^3.0.224",
+        "@panneau/field-input-group": "^3.0.226",
+        "@panneau/themes": "^3.0.224",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -65,5 +70,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "14196bd955b0e44cbc214e00f3189b3216f3fa53"
+    "gitHead": "9615a4d3021e9ad9b15be01e998dd6f366f8f705"
 }

package/lib/index.js

@@ -1,225 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var classNames = require('classnames');
-var isEmpty = require('lodash/isEmpty');
-var PropTypes = require('prop-types');
-var uuid = require('uuid');
-var InputGroup = require('@panneau/field-input-group');
-
-var definition = [{
-  id: 'text',
-  component: 'text'
-}, {
-  id: 'email',
-  component: 'email'
-}, {
-  id: 'password',
-  component: 'password'
-}, {
-  id: 'telephone',
-  component: 'telephone'
-}, {
-  id: 'textarea',
-  component: 'textarea'
-}];
-
-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,
-  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,
-  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,
-    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;
-  var dataListId = React.useMemo(function () {
-    return dataList !== null ? uuid.v1() : null;
-  }, [dataList]);
-  var elProps = {
-    ref: inputRef,
-    className: classNames([styles.inputElement, 'form-control', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "form-control-".concat(size), size !== null), 'is-valid', feedback === 'valid'), 'is-invalid', feedback === 'invalid' || errors !== null), className, className !== null)]),
-    onFocus: onFocus,
-    onBlur: onBlur,
-    value: value !== null ? value : '',
-    style: {
-      textAlign: align
-    },
-    placeholder: placeholder,
-    type: type,
-    maxLength: maxLength,
-    min: min,
-    max: max,
-    required: required,
-    disabled: disabled,
-    readOnly: readOnly,
-    list: dataListId,
-    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 inputElement = type !== 'textarea' ? /*#__PURE__*/React.createElement("input", Object.assign({}, cleanProps, {
-    style: style
-  })) : /*#__PURE__*/React.createElement("textarea", Object.assign({
-    style: style
-  }, cleanProps));
-  var withInputGroup = prepend !== null || append !== null;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, withInputGroup ? /*#__PURE__*/React.createElement(InputGroup, {
-    prepend: prepend,
-    append: append
-  }, inputElement) : inputElement, dataListId !== null ? /*#__PURE__*/React.createElement("datalist", {
-    id: dataListId
-  }, dataList.map(function (data, dataIndex) {
-    return /*#__PURE__*/React.createElement("option", {
-      key: "option-".concat(dataIndex)
-    }, data);
-  })) : null);
-};
-InputField.propTypes = propTypes$5;
-InputField.defaultProps = defaultProps$5;
-var InputField$1 = InputField; // 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) {
-  return /*#__PURE__*/React.createElement(InputField$1, Object.assign({}, props, {
-    type: "email"
-  }));
-};
-EmailField.propTypes = propTypes$4;
-EmailField.defaultProps = defaultProps$4;
-var EmailField$1 = EmailField;
-
-/* eslint-disable react/jsx-props-no-spreading */
-var propTypes$3 = {};
-var defaultProps$3 = {};
-var PasswordField = function PasswordField(props) {
-  return /*#__PURE__*/React.createElement(InputField$1, Object.assign({}, props, {
-    type: "password"
-  }));
-};
-PasswordField.propTypes = propTypes$3;
-PasswordField.defaultProps = defaultProps$3;
-var PasswordField$1 = PasswordField;
-
-/* eslint-disable react/jsx-props-no-spreading */
-var propTypes$2 = {};
-var defaultProps$2 = {};
-var TelephoneField = function TelephoneField(props) {
-  return /*#__PURE__*/React.createElement(InputField$1, Object.assign({}, props, {
-    type: "tel"
-  }));
-};
-TelephoneField.propTypes = propTypes$2;
-TelephoneField.defaultProps = defaultProps$2;
-var TelephoneField$1 = TelephoneField;
-
-/* eslint-disable react/jsx-props-no-spreading */
-var propTypes$1 = {};
-var defaultProps$1 = {};
-var TextareaField = function TextareaField(props) {
-  return /*#__PURE__*/React.createElement(InputField$1, Object.assign({}, props, {
-    type: "textarea"
-  }));
-};
-TextareaField.propTypes = propTypes$1;
-TextareaField.defaultProps = defaultProps$1;
-var TextareaField$1 = TextareaField;
-
-/* eslint-disable react/jsx-props-no-spreading */
-var propTypes = {};
-var defaultProps = {};
-var TextField = function TextField(props) {
-  return /*#__PURE__*/React.createElement(InputField$1, Object.assign({}, props, {
-    type: "text"
-  }));
-};
-TextField.propTypes = propTypes;
-TextField.defaultProps = defaultProps;
-var TextField$1 = TextField;
-
-exports.Email = EmailField$1;
-exports.Password = PasswordField$1;
-exports.Telephone = TelephoneField$1;
-exports.Textarea = TextareaField$1;
-exports.default = TextField$1;
-exports.definition = definition;