@widergy/energy-ui 3.60.2 → 3.61.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [3.61.1](https://github.com/widergy/energy-ui/compare/v3.61.0...v3.61.1) (2025-02-19)
+
+
+### Bug Fixes
+
+* [UGENSA-1411] y axis scale consumption history ([#582](https://github.com/widergy/energy-ui/issues/582)) ([b8af0e4](https://github.com/widergy/energy-ui/commit/b8af0e402e544285473d73a7f7f1d8ac502f5026))
+
+# [3.61.0](https://github.com/widergy/energy-ui/compare/v3.60.2...v3.61.0) (2025-02-18)
+
+
+### Features
+
+* [AUT-423] ut credit card ids ([#580](https://github.com/widergy/energy-ui/issues/580)) ([aa06ca2](https://github.com/widergy/energy-ui/commit/aa06ca22ac4d3d102ec6f5d39f94efbc703d9380))
+
 ## [3.60.2](https://github.com/widergy/energy-ui/compare/v3.60.1...v3.60.2) (2025-02-18)
 
 

package/dist/components/UTBarChart/components/YAxis/constants.js

@@ -3,5 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UNIT_PADDING = void 0;
-const UNIT_PADDING = exports.UNIT_PADDING = 40;
+exports.ZERO_FORMAT = exports.UNIT_PADDING = exports.DEFAULT_FORMAT = void 0;
+const UNIT_PADDING = exports.UNIT_PADDING = 40;
+const DEFAULT_FORMAT = exports.DEFAULT_FORMAT = '0,0';
+const ZERO_FORMAT = exports.ZERO_FORMAT = '0,0.00';

package/dist/components/UTBarChart/components/YAxis/index.js

@@ -18,20 +18,21 @@ const YAxis = _ref => {
   var _labelRef$current, _labelRef$current$get;
   let {
     classes,
+    graphXEnd,
     graphYEnd,
     graphYStart,
+    linearData,
     maxValue,
     setRef,
     textAnchor,
     unit,
+    unitSubtitle,
     valueDecorator = value => value,
     x,
     yAxis,
-    yAxisTicks,
-    graphXEnd,
-    unitSubtitle,
-    linearData
+    yAxisTicks
   } = _ref;
+  const yAxisTotal = yAxisTicks - 1;
   const labelRef = (0, _react.useRef)();
   const height = ((_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 || (_labelRef$current$get = _labelRef$current.getBoundingClientRect) === null || _labelRef$current$get === void 0 ? void 0 : _labelRef$current$get.call(_labelRef$current).height) || 0;
   const axis = (0, _react.useMemo)(() => new Array(yAxisTicks).fill(0).map((_, index) => index), [yAxisTicks]);
@@ -50,33 +51,33 @@ const YAxis = _ref => {
     x: x,
     y: unitSubtitleYPosition
   }, unitSubtitle), axis.map(index => {
-    const value = Math.round((maxValue - index * maxValue / (yAxisTicks - 1)) * 100) / 100;
+    const value = maxValue * (1 - index / yAxisTotal);
     return /*#__PURE__*/_react.default.createElement(_AxisElement.default, {
       className: classes.yAxisLabel,
-      setRef: (0, _utils.applyToIndex)(0, index, labelRef),
-      yAxis: yAxis,
       graphYStart: graphYStart,
-      x: x,
+      height: height,
+      label: valueDecorator((0, _numeral.default)(value > 10 ? Math.round(value) : Math.fround(value)).format(value < 1 && value > 0 ? _constants.ZERO_FORMAT : _constants.DEFAULT_FORMAT)),
+      setRef: (0, _utils.applyToIndex)(0, index, labelRef),
       value: value,
-      label: valueDecorator((0, _numeral.default)(value).format(value < 1 && value > 0 ? '0,0.00' : '0,0')),
-      height: height
+      x: x,
+      yAxis: yAxis
     });
   }));
 };
 YAxis.propTypes = {
   classes: _commonTypes.classesType,
+  graphXEnd: _propTypes.number,
   graphYEnd: _propTypes.number,
   graphYStart: _propTypes.number,
+  linearData: _propTypes.bool,
   maxValue: _propTypes.number,
   setRef: _commonTypes.refType,
   textAnchor: _propTypes.string,
   unit: _propTypes.string,
+  unitSubtitle: _propTypes.string,
   valueDecorator: _propTypes.func,
   x: _propTypes.number,
   yAxis: _propTypes.func,
-  yAxisTicks: _propTypes.number,
-  graphXEnd: _propTypes.number,
-  unitSubtitle: _propTypes.string,
-  linearData: _propTypes.bool
+  yAxisTicks: _propTypes.number
 };
 var _default = exports.default = YAxis;

package/dist/components/UTBarChart/index.js

@@ -44,6 +44,7 @@ const UTBarChart = _ref => {
     fitLegend,
     fullSizeBars,
     gradientGenerator,
+    gridType = 'grid',
     hideYAxis,
     highlightWidth,
     labelFormatters,
@@ -58,7 +59,6 @@ const UTBarChart = _ref => {
     selectable,
     showEmptyGraphic,
     showGrid,
-    gridType = 'grid',
     singleYAxis,
     spacingOptions,
     title,
@@ -66,9 +66,13 @@ const UTBarChart = _ref => {
     units,
     valuesOnTop,
     xAxisDefinition,
+    yAxisProps = {},
     yAxisTicks
   } = _ref;
   const classes = (0, _classesUtils.mergeClasses)(theme, classNames);
+  const {
+    useMaxBarValue = false
+  } = yAxisProps || {};
   const [currentPage, setCurrentPage] = (0, _react.useState)(0);
   const [currentLabel, setCurrentLabel] = (0, _react.useState)();
   const {
@@ -127,7 +131,7 @@ const UTBarChart = _ref => {
     GRAPH_Y_START
   } = (0, _utils.getGraphAttributes)(containerWidth, containerHeight, marginLeft, marginRight, marginBottom, pagination ? 0 : minBarWidth, formattedData[0].length, barPadding, groups, spacingOptions);
   const [linearLowerBound, linearUpperBound] = (0, _utils.getBounds)(maxLinearValue, yAxisTicks);
-  const [barLowerBound, barUpperBound] = (0, _utils.getBounds)(maxBarValue, yAxisTicks);
+  const [barLowerBound, barUpperBound] = (0, _utils.getBounds)(maxBarValue, yAxisTicks, useMaxBarValue);
   const maxAbsoluteValue = Math.max(linearUpperBound, barUpperBound);
   const barMaxValue = singleYAxis ? maxAbsoluteValue : barUpperBound;
   const yAxis = d3.scaleLinear().domain([barLowerBound, barMaxValue]).range([GRAPH_Y_START, GRAPH_Y_END]);
@@ -337,6 +341,9 @@ UTBarChart.propTypes = {
   units: (0, _propTypes.objectOf)(_propTypes.string),
   valuesOnTop: _propTypes.bool,
   xAxisDefinition: _types.xAxisDefinitionType,
+  yAxisProps: (0, _propTypes.objectOf)((0, _propTypes.shape)({
+    useMaxBarValue: _propTypes.bool
+  })),
   yAxisTicks: _propTypes.number
 };
 UTBarChart.defaultProps = {

package/dist/components/UTBarChart/utils.js

@@ -162,6 +162,9 @@ const getGrid = (ticks, maxValue, gridType) => new Array(ticks).fill(0).map((_,
   return !!value;
 });
 exports.getGrid = getGrid;
-const yAxisMaxValueRounder = (maxValue, yAxisTicks) => maxValue < _constants.LIMIT_MAX_VALUE_ROUNDER ? maxValue : Math.ceil(maxValue / (yAxisTicks - 1) / _constants.TICKS_MULTIPLIER_DISTANCE) * _constants.TICKS_MULTIPLIER_DISTANCE * (yAxisTicks - 1);
-const getBounds = (maxValue, yAxisTicks) => [_constants.LOWER_BOUND_DEFAULT, yAxisMaxValueRounder(maxValue, yAxisTicks)];
+const yAxisMaxValueRounder = (maxValue, yAxisTicks, useMaxBarValue) => maxValue < _constants.LIMIT_MAX_VALUE_ROUNDER || useMaxBarValue ? maxValue : Math.ceil(maxValue / (yAxisTicks - 1) / _constants.TICKS_MULTIPLIER_DISTANCE) * _constants.TICKS_MULTIPLIER_DISTANCE * (yAxisTicks - 1);
+const getBounds = function (maxValue, yAxisTicks) {
+  let useMaxBarValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  return [_constants.LOWER_BOUND_DEFAULT, yAxisMaxValueRounder(maxValue, yAxisTicks, useMaxBarValue)];
+};
 exports.getBounds = getBounds;

package/dist/components/UTCreditCard/index.js

@@ -9,12 +9,19 @@ var _reactCreditCards = _interopRequireDefault(require("react-credit-cards"));
 var _react = _interopRequireWildcard(require("react"));
 var _UTPasswordField = _interopRequireDefault(require("../UTPasswordField"));
 var _UTTextInput = _interopRequireDefault(require("../UTTextInput"));
+var _testIds = require("../../constants/testIds");
 require("react-credit-cards/es/styles-compiled.css");
 var _constants = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  nameFieldId,
+  expiresId,
+  cvcFieldId,
+  cardFieldId
+} = _testIds.COMPONENT_IDS.creditCardIds;
 const UTCreditCard = _ref => {
   var _value$expYearField;
   let {
@@ -83,6 +90,7 @@ const UTCreditCard = _ref => {
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.fields
   }, /*#__PURE__*/_react.default.createElement(_UTTextInput.default, {
+    dataTestId: cardFieldId,
     error: errors[cardField],
     onChange: onChangeField(cardField),
     onFocus: () => setFocused(_constants.fields.NUMBER),
@@ -96,6 +104,7 @@ const UTCreditCard = _ref => {
     classNames: {
       container: _stylesModule.default.inRow
     },
+    dataTestId: expiresId,
     error: errors[expires],
     onChange: onChangeField(expires),
     onFocus: () => setFocused(_constants.fields.EXPIRY),
@@ -107,6 +116,7 @@ const UTCreditCard = _ref => {
     classNames: {
       container: _stylesModule.default.inRow
     },
+    dataTestId: cvcFieldId,
     error: errors[cvcField],
     onChange: onChangeField(cvcField),
     onVisibilityToggle: setCvcVisibility,
@@ -116,6 +126,7 @@ const UTCreditCard = _ref => {
     value: values[cvcField],
     version: "V1"
   })), /*#__PURE__*/_react.default.createElement(_UTTextInput.default, {
+    dataTestId: nameFieldId,
     error: errors[nameFiled],
     onChange: onChangeField(nameFiled),
     required: true,

package/dist/constants/testIds.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TABLE_ROW = exports.TABLE = exports.STATUS_MESSAGE = exports.SELECTION_COMPONENT = exports.HEADER = exports.COMPONENT_IDS = exports.CELL = exports.ACTIONS = void 0;
+exports.TABLE_ROW = exports.TABLE = exports.STATUS_MESSAGE = exports.SELECTION_COMPONENT = exports.HEADER = exports.CREDIT_CARD = exports.COMPONENT_IDS = exports.CELL = exports.ACTIONS = void 0;
 const BOTTOM_NAV = 'bottomNav';
 const DIALOG = 'dialog';
 const WORKFLOW_CONTAINER = 'workflowContainer';
 const ACTIONS = exports.ACTIONS = 'actions';
 const CELL = exports.CELL = 'cell';
+const CREDIT_CARD = exports.CREDIT_CARD = 'creditCard';
 const HEADER = exports.HEADER = 'header';
 const SELECTION_COMPONENT = exports.SELECTION_COMPONENT = 'selectionComponent';
 const STATUS_MESSAGE = exports.STATUS_MESSAGE = 'statusMessage';
@@ -18,6 +19,12 @@ const COMPONENT_IDS = exports.COMPONENT_IDS = {
   breadcrumbsIds: {
     buttonId: 'breadcrumbs.item'
   },
+  creditCardIds: {
+    cardFieldId: "".concat(CREDIT_CARD, ".cardField"),
+    cvcFieldId: "".concat(CREDIT_CARD, ".cvcField"),
+    expiresId: "".concat(CREDIT_CARD, ".expires"),
+    nameFieldId: "".concat(CREDIT_CARD, ".nameField")
+  },
   dialogIds: {
     acceptButtontId: "".concat(DIALOG, ".acceptButton"),
     cancelButtonId: "".concat(DIALOG, ".cancelButton"),

package/package.json

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