@widergy/energy-ui 1.126.0 → 1.127.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [1.127.0](https://github.com/widergy/energy-ui/compare/v1.126.0...v1.127.0) (2022-06-22)
+
+
+### Features
+
+* customIcon ([#299](https://github.com/widergy/energy-ui/issues/299)) ([bcc1659](https://github.com/widergy/energy-ui/commit/bcc1659663e57414179b3ebd3eb971cdba4726f4))
+
 # [1.126.0](https://github.com/widergy/energy-ui/compare/v1.125.2...v1.126.0) (2022-06-22)
 
 

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

@@ -120,12 +120,13 @@ var Legend = function Legend(_ref) {
 
   var referenceRenderer = function referenceRenderer(reference) {
     var label = reference.label,
-        className = reference.className;
+        className = reference.className,
+        CustomIcon = reference.CustomIcon;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _stylesModule.default["item".concat(displayAs)]
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: className
-    }), /*#__PURE__*/_react.default.createElement(_.UTLabel, {
+    }, CustomIcon && /*#__PURE__*/_react.default.createElement(CustomIcon, null)), /*#__PURE__*/_react.default.createElement(_.UTLabel, {
       className: "".concat(_stylesModule.default.itemLabel, " ").concat(classes.legendItemLabel)
     }, label));
   };

package/dist/components/UTBarChart/types.js

@@ -8,19 +8,19 @@ exports.xAxisDefinitionType = exports.referencesType = exports.linearType = expo
 var _propTypes = require("prop-types");
 
 var barType = (0, _propTypes.shape)({
-  value: _propTypes.number,
-  tooltipContent: _propTypes.string,
-  color: _propTypes.string,
   clickable: _propTypes.bool,
-  highlighted: _propTypes.string,
+  color: _propTypes.string,
   highlightColor: _propTypes.string,
+  highlighted: _propTypes.string,
+  tooltipContent: _propTypes.string,
+  value: _propTypes.number,
   values: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    value: _propTypes.number,
-    tooltipContent: _propTypes.string,
-    color: _propTypes.string,
     clickable: _propTypes.bool,
+    color: _propTypes.string,
+    highlightColor: _propTypes.string,
     highlighted: _propTypes.string,
-    highlightColor: _propTypes.string
+    tooltipContent: _propTypes.string,
+    value: _propTypes.number
   }))
 });
 exports.barType = barType;
@@ -31,13 +31,13 @@ var linearMarkersType = (0, _propTypes.shape)({
 });
 exports.linearMarkersType = linearMarkersType;
 var linearType = (0, _propTypes.shape)({
+  color: _propTypes.string,
   data: (0, _propTypes.arrayOf)({
     xCoodrinate: _propTypes.number,
     value: _propTypes.number
   }),
-  type: _propTypes.string,
-  color: _propTypes.string,
-  marker: linearMarkersType
+  marker: linearMarkersType,
+  type: _propTypes.string
 });
 exports.linearType = linearType;
 var linearDataType = (0, _propTypes.arrayOf)(linearType);
@@ -49,17 +49,18 @@ var levelsType = (0, _propTypes.arrayOf)((0, _propTypes.shape)({
 }));
 exports.levelsType = levelsType;
 var referencesType = (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-  id: _propTypes.string,
-  className: _propTypes.string,
   check: _propTypes.func,
+  className: _propTypes.string,
+  CustomIcon: _propTypes.elementType,
+  id: _propTypes.string,
   label: _propTypes.string,
   orderFunction: _propTypes.func
 }));
 exports.referencesType = referencesType;
 var xAxisDefinitionType = (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+  labelBackgroundPadding: _propTypes.number,
   mainLabel: _propTypes.string,
   secondaryLabel: _propTypes.string,
-  selectedLabelBackground: _propTypes.string,
-  labelBackgroundPadding: _propTypes.number
+  selectedLabelBackground: _propTypes.string
 }));
 exports.xAxisDefinitionType = xAxisDefinitionType;

package/dist/components/UTPieChart/index.js

@@ -52,25 +52,26 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 var UTPieChart = function UTPieChart(_ref) {
-  var className = _ref.className,
+  var animationLength = _ref.animationLength,
+      classes = _ref.classes,
+      className = _ref.className,
       _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      classes = _ref.classes,
       data = _ref.data,
-      width = _ref.width,
+      gradientGenerator = _ref.gradientGenerator,
       height = _ref.height,
+      initialAngle = _ref.initialAngle,
       innerRadius = _ref.innerRadius,
-      outerRadius = _ref.outerRadius,
-      animationLength = _ref.animationLength,
       legend = _ref.legend,
-      transition = _ref.transition,
-      withLegend = _ref.withLegend,
-      withLabels = _ref.withLabels,
+      minAngle = _ref.minAngle,
+      outerRadius = _ref.outerRadius,
       outlined = _ref.outlined,
       paddingAngle = _ref.paddingAngle,
       showPercentageInLegend = _ref.showPercentageInLegend,
-      initialAngle = _ref.initialAngle,
-      minAngle = _ref.minAngle;
+      transition = _ref.transition,
+      width = _ref.width,
+      withLabels = _ref.withLabels,
+      withLegend = _ref.withLegend;
   var totalSum = data.reduce(function (acc, _ref2) {
     var value = _ref2.value;
     return acc + value;
@@ -117,9 +118,9 @@ var UTPieChart = function UTPieChart(_ref) {
     className: "".concat(_stylesModule.default["".concat(position.split('-')[0], "LegendWrapper")], " ").concat(_stylesModule.default[position])
   }, withLegend && /*#__PURE__*/_react.default.createElement(_Legend.default, {
     classes: classes,
-    showPercentage: showPercentageInLegend,
     data: data,
     legend: legend,
+    showPercentage: showPercentageInLegend,
     totalConsumption: totalSum
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default["".concat(position.split('-')[0], "PieWrapper")], " ").concat(classNames.chartContainer),
@@ -128,7 +129,7 @@ var UTPieChart = function UTPieChart(_ref) {
     viewBox: "".concat(-containerWidth / 2, " ").concat(-containerHeight / 2, " ").concat(containerWidth, " ").concat(containerHeight),
     width: containerWidth,
     height: containerHeight
-  }, pie.map(function (slice) {
+  }, gradientGenerator === null || gradientGenerator === void 0 ? void 0 : gradientGenerator(), pie.map(function (slice) {
     return /*#__PURE__*/_react.default.createElement("path", {
       d: arcGenerator(slice),
       fill: slice.data.color
@@ -147,55 +148,56 @@ var UTPieChart = function UTPieChart(_ref) {
         value = _slice$data.value,
         id = _slice$data.id;
     return !id && (label || value) && /*#__PURE__*/_react.default.createElement(_ArrowLabel.default, {
-      label: label,
       color: color,
-      value: value / totalSum,
+      label: label,
       midAngle: (endAngle - startAngle) / 2 + startAngle,
-      outerRadius: outerRadius + (outlined ? _constants.OUTLINE_SEPARATION + _constants.OUTLINE_WIDTH : 0)
+      outerRadius: outerRadius + (outlined ? _constants.OUTLINE_SEPARATION + _constants.OUTLINE_WIDTH : 0),
+      value: value / totalSum
     });
   })))));
 };
 
 UTPieChart.propTypes = {
+  animationLength: _propTypes.number,
+  classes: _commonTypes.classesType,
+  className: _propTypes.string,
+  classNames: (0, _propTypes.shape)({
+    chartContainer: _propTypes.string
+  }),
   data: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
     color: _propTypes.string,
     label: _propTypes.string,
     value: _propTypes.number
   })),
-  width: _propTypes.number,
+  gradientGenerator: _propTypes.func,
   height: _propTypes.number,
+  initialAngle: _propTypes.number,
   innerRadius: _propTypes.number,
-  outerRadius: _propTypes.number,
-  animationLength: _propTypes.number,
   legend: (0, _propTypes.shape)({
     position: _propTypes.string,
     type: _propTypes.string
   }),
-  transition: _propTypes.string,
-  withLegend: _propTypes.bool,
+  minAngle: _propTypes.number,
+  outerRadius: _propTypes.number,
   outlined: _propTypes.bool,
-  withLabels: _propTypes.bool,
   paddingAngle: _propTypes.number,
-  className: _propTypes.string,
-  classNames: (0, _propTypes.shape)({
-    chartContainer: _propTypes.string
-  }),
   showPercentageInLegend: _propTypes.bool,
-  classes: _commonTypes.classesType,
-  initialAngle: _propTypes.number,
-  minAngle: _propTypes.number
+  transition: _propTypes.string,
+  width: _propTypes.number,
+  withLabels: _propTypes.bool,
+  withLegend: _propTypes.bool
 };
 UTPieChart.defaultProps = {
+  animationLength: _constants.DEFAULT_ANIMATION_LENGTH,
+  classes: {},
   data: _constants.DEFAULT_DATA,
+  initialAngle: _constants.DEFAULT_INITIAL_ANGLE,
   innerRadius: _constants.DEFAULT_INNER_RADIUS,
-  outerRadius: _constants.DEFAULT_OUTER_RADIUS,
-  animationLength: _constants.DEFAULT_ANIMATION_LENGTH,
   legend: _constants.DEFAULT_LEGEND,
-  transition: _constants.DEFAULT_TRANSITION,
-  paddingAngle: _constants.DEFAULT_PADDING_ANGLE,
-  initialAngle: _constants.DEFAULT_INITIAL_ANGLE,
   minAngle: _constants.DEFAULT_MIN_ANGLE,
-  classes: {}
+  outerRadius: _constants.DEFAULT_OUTER_RADIUS,
+  paddingAngle: _constants.DEFAULT_PADDING_ANGLE,
+  transition: _constants.DEFAULT_TRANSITION
 };
 
 var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTPieChart);

package/package.json

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