@widergy/energy-ui 1.133.1 → 1.133.2

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.133.2](https://github.com/widergy/energy-ui/compare/v1.133.1...v1.133.2) (2022-12-07)
+
+
+### Bug Fixes
+
+* fixes ([#331](https://github.com/widergy/energy-ui/issues/331)) ([df5140d](https://github.com/widergy/energy-ui/commit/df5140d0057df3a7267cf0aca5166f720f32f37b))
+
 ## [1.133.1](https://github.com/widergy/energy-ui/compare/v1.133.0...v1.133.1) (2022-12-01)
 
 

package/dist/components/UTTextInput/index.js

@@ -17,10 +17,11 @@ var _form = require("@widergy/web-utils/lib/form");
 var _WithTheme = _interopRequireDefault(require("../WithTheme"));
 var _UTTooltip = _interopRequireDefault(require("../UTTooltip"));
 var _formTypes = require("../../types/formTypes");
+var _UTLabel = _interopRequireDefault(require("../UTLabel"));
 var _constants = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _theme = require("./theme");
-var _excluded = ["classes", "input", "placeholder", "label", "meta", "disabled", "type", "bigInput", "inputClassName", "labelRootClassName", "containerClassName", "tooltip", "preventEnterSubmit", "id", "autofocus", "onChangeText", "field", "tippyProps", "variant", "PasswordVisibleIcon", "PasswordInvisibleIcon", "adornmentInside", "captionLabel", "inputObjectKey"],
+var _excluded = ["adornmentInside", "autofocus", "bigInput", "captionLabel", "classes", "containerClassName", "disabled", "field", "id", "input", "inputClassName", "inputObjectKey", "label", "labelRootClassName", "meta", "onChangeText", "PasswordInvisibleIcon", "PasswordVisibleIcon", "placeholder", "preventEnterSubmit", "tippyProps", "tooltip", "type", "variant"],
   _excluded2 = ["base", "selectedOptionsIds", "retrieveStyle", "retrieveMuiTheme", "Component", "muiTheme"];
 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); }
@@ -70,30 +71,30 @@ var UTTextInput = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
+        adornmentInside = _this$props.adornmentInside,
+        autofocus = _this$props.autofocus,
+        bigInput = _this$props.bigInput,
+        captionLabel = _this$props.captionLabel,
         classes = _this$props.classes,
-        input = _this$props.input,
-        placeholder = _this$props.placeholder,
-        label = _this$props.label,
-        meta = _this$props.meta,
+        containerClassName = _this$props.containerClassName,
         disabled = _this$props.disabled,
-        type = _this$props.type,
-        bigInput = _this$props.bigInput,
+        field = _this$props.field,
+        id = _this$props.id,
+        input = _this$props.input,
         inputClassName = _this$props.inputClassName,
+        inputObjectKey = _this$props.inputObjectKey,
+        label = _this$props.label,
         labelRootClassName = _this$props.labelRootClassName,
-        containerClassName = _this$props.containerClassName,
-        tooltip = _this$props.tooltip,
-        preventEnterSubmit = _this$props.preventEnterSubmit,
-        id = _this$props.id,
-        autofocus = _this$props.autofocus,
+        meta = _this$props.meta,
         onChangeText = _this$props.onChangeText,
-        field = _this$props.field,
+        PasswordInvisibleIcon = _this$props.PasswordInvisibleIcon,
+        PasswordVisibleIcon = _this$props.PasswordVisibleIcon,
+        placeholder = _this$props.placeholder,
+        preventEnterSubmit = _this$props.preventEnterSubmit,
         tippyProps = _this$props.tippyProps,
+        tooltip = _this$props.tooltip,
+        type = _this$props.type,
         variant = _this$props.variant,
-        PasswordVisibleIcon = _this$props.PasswordVisibleIcon,
-        PasswordInvisibleIcon = _this$props.PasswordInvisibleIcon,
-        adornmentInside = _this$props.adornmentInside,
-        captionLabel = _this$props.captionLabel,
-        inputObjectKey = _this$props.inputObjectKey,
         others = _objectWithoutProperties(_this$props, _excluded);
       var handleChange = function handleChange(event) {
         return input.onChange(onChangeText(event.target.value));
@@ -129,7 +130,9 @@ var UTTextInput = /*#__PURE__*/function (_PureComponent) {
         }), /*#__PURE__*/_react.default.createElement("div", null, label)) : label,
         onKeyPress: preventEnterSubmit ? preventDefault : undefined,
         error: (0, _form.shouldShowErrors)(meta),
-        helperText: (0, _form.shouldShowErrors)(meta) && meta.error || captionLabel || '',
+        helperText: /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+          className: _stylesModule.default.error
+        }, (0, _form.shouldShowErrors)(meta) && meta.error || captionLabel || ''),
         disabled: disabled,
         onChange: handleChange,
         value: value,
@@ -170,42 +173,42 @@ var UTTextInput = /*#__PURE__*/function (_PureComponent) {
   return UTTextInput;
 }(_react.PureComponent);
 UTTextInput.propTypes = {
-  type: _propTypes.string,
-  placeholder: _propTypes.string,
-  containerClassName: _propTypes.string,
-  input: _formTypes.inputPropTypes.isRequired,
-  meta: _formTypes.metaPropTypes,
-  disabled: _propTypes.bool,
-  tooltip: _propTypes.string,
+  adornmentInside: _propTypes.bool,
+  autofocus: _propTypes.bool,
   bigInput: _propTypes.bool,
-  labelRootClassName: _propTypes.string,
-  inputClassName: _propTypes.string,
-  label: _propTypes.string,
+  captionLabel: _propTypes.string,
   classes: (0, _propTypes.objectOf)(_propTypes.string),
+  containerClassName: _propTypes.string,
+  disabled: _propTypes.bool,
   field: _propTypes.object,
-  preventEnterSubmit: _propTypes.bool,
   id: _propTypes.string,
-  autofocus: _propTypes.bool,
+  input: _formTypes.inputPropTypes.isRequired,
+  inputClassName: _propTypes.string,
+  inputObjectKey: _propTypes.string,
+  label: _propTypes.string,
+  labelRootClassName: _propTypes.string,
+  meta: _formTypes.metaPropTypes,
   onChangeText: _propTypes.func,
-  tippyProps: _propTypes.object,
-  variant: _propTypes.string,
-  PasswordVisibleIcon: _propTypes.elementType,
   PasswordInvisibleIcon: _propTypes.elementType,
-  adornmentInside: _propTypes.bool,
-  captionLabel: _propTypes.string,
-  inputObjectKey: _propTypes.string
+  PasswordVisibleIcon: _propTypes.elementType,
+  placeholder: _propTypes.string,
+  preventEnterSubmit: _propTypes.bool,
+  tippyProps: _propTypes.object,
+  tooltip: _propTypes.string,
+  type: _propTypes.string,
+  variant: _propTypes.string
 };
 UTTextInput.defaultProps = {
+  adornmentInside: false,
+  autofocus: false,
   classes: {},
   meta: {},
-  preventEnterSubmit: false,
-  autofocus: false,
   onChangeText: function onChangeText(val) {
     return val;
   },
-  PasswordVisibleIcon: _Visibility.default,
   PasswordInvisibleIcon: _VisibilityOff.default,
-  adornmentInside: false
+  PasswordVisibleIcon: _Visibility.default,
+  preventEnterSubmit: false
 };
 var _default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTTextInput);
 exports.default = _default;

package/dist/components/UTTextInput/styles.module.scss

@@ -35,3 +35,7 @@
 .tooltipIcon {
   margin-bottom: -4px;
 }
+
+.error {
+  color: inherit;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "1.133.1",
+  "version": "1.133.2",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",