@widergy/energy-ui 1.133.1 → 1.133.3

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.133.3](https://github.com/widergy/energy-ui/compare/v1.133.2...v1.133.3) (2022-12-12)
+
+
+### Bug Fixes
+
+* custom classes ([#329](https://github.com/widergy/energy-ui/issues/329)) ([82e44e2](https://github.com/widergy/energy-ui/commit/82e44e2cb2c877467c936efb4fb8c9e8e23dc3ec))
+
+## [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/UTConsumptionBar/components/ConsumptionBarIndicator/index.js

@@ -15,16 +15,17 @@ var ConsumptionBarIndicator = function ConsumptionBarIndicator(_ref) {
     value = _ref.value,
     _ref$unit = _ref.unit,
     unit = _ref$unit === void 0 ? 'kWh' : _ref$unit,
-    total = _ref.total;
+    total = _ref.total,
+    classes = _ref.classes;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.indicator,
     style: {
       left: "".concat(left, "%")
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.indicatorMarker
+    className: "".concat(_stylesModule.default.indicatorMarker, " ").concat(classes === null || classes === void 0 ? void 0 : classes.indicatorMarker)
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.indicatorText
+    className: "".concat(_stylesModule.default.indicatorText, " ").concat(classes === null || classes === void 0 ? void 0 : classes.indicatorText)
   }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     darkBlue: true,
     bold: true,
@@ -40,7 +41,8 @@ ConsumptionBarIndicator.propTypes = {
   left: _propTypes.number,
   value: _propTypes.number,
   unit: _propTypes.string,
-  total: _propTypes.number
+  total: _propTypes.number,
+  classes: _propTypes.object
 };
 var _default = ConsumptionBarIndicator;
 exports.default = _default;

package/dist/components/UTConsumptionBar/index.js

@@ -18,8 +18,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var UTConsumptionBar = function UTConsumptionBar(_ref) {
   var small = _ref.small,
     values = _ref.values,
-    className = _ref.className,
-    categoryLines = _ref.categoryLines;
+    categoryLines = _ref.categoryLines,
+    classes = _ref.classes;
   var downIndicators = values.filter(function (value) {
     return value.position === _constants.DOWN;
   });
@@ -70,13 +70,13 @@ var UTConsumptionBar = function UTConsumptionBar(_ref) {
       blue: true,
       xsmall: true,
       bold: true,
-      className: _stylesModule.default.categoryLineText
+      className: "".concat(_stylesModule.default.categoryLineText, " ").concat(classes === null || classes === void 0 ? void 0 : classes.categoryLineText)
     }, "R", categoryLine.category))));
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.estimatedContainer
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(className)
+    className: "".concat(_stylesModule.default.container, " ").concat(classes === null || classes === void 0 ? void 0 : classes.container)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.bar, " ").concat(downIndicators.length > 0 && _stylesModule.default.colorizedBar)
   }), categoryLines.map(renderCategoryLines), downIndicators.map(function (indicator) {
@@ -86,16 +86,17 @@ var UTConsumptionBar = function UTConsumptionBar(_ref) {
       value: indicator.value,
       unit: indicator.title,
       className: _stylesModule.default.indicator,
-      total: indicator.total
+      total: indicator.total,
+      classes: classes
     });
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.finishLine1, " ").concat(downIndicators.length > 0 && _stylesModule.default.colorizedLine)
   }));
 };
 UTConsumptionBar.propTypes = {
-  small: _propTypes.bool,
-  className: _propTypes.string,
   categoryLines: (0, _propTypes.arrayOf)(_propTypes.object),
+  classes: _propTypes.object,
+  small: _propTypes.bool,
   values: (0, _propTypes.arrayOf)(_propTypes.object)
 };
 var _default = UTConsumptionBar;

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

@@ -73,7 +73,8 @@
 .categoryLineText {
   cursor: default;
   @media #{$mobile} {
-    display: none;
+    font-size: $small;
+    font-weight: 400;
   }
 }
 

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.3",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",