guestbell-forms 2.0.297 → 2.0.299

package/build/components/text/Text.js

@@ -1,17 +1,15 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Text = exports.TextRaw = void 0;
+exports.default = exports.TextRaw = exports.Text = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
 var _InputGroup = _interopRequireDefault(require("../inputGroup/InputGroup"));
 
-var _BaseInput2 = require("../base/input/BaseInput");
+var _BaseInput = require("../base/input/BaseInput");
 
 var _withFormContext = require("../form/withFormContext");
 
@@ -21,35 +19,15 @@ var _button = _interopRequireDefault(require("../button"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -68,56 +46,41 @@ PlusIcon.defaultProps = {
 
 var classNames = require('classnames');
 
-var TextRaw = /*#__PURE__*/function (_BaseInput) {
-  _inherits(TextRaw, _BaseInput);
-
-  var _super = _createSuper(TextRaw);
-
-  function TextRaw(props) {
-    var _this;
-
-    _classCallCheck(this, TextRaw);
-
-    _this = _super.call(this, props);
+class TextRaw extends _BaseInput.BaseInput {
+  constructor(props) {
+    super(props);
 
-    _defineProperty(_assertThisInitialized(_this), "clearClick", function () {
-      if (_this.inputRef.current) {
+    _defineProperty(this, "clearClick", () => {
+      if (this.inputRef.current) {
         var nativeTextAreaValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value').set;
 
         if (nativeTextAreaValueSetter) {
-          nativeTextAreaValueSetter.call(_this.inputRef.current, '');
-          var event = new Event('input', {
+          nativeTextAreaValueSetter.call(this.inputRef.current, '');
+          const event = new Event('input', {
             bubbles: true
           });
-
-          _this.inputRef.current.dispatchEvent(event);
+          this.inputRef.current.dispatchEvent(event);
         }
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "containerClick", function (e) {
-      return _this.props.stopClickPropagation && e.stopPropagation();
-    });
+    _defineProperty(this, "containerClick", e => this.props.stopClickPropagation && e.stopPropagation());
 
-    _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (e) {
-      return _this.props.onKeyDown && _this.props.onKeyDown(e);
-    });
+    _defineProperty(this, "onKeyDown", e => this.props.onKeyDown && this.props.onKeyDown(e));
 
     if (props.number !== undefined || props.onNumberChange) {
-      var _props$number$toStrin, _props$number;
-
-      var value = (_props$number$toStrin = (_props$number = props.number) === null || _props$number === void 0 ? void 0 : _props$number.toString()) !== null && _props$number$toStrin !== void 0 ? _props$number$toStrin : '';
+      var _props$number;
 
-      var res = _this.handleValueChange(value, true, [], props, true);
-
-      _this.state = _objectSpread(_objectSpread({}, _this.state), {}, {
+      const value = ((_props$number = props.number) === null || _props$number === void 0 ? void 0 : _props$number.toString()) ?? '';
+      const res = this.handleValueChange(value, true, [], props, true);
+      this.state = _objectSpread(_objectSpread({}, this.state), {}, {
         isValid: res.isValid,
         errors: res.errors,
-        value: value
+        value
       });
 
-      if (!_this.props.ignoreContext) {
-        _this.props.formContext && _this.props.formContext.updateCallback(_this.componentId, {
+      if (!this.props.ignoreContext) {
+        this.props.formContext && this.props.formContext.updateCallback(this.componentId, {
           validation: {
             isValid: res.isValid,
             errors: res.errors
@@ -125,100 +88,94 @@ var TextRaw = /*#__PURE__*/function (_BaseInput) {
         });
       }
     }
-
-    return _this;
   }
 
-  _createClass(TextRaw, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      if (this.props.onNumberChange && (this.state.isValid !== prevState.isValid || this.state.value !== prevState.value) && this.props.number !== Number(this.state.value)) {
-        var num = Number(this.state.value);
+  componentDidUpdate(prevProps, prevState) {
+    if (this.props.onNumberChange && (this.state.isValid !== prevState.isValid || this.state.value !== prevState.value) && this.props.number !== Number(this.state.value)) {
+      const num = Number(this.state.value);
 
-        if (this.state.value === '') {
-          this.props.onNumberChange(undefined, this.state.isValid);
-        } else if (!isNaN(num)) {
-          this.props.onNumberChange(num, this.state.isValid);
-        }
+      if (this.state.value === '') {
+        this.props.onNumberChange(undefined, this.state.isValid);
+      } else if (!isNaN(num)) {
+        this.props.onNumberChange(num, this.state.isValid);
       }
+    }
 
-      if ((prevProps.number !== undefined || this.props.number !== undefined) && this.props.number !== prevProps.number) {
-        var _this$props$number$to, _this$props$number;
-
-        this.handleValueChange((_this$props$number$to = (_this$props$number = this.props.number) === null || _this$props$number === void 0 ? void 0 : _this$props$number.toString()) !== null && _this$props$number$to !== void 0 ? _this$props$number$to : '');
-      }
+    if ((prevProps.number !== undefined || this.props.number !== undefined) && this.props.number !== prevProps.number) {
+      var _this$props$number;
 
-      if (!this.props.onNumberChange && (prevProps.value !== this.props.value || prevProps.validators !== this.props.validators || prevProps.customValidators !== this.props.customValidators || prevProps.required !== this.props.required)) {
-        this.handleValueChange(this.props.value, true, [], this.props);
-      }
+      this.handleValueChange(((_this$props$number = this.props.number) === null || _this$props$number === void 0 ? void 0 : _this$props$number.toString()) ?? '');
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state$value, _this$state$value2, _this$props$value;
-
-      var clearButtonHidden = !((_this$state$value = this.state.value) !== null && _this$state$value !== void 0 && _this$state$value.length) || this.props.disabled;
-      return /*#__PURE__*/React.createElement(_InputGroup.default, {
-        title: this.props.title,
-        tooltip: this.props.tooltip
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "input__base text-input ".concat(this.getValidationClass(), " \n                    ").concat(this.props.readOnly ? 'text-input--readOnly' : '', " ").concat(this.props.className ? this.props.className : ''),
-        onClick: this.containerClick,
-        ref: this.containerRef
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "text-input__textWrapper"
-      }, this.props.before, /*#__PURE__*/React.createElement("input", _extends({}, this.props.id && {
-        id: this.props.id
-      }, {
-        ref: this.inputRef,
-        placeholder: this.props.placeholder,
-        disabled: this.getDisabled(),
-        required: this.props.required,
-        className: this.state.value ? 'filled' : '',
-        onChange: this.handleChange,
-        value: (_this$state$value2 = this.state.value) !== null && _this$state$value2 !== void 0 ? _this$state$value2 : '',
-        onBlur: this.handleBlur,
-        onFocus: this.handleFocus,
-        readOnly: this.props.readOnly,
-        onKeyDown: this.onKeyDown,
-        type: this.props.type,
-        onClick: this.props.onClick,
-        maxLength: this.props.maxLength,
-        size: this.props.sizeFromValue ? ((_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.length) || 1 : undefined
-      })), this.props.after, !this.props.readOnly && this.props.showClearButton && /*#__PURE__*/React.createElement(_button.default, _extends({}, this.props.id && {
-        id: this.props.id + '-clear-button'
-      }, {
-        disabled: clearButtonHidden,
-        unobtrusive: true,
-        noShadow: true,
-        onClick: this.clearClick,
-        className: classNames('text-input__clearButton line-height--0', {
-          'text-input__clearButton--hidden': clearButtonHidden
-        })
-      }), /*#__PURE__*/React.createElement(PlusIcon, {
-        className: "transform-rotate--45 line-height--0"
-      })), /*#__PURE__*/React.createElement("span", {
-        className: "highlight"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "bar"
-      }), this.renderDefaultValidation(), this.props.label && /*#__PURE__*/React.createElement("label", {
-        className: this.props.readOnly ? 'label--focused' : ''
-      }, this.renderLabel()))));
+
+    if (!this.props.onNumberChange && (prevProps.value !== this.props.value || prevProps.validators !== this.props.validators || prevProps.customValidators !== this.props.customValidators || prevProps.required !== this.props.required)) {
+      this.handleValueChange(this.props.value, true, [], this.props);
     }
-  }]);
+  }
+
+  render() {
+    var _this$state$value, _this$props$value;
+
+    const clearButtonHidden = !((_this$state$value = this.state.value) !== null && _this$state$value !== void 0 && _this$state$value.length) || this.props.disabled;
+    return /*#__PURE__*/React.createElement(_InputGroup.default, {
+      title: this.props.title,
+      tooltip: this.props.tooltip
+    }, /*#__PURE__*/React.createElement("div", {
+      className: `input__base text-input ${this.getValidationClass()} 
+                    ${this.props.readOnly ? 'text-input--readOnly' : ''} ${this.props.className ? this.props.className : ''}`,
+      onClick: this.containerClick,
+      ref: this.containerRef
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "text-input__textWrapper"
+    }, this.props.before, /*#__PURE__*/React.createElement("input", _extends({}, this.props.id && {
+      id: this.props.id
+    }, {
+      ref: this.inputRef,
+      placeholder: this.props.placeholder,
+      disabled: this.getDisabled(),
+      required: this.props.required,
+      className: this.state.value ? 'filled' : '',
+      onChange: this.handleChange,
+      value: this.state.value ?? '',
+      onBlur: this.handleBlur,
+      onFocus: this.handleFocus,
+      readOnly: this.props.readOnly,
+      onKeyDown: this.onKeyDown,
+      type: this.props.type,
+      onClick: this.props.onClick,
+      maxLength: this.props.maxLength,
+      size: this.props.sizeFromValue ? ((_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.length) || 1 : undefined
+    })), this.props.after, !this.props.readOnly && this.props.showClearButton && /*#__PURE__*/React.createElement(_button.default, _extends({}, this.props.id && {
+      id: this.props.id + '-clear-button'
+    }, {
+      disabled: clearButtonHidden,
+      unobtrusive: true,
+      noShadow: true,
+      onClick: this.clearClick,
+      className: classNames('text-input__clearButton line-height--0', {
+        'text-input__clearButton--hidden': clearButtonHidden
+      })
+    }), /*#__PURE__*/React.createElement(PlusIcon, {
+      className: "transform-rotate--45 line-height--0"
+    })), /*#__PURE__*/React.createElement("span", {
+      className: "highlight"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "bar"
+    }), this.renderDefaultValidation(), this.props.label && /*#__PURE__*/React.createElement("label", {
+      className: this.props.readOnly ? 'label--focused' : ''
+    }, this.renderLabel()))));
+  }
 
-  return TextRaw;
-}(_BaseInput2.BaseInput);
+}
 
 exports.TextRaw = TextRaw;
 
-_defineProperty(TextRaw, "defaultProps", Object.assign({}, _BaseInput2.BaseInput.defaultProps, {
+_defineProperty(TextRaw, "defaultProps", Object.assign({}, _BaseInput.BaseInput.defaultProps, {
   type: 'text',
   stopClickPropagation: true,
   readOnly: false
 }));
 
-var Text = (0, _withThemeContext.withThemeContext)((0, _withFormContext.withFormContext)(TextRaw), 'text');
+const Text = (0, _withThemeContext.withThemeContext)((0, _withFormContext.withFormContext)(TextRaw), 'text');
 exports.Text = Text;
 var _default = Text;
 exports.default = _default;

package/build/components/text/Text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/components/text/Text.tsx"],"names":["PlusIcon","classNames","require","TextRaw","props","inputRef","current","nativeTextAreaValueSetter","Object","getOwnPropertyDescriptor","window","HTMLInputElement","prototype","set","call","event","Event","bubbles","dispatchEvent","e","stopClickPropagation","stopPropagation","onKeyDown","number","undefined","onNumberChange","value","toString","res","handleValueChange","state","isValid","errors","ignoreContext","formContext","updateCallback","componentId","validation","prevProps","prevState","Number","num","isNaN","validators","customValidators","required","clearButtonHidden","length","disabled","title","tooltip","getValidationClass","readOnly","className","containerClick","containerRef","before","id","placeholder","getDisabled","handleChange","handleBlur","handleFocus","type","onClick","maxLength","sizeFromValue","after","showClearButton","clearClick","renderDefaultValidation","label","renderLabel","BaseInput","assign","defaultProps","Text"],"mappings":"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","sourcesContent":["// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport {\r\n  BaseInputProps,\r\n  BaseInputState,\r\n  BaseInput,\r\n} from '../base/input/BaseInput';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nimport Button from '../button';\r\nimport * as PlusIcon from 'material-design-icons/content/svg/production/ic_add_24px.svg';\r\nvar classNames = require('classnames');\r\n\r\nexport interface TextProps extends BaseInputProps<HTMLInputElement> {\r\n  mask?: string;\r\n  reverse?: boolean;\r\n  placeholder?: string;\r\n  stopClickPropagation?: boolean;\r\n  inputRef?: React.Ref<HTMLInputElement>;\r\n  readOnly?: boolean;\r\n  type?: 'number' | 'text';\r\n  maxLength?: number;\r\n  showClearButton?: boolean;\r\n  after?: React.ReactNode;\r\n  before?: React.ReactNode;\r\n  sizeFromValue?: boolean;\r\n  onNumberChange?: (number: number, isValid: boolean) => void;\r\n  number?: number;\r\n}\r\n\r\nexport interface TextState extends BaseInputState {}\r\n\r\nexport class TextRaw extends BaseInput<TextProps, TextState, HTMLInputElement> {\r\n  public static defaultProps = Object.assign({}, BaseInput.defaultProps, {\r\n    type: 'text',\r\n    stopClickPropagation: true,\r\n    readOnly: false,\r\n  }) as TextProps;\r\n\r\n  constructor(props: TextProps) {\r\n    super(props);\r\n    if (props.number !== undefined || props.onNumberChange) {\r\n      const value = props.number?.toString() ?? '';\r\n      const res = this.handleValueChange(value, true, [], props, true);\r\n      this.state = {\r\n        ...this.state,\r\n        isValid: res.isValid,\r\n        errors: res.errors,\r\n        value,\r\n      };\r\n      if (!this.props.ignoreContext) {\r\n        this.props.formContext &&\r\n          this.props.formContext.updateCallback(this.componentId, {\r\n            validation: {\r\n              isValid: res.isValid,\r\n              errors: res.errors,\r\n            },\r\n          });\r\n      }\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: TextProps, prevState: TextState) {\r\n    if (\r\n      this.props.onNumberChange &&\r\n      (this.state.isValid !== prevState.isValid ||\r\n        this.state.value !== prevState.value) &&\r\n      this.props.number !== Number(this.state.value)\r\n    ) {\r\n      const num = Number(this.state.value);\r\n      if (this.state.value === '') {\r\n        this.props.onNumberChange(undefined, this.state.isValid);\r\n      } else if (!isNaN(num)) {\r\n        this.props.onNumberChange(num, this.state.isValid);\r\n      }\r\n    }\r\n    if (\r\n      (prevProps.number !== undefined || this.props.number !== undefined) &&\r\n      this.props.number !== prevProps.number\r\n    ) {\r\n      this.handleValueChange(this.props.number?.toString() ?? '');\r\n    }\r\n    if (\r\n      !this.props.onNumberChange &&\r\n      (prevProps.value !== this.props.value ||\r\n        prevProps.validators !== this.props.validators ||\r\n        prevProps.customValidators !== this.props.customValidators ||\r\n        prevProps.required !== this.props.required)\r\n    ) {\r\n      this.handleValueChange(this.props.value, true, [], this.props);\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    const clearButtonHidden = !this.state.value?.length || this.props.disabled;\r\n    return (\r\n      <InputGroup title={this.props.title} tooltip={this.props.tooltip}>\r\n        <div\r\n          className={`input__base text-input ${this.getValidationClass()} \r\n                    ${this.props.readOnly ? 'text-input--readOnly' : ''} ${\r\n            this.props.className ? this.props.className : ''\r\n          }`}\r\n          onClick={this.containerClick}\r\n          ref={this.containerRef}\r\n        >\r\n          <div className=\"text-input__textWrapper\">\r\n            {this.props.before}\r\n            <input\r\n              {...(this.props.id && {\r\n                id: this.props.id,\r\n              })}\r\n              ref={this.inputRef}\r\n              placeholder={this.props.placeholder}\r\n              disabled={this.getDisabled()}\r\n              required={this.props.required}\r\n              className={this.state.value ? 'filled' : ''}\r\n              onChange={this.handleChange}\r\n              value={this.state.value ?? ''}\r\n              onBlur={this.handleBlur}\r\n              onFocus={this.handleFocus}\r\n              readOnly={this.props.readOnly}\r\n              onKeyDown={this.onKeyDown}\r\n              type={this.props.type}\r\n              onClick={this.props.onClick}\r\n              maxLength={this.props.maxLength}\r\n              size={\r\n                this.props.sizeFromValue\r\n                  ? this.props.value?.length || 1\r\n                  : undefined\r\n              }\r\n            />\r\n            {this.props.after}\r\n            {!this.props.readOnly && this.props.showClearButton && (\r\n              <Button\r\n                {...(this.props.id && {\r\n                  id: this.props.id + '-clear-button',\r\n                })}\r\n                disabled={clearButtonHidden}\r\n                unobtrusive={true}\r\n                noShadow={true}\r\n                onClick={this.clearClick}\r\n                className={classNames(\r\n                  'text-input__clearButton line-height--0',\r\n                  {\r\n                    'text-input__clearButton--hidden': clearButtonHidden,\r\n                  }\r\n                )}\r\n              >\r\n                <PlusIcon className=\"transform-rotate--45 line-height--0\" />\r\n              </Button>\r\n            )}\r\n            <span className=\"highlight\" />\r\n            <span className=\"bar\" />\r\n            {this.renderDefaultValidation()}\r\n            {this.props.label && (\r\n              <label className={this.props.readOnly ? 'label--focused' : ''}>\r\n                {this.renderLabel()}\r\n              </label>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </InputGroup>\r\n    );\r\n  }\r\n\r\n  private clearClick = () => {\r\n    if (this.inputRef.current) {\r\n      var nativeTextAreaValueSetter = Object.getOwnPropertyDescriptor(\r\n        window.HTMLInputElement.prototype,\r\n        'value'\r\n      ).set;\r\n      if (nativeTextAreaValueSetter) {\r\n        nativeTextAreaValueSetter.call(this.inputRef.current, '');\r\n\r\n        const event = new Event('input', { bubbles: true });\r\n        this.inputRef.current.dispatchEvent(event);\r\n      }\r\n    }\r\n  };\r\n\r\n  private containerClick = (e: React.MouseEvent<HTMLDivElement>) =>\r\n    this.props.stopClickPropagation && e.stopPropagation();\r\n\r\n  private onKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) =>\r\n    this.props.onKeyDown && this.props.onKeyDown(e);\r\n}\r\n\r\nexport const Text = withThemeContext<TextProps, InstanceType<typeof TextRaw>>(\r\n  withFormContext<TextProps>(TextRaw),\r\n  'text'\r\n);\r\n\r\nexport default Text;\r\n"],"file":"Text.js"}
+{"version":3,"file":"Text.js","names":["PlusIcon","classNames","require","TextRaw","BaseInput","constructor","props","inputRef","current","nativeTextAreaValueSetter","Object","getOwnPropertyDescriptor","window","HTMLInputElement","prototype","set","call","event","Event","bubbles","dispatchEvent","e","stopClickPropagation","stopPropagation","onKeyDown","number","undefined","onNumberChange","value","toString","res","handleValueChange","state","isValid","errors","ignoreContext","formContext","updateCallback","componentId","validation","componentDidUpdate","prevProps","prevState","Number","num","isNaN","validators","customValidators","required","render","clearButtonHidden","length","disabled","title","tooltip","getValidationClass","readOnly","className","containerClick","containerRef","before","id","placeholder","getDisabled","handleChange","handleBlur","handleFocus","type","onClick","maxLength","sizeFromValue","after","showClearButton","clearClick","renderDefaultValidation","label","renderLabel","assign","defaultProps","Text","withThemeContext","withFormContext"],"sources":["../../../src/lib/components/text/Text.tsx"],"sourcesContent":["// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport {\r\n  BaseInputProps,\r\n  BaseInputState,\r\n  BaseInput,\r\n} from '../base/input/BaseInput';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nimport Button from '../button';\r\nimport * as PlusIcon from 'material-design-icons/content/svg/production/ic_add_24px.svg';\r\nvar classNames = require('classnames');\r\n\r\nexport interface TextProps extends BaseInputProps<HTMLInputElement> {\r\n  mask?: string;\r\n  reverse?: boolean;\r\n  placeholder?: string;\r\n  stopClickPropagation?: boolean;\r\n  inputRef?: React.Ref<HTMLInputElement>;\r\n  readOnly?: boolean;\r\n  type?: 'number' | 'text';\r\n  maxLength?: number;\r\n  showClearButton?: boolean;\r\n  after?: React.ReactNode;\r\n  before?: React.ReactNode;\r\n  sizeFromValue?: boolean;\r\n  onNumberChange?: (number: number, isValid: boolean) => void;\r\n  number?: number;\r\n}\r\n\r\nexport interface TextState extends BaseInputState {}\r\n\r\nexport class TextRaw extends BaseInput<TextProps, TextState, HTMLInputElement> {\r\n  public static defaultProps = Object.assign({}, BaseInput.defaultProps, {\r\n    type: 'text',\r\n    stopClickPropagation: true,\r\n    readOnly: false,\r\n  }) as TextProps;\r\n\r\n  constructor(props: TextProps) {\r\n    super(props);\r\n    if (props.number !== undefined || props.onNumberChange) {\r\n      const value = props.number?.toString() ?? '';\r\n      const res = this.handleValueChange(value, true, [], props, true);\r\n      this.state = {\r\n        ...this.state,\r\n        isValid: res.isValid,\r\n        errors: res.errors,\r\n        value,\r\n      };\r\n      if (!this.props.ignoreContext) {\r\n        this.props.formContext &&\r\n          this.props.formContext.updateCallback(this.componentId, {\r\n            validation: {\r\n              isValid: res.isValid,\r\n              errors: res.errors,\r\n            },\r\n          });\r\n      }\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: TextProps, prevState: TextState) {\r\n    if (\r\n      this.props.onNumberChange &&\r\n      (this.state.isValid !== prevState.isValid ||\r\n        this.state.value !== prevState.value) &&\r\n      this.props.number !== Number(this.state.value)\r\n    ) {\r\n      const num = Number(this.state.value);\r\n      if (this.state.value === '') {\r\n        this.props.onNumberChange(undefined, this.state.isValid);\r\n      } else if (!isNaN(num)) {\r\n        this.props.onNumberChange(num, this.state.isValid);\r\n      }\r\n    }\r\n    if (\r\n      (prevProps.number !== undefined || this.props.number !== undefined) &&\r\n      this.props.number !== prevProps.number\r\n    ) {\r\n      this.handleValueChange(this.props.number?.toString() ?? '');\r\n    }\r\n    if (\r\n      !this.props.onNumberChange &&\r\n      (prevProps.value !== this.props.value ||\r\n        prevProps.validators !== this.props.validators ||\r\n        prevProps.customValidators !== this.props.customValidators ||\r\n        prevProps.required !== this.props.required)\r\n    ) {\r\n      this.handleValueChange(this.props.value, true, [], this.props);\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    const clearButtonHidden = !this.state.value?.length || this.props.disabled;\r\n    return (\r\n      <InputGroup title={this.props.title} tooltip={this.props.tooltip}>\r\n        <div\r\n          className={`input__base text-input ${this.getValidationClass()} \r\n                    ${this.props.readOnly ? 'text-input--readOnly' : ''} ${\r\n            this.props.className ? this.props.className : ''\r\n          }`}\r\n          onClick={this.containerClick}\r\n          ref={this.containerRef}\r\n        >\r\n          <div className=\"text-input__textWrapper\">\r\n            {this.props.before}\r\n            <input\r\n              {...(this.props.id && {\r\n                id: this.props.id,\r\n              })}\r\n              ref={this.inputRef}\r\n              placeholder={this.props.placeholder}\r\n              disabled={this.getDisabled()}\r\n              required={this.props.required}\r\n              className={this.state.value ? 'filled' : ''}\r\n              onChange={this.handleChange}\r\n              value={this.state.value ?? ''}\r\n              onBlur={this.handleBlur}\r\n              onFocus={this.handleFocus}\r\n              readOnly={this.props.readOnly}\r\n              onKeyDown={this.onKeyDown}\r\n              type={this.props.type}\r\n              onClick={this.props.onClick}\r\n              maxLength={this.props.maxLength}\r\n              size={\r\n                this.props.sizeFromValue\r\n                  ? this.props.value?.length || 1\r\n                  : undefined\r\n              }\r\n            />\r\n            {this.props.after}\r\n            {!this.props.readOnly && this.props.showClearButton && (\r\n              <Button\r\n                {...(this.props.id && {\r\n                  id: this.props.id + '-clear-button',\r\n                })}\r\n                disabled={clearButtonHidden}\r\n                unobtrusive={true}\r\n                noShadow={true}\r\n                onClick={this.clearClick}\r\n                className={classNames(\r\n                  'text-input__clearButton line-height--0',\r\n                  {\r\n                    'text-input__clearButton--hidden': clearButtonHidden,\r\n                  }\r\n                )}\r\n              >\r\n                <PlusIcon className=\"transform-rotate--45 line-height--0\" />\r\n              </Button>\r\n            )}\r\n            <span className=\"highlight\" />\r\n            <span className=\"bar\" />\r\n            {this.renderDefaultValidation()}\r\n            {this.props.label && (\r\n              <label className={this.props.readOnly ? 'label--focused' : ''}>\r\n                {this.renderLabel()}\r\n              </label>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </InputGroup>\r\n    );\r\n  }\r\n\r\n  private clearClick = () => {\r\n    if (this.inputRef.current) {\r\n      var nativeTextAreaValueSetter = Object.getOwnPropertyDescriptor(\r\n        window.HTMLInputElement.prototype,\r\n        'value'\r\n      ).set;\r\n      if (nativeTextAreaValueSetter) {\r\n        nativeTextAreaValueSetter.call(this.inputRef.current, '');\r\n\r\n        const event = new Event('input', { bubbles: true });\r\n        this.inputRef.current.dispatchEvent(event);\r\n      }\r\n    }\r\n  };\r\n\r\n  private containerClick = (e: React.MouseEvent<HTMLDivElement>) =>\r\n    this.props.stopClickPropagation && e.stopPropagation();\r\n\r\n  private onKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) =>\r\n    this.props.onKeyDown && this.props.onKeyDown(e);\r\n}\r\n\r\nexport const Text = withThemeContext<TextProps, InstanceType<typeof TextRaw>>(\r\n  withFormContext<TextProps>(TextRaw),\r\n  'text'\r\n);\r\n\r\nexport default Text;\r\n"],"mappings":"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"}

package/build/components/text/index.js

@@ -1,14 +1,12 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Text.default;
   }
 });
@@ -21,13 +19,13 @@ Object.keys(_Text).forEach(function (key) {
   if (key in exports && exports[key] === _Text[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Text[key];
     }
   });
 });
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 //# sourceMappingURL=index.js.map

package/build/components/text/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/components/text/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './Text';\r\nexport { default } from './Text';\r\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/components/text/index.tsx"],"sourcesContent":["export * from './Text';\r\nexport { default } from './Text';\r\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/components/textArea/TextArea.js

@@ -1,17 +1,15 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TextArea = exports.TextAreaRaw = void 0;
+exports.default = exports.TextAreaRaw = exports.TextArea = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
 var _InputGroup = _interopRequireDefault(require("../inputGroup/InputGroup"));
 
-var _BaseInput2 = require("../base/input/BaseInput");
+var _BaseInput = require("../base/input/BaseInput");
 
 var _withFormContext = require("../form/withFormContext");
 
@@ -21,116 +19,79 @@ var _withThemeContext = require("../themeProvider/withThemeContext");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var TextAreaRaw = /*#__PURE__*/function (_BaseInput) {
-  _inherits(TextAreaRaw, _BaseInput);
-
-  var _super = _createSuper(TextAreaRaw);
-
-  function TextAreaRaw(props) {
-    var _this;
-
-    _classCallCheck(this, TextAreaRaw);
+class TextAreaRaw extends _BaseInput.BaseInput {
+  constructor(props) {
+    super(props);
 
-    _this = _super.call(this, props);
+    _defineProperty(this, "elem", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "elem", void 0);
+    _defineProperty(this, "onKeyDown", e => this.props.onKeyDown && this.props.onKeyDown(e));
 
-    _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (e) {
-      return _this.props.onKeyDown && _this.props.onKeyDown(e);
+    _defineProperty(this, "elemRef", elem => {
+      this.elem = elem;
+      this.props.inputRef && this.props.inputRef(elem);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "elemRef", function (elem) {
-      _this.elem = elem;
-      _this.props.inputRef && _this.props.inputRef(elem);
-    });
+    _defineProperty(this, "onContainerClick", e => this.props.stopClickPropagation && e.stopPropagation());
+  }
 
-    _defineProperty(_assertThisInitialized(_this), "onContainerClick", function (e) {
-      return _this.props.stopClickPropagation && e.stopPropagation();
-    });
+  render() {
+    return /*#__PURE__*/React.createElement(_InputGroup.default, {
+      title: this.props.title
+    }, /*#__PURE__*/React.createElement("div", {
+      className: `input__base textArea-input ${this.getValidationClass()} 
+                    ${this.props.readOnly ? 'textArea-input--readOnly' : ''} 
+                    ${this.props.className ? this.props.className : ''}`,
+      onClick: this.onContainerClick,
+      ref: this.containerRef
+    }, /*#__PURE__*/React.createElement(_TextareaAutosize.default, _extends({}, this.props.id && {
+      id: this.props.id
+    }, {
+      ref: this.elemRef,
+      placeholder: this.props.placeholder,
+      disabled: this.getDisabled(),
+      required: this.props.required,
+      className: this.state.value ? 'filled' : '',
+      onChange: this.handleChange,
+      value: this.state.value,
+      onBlur: this.handleBlur,
+      onFocus: this.handleFocus,
+      readOnly: this.props.readOnly,
+      onKeyDown: this.onKeyDown,
+      rows: this.props.minRows,
+      rowsMax: this.props.maxRows,
+      maxLength: this.props.maxLength
+    })), /*#__PURE__*/React.createElement("span", {
+      className: "highlight"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "bar"
+    }), this.renderDefaultValidation(), this.props.label && /*#__PURE__*/React.createElement("label", null, this.renderLabel())));
+  }
 
-    return _this;
+  focus() {
+    this.elem && this.elem.focus();
   }
 
-  _createClass(TextAreaRaw, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(_InputGroup.default, {
-        title: this.props.title
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "input__base textArea-input ".concat(this.getValidationClass(), " \n                    ").concat(this.props.readOnly ? 'textArea-input--readOnly' : '', " \n                    ").concat(this.props.className ? this.props.className : ''),
-        onClick: this.onContainerClick,
-        ref: this.containerRef
-      }, /*#__PURE__*/React.createElement(_TextareaAutosize.default, _extends({}, this.props.id && {
-        id: this.props.id
-      }, {
-        ref: this.elemRef,
-        placeholder: this.props.placeholder,
-        disabled: this.getDisabled(),
-        required: this.props.required,
-        className: this.state.value ? 'filled' : '',
-        onChange: this.handleChange,
-        value: this.state.value,
-        onBlur: this.handleBlur,
-        onFocus: this.handleFocus,
-        readOnly: this.props.readOnly,
-        onKeyDown: this.onKeyDown,
-        rows: this.props.minRows,
-        rowsMax: this.props.maxRows,
-        maxLength: this.props.maxLength
-      })), /*#__PURE__*/React.createElement("span", {
-        className: "highlight"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "bar"
-      }), this.renderDefaultValidation(), this.props.label && /*#__PURE__*/React.createElement("label", null, this.renderLabel())));
-    }
-  }, {
-    key: "focus",
-    value: function focus() {
-      this.elem && this.elem.focus();
-    }
-  }]);
-
-  return TextAreaRaw;
-}(_BaseInput2.BaseInput);
+}
 
 exports.TextAreaRaw = TextAreaRaw;
 
-_defineProperty(TextAreaRaw, "defaultProps", Object.assign({}, _BaseInput2.BaseInput.defaultProps, {
+_defineProperty(TextAreaRaw, "defaultProps", Object.assign({}, _BaseInput.BaseInput.defaultProps, {
   type: 'text',
   placeholder: '',
   stopClickPropagation: true,
   readOnly: false
 }));
 
-var TextArea = (0, _withThemeContext.withThemeContext)((0, _withFormContext.withFormContext)(TextAreaRaw), 'textArea');
+const TextArea = (0, _withThemeContext.withThemeContext)((0, _withFormContext.withFormContext)(TextAreaRaw), 'textArea');
 exports.TextArea = TextArea;
 var _default = TextArea;
 exports.default = _default;