@widergy/energy-ui 3.114.1 → 3.116.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.116.0](https://github.com/widergy/energy-ui/compare/v3.115.0...v3.116.0) (2025-10-30)
+
+
+### Features
+
+* [AXCH-830] add new props to utstatus ([#713](https://github.com/widergy/energy-ui/issues/713)) ([3bd7b6e](https://github.com/widergy/energy-ui/commit/3bd7b6e85b18e3cc1edfe70da6715b6c9b5e8119))
+
+# [3.115.0](https://github.com/widergy/energy-ui/compare/v3.114.1...v3.115.0) (2025-10-30)
+
+
+### Features
+
+* [COLB-102] radial chart ([#709](https://github.com/widergy/energy-ui/issues/709)) ([5431548](https://github.com/widergy/energy-ui/commit/5431548af14da06e61595aa48675704f524108ef))
+
 ## [3.114.1](https://github.com/widergy/energy-ui/compare/v3.114.0...v3.114.1) (2025-10-30)
 
 

package/dist/components/UTGraph/UTGraph.stories.js

@@ -3,672 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.DualAxisChart = exports.BarAndLineChart = void 0;
+exports.default = exports.PieChart = exports.DualAxisChart = exports.BarAndLineChart = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reportSchema = _interopRequireDefault(require("./report.schema.json"));
+var _UTGraph = require("./UTGraph.storiesdata");
 var _ = _interopRequireDefault(require("."));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const BarAndLineChartData = {
-  meta: {
-    id: 1,
-    code: 'economico',
-    chart_layout: 'cartesian',
-    chart_tabs: [{
-      id: 1,
-      code: 'economico',
-      order: 1,
-      name: 'Porcentaje de carga por mes',
-      tooltip: 'Este es el porcentaje de carga por mes, el cual se refiere a la cantidad de carga que se consume en un mes',
-      icon: 'IconPercentage',
-      orientation: 'horizontal',
-      domain: {
-        binding: 'categorical'
-      },
-      ranges: {
-        left: {
-          label: 'Monto',
-          unit: '$'
-        }
-      },
-      subitems: [[{
-        name: 'Barra izq stack 1',
-        type: 'bar',
-        range: 'left',
-        bindings: {
-          range: 'a'
-        }
-      }, {
-        name: 'Barra izq stack 2',
-        type: 'bar',
-        range: 'left',
-        bindings: {
-          range: 'b'
-        }
-      }, {
-        name: 'Año actual',
-        type: 'line',
-        range: 'left',
-        bindings: {
-          range: 'f'
-        }
-      }], [{
-        name: 'Barra der stack 1',
-        type: 'bar',
-        range: 'left',
-        bindings: {
-          range: 'c'
-        }
-      }, {
-        name: 'Barra der stack 2',
-        type: 'bar',
-        range: 'left',
-        bindings: {
-          range: 'd'
-        }
-      }, {
-        name: 'Barra der stack 3',
-        type: 'bar',
-        range: 'left',
-        bindings: {
-          range: 'e'
-        }
-      }, {
-        name: 'Año anterior stack 1',
-        type: 'line',
-        range: 'left',
-        bindings: {
-          range: 'g'
-        }
-      }, {
-        name: 'Año anterior stack 2',
-        type: 'line',
-        range: 'left',
-        bindings: {
-          range: 'h'
-        }
-      }]]
-    }, {
-      id: 2,
-      code: 'consumo',
-      order: 2,
-      name: 'Consumo de carga por mes',
-      tooltip: 'Este es el consumo de carga por mes, el cual se refiere a la cantidad de carga que se consume en un mes',
-      icon: 'IconLetterN',
-      orientation: 'horizontal',
-      domain: {
-        binding: 'categorical'
-      },
-      ranges: {
-        left: {
-          label: 'Monto',
-          unit: '$'
-        }
-      },
-      subitems: [[{
-        name: 'Item A',
-        type: 'line',
-        range: 'left',
-        bindings: {
-          range: 'a'
-        }
-      }, {
-        name: 'Item B',
-        type: 'bar',
-        range: 'left',
-        bindings: {
-          range: 'b'
-        }
-      }, {
-        name: 'Item F',
-        type: 'bar',
-        range: 'left',
-        bindings: {
-          range: 'f'
-        }
-      }], [{
-        name: 'Item C',
-        type: 'line',
-        range: 'left',
-        bindings: {
-          range: 'c'
-        }
-      }, {
-        name: 'Item D',
-        type: 'line',
-        range: 'left',
-        bindings: {
-          range: 'd'
-        }
-      }, {
-        name: 'Item E',
-        type: 'bar',
-        range: 'left',
-        bindings: {
-          range: 'e'
-        }
-      }, {
-        name: 'Item G',
-        type: 'bar',
-        range: 'left',
-        bindings: {
-          range: 'g'
-        }
-      }, {
-        name: 'Item H',
-        type: 'bar',
-        range: 'left',
-        bindings: {
-          range: 'h'
-        }
-      }]]
-    }],
-    configuration: {
-      cartesianPlane: {
-        rangeLeftTicks: 8
-      }
-    }
-  },
-  datasets: [{
-    code: 'economico',
-    domain: [{
-      domain_value: 'Ene',
-      concepts: [{
-        code: 'a',
-        value: 30
-      }, {
-        code: 'b',
-        value: 55
-      }, {
-        code: 'c',
-        value: 42
-      }, {
-        code: 'd',
-        value: 60
-      }, {
-        code: 'e',
-        value: 75
-      }, {
-        code: 'f',
-        value: 200
-      }, {
-        code: 'g',
-        value: 200
-      }, {
-        code: 'h',
-        value: 200
-      }]
-    }, {
-      domain_value: 'Feb',
-      concepts: [{
-        code: 'a',
-        value: 42
-      }, {
-        code: 'b',
-        value: 60
-      }, {
-        code: 'c',
-        value: 75
-      }, {
-        code: 'd',
-        value: 90
-      }, {
-        code: 'e',
-        value: 105
-      }, {
-        code: 'f',
-        value: 450
-      }, {
-        code: 'g',
-        value: 380
-      }, {
-        code: 'h',
-        value: 230
-      }]
-    }, {
-      domain_value: 'Mar',
-      concepts: [{
-        code: 'a',
-        value: 60
-      }, {
-        code: 'b',
-        value: 80
-      }, {
-        code: 'c',
-        value: 95
-      }, {
-        code: 'd',
-        value: 110
-      }, {
-        code: 'e',
-        value: 125
-      }, {
-        code: 'f',
-        value: 490
-      }, {
-        code: 'g',
-        value: 440
-      }, {
-        code: 'h',
-        value: 300
-      }]
-    }, {
-      domain_value: 'Abr',
-      concepts: [{
-        code: 'a',
-        value: 80
-      }, {
-        code: 'b',
-        value: 120
-      }, {
-        code: 'c',
-        value: 135
-      }, {
-        code: 'd',
-        value: 150
-      }, {
-        code: 'e',
-        value: 165
-      }, {
-        code: 'f',
-        value: 550
-      }, {
-        code: 'g',
-        value: 430
-      }, {
-        code: 'h',
-        value: 270
-      }]
-    }, {
-      domain_value: 'May',
-      concepts: [{
-        code: 'a',
-        value: 120
-      }, {
-        code: 'b',
-        value: 150
-      }, {
-        code: 'c',
-        value: 165
-      }, {
-        code: 'd',
-        value: 180
-      }, {
-        code: 'e',
-        value: 195
-      }, {
-        code: 'f',
-        value: 540
-      }, {
-        code: 'g',
-        value: 490
-      }, {
-        code: 'h',
-        value: 280
-      }]
-    }, {
-      domain_value: 'Jun',
-      concepts: [{
-        code: 'a',
-        value: 150
-      }, {
-        code: 'b',
-        value: 200
-      }, {
-        code: 'c',
-        value: 215
-      }, {
-        code: 'd',
-        value: 230
-      }, {
-        code: 'e',
-        value: 245
-      }, {
-        code: 'f',
-        value: 450
-      }, {
-        code: 'g',
-        value: 510
-      }, {
-        code: 'h',
-        value: 220
-      }]
-    }, {
-      domain_value: 'Jul',
-      concepts: [{
-        code: 'a',
-        value: 150
-      }, {
-        code: 'b',
-        value: 200
-      }, {
-        code: 'c',
-        value: 215
-      }, {
-        code: 'd',
-        value: 230
-      }, {
-        code: 'e',
-        value: 245
-      }, {
-        code: 'f',
-        value: 470
-      }, {
-        code: 'g',
-        value: 580
-      }, {
-        code: 'h',
-        value: 200
-      }]
-    }]
-  }, {
-    code: 'consumo',
-    domain: [{
-      domain_value: 'Ene',
-      concepts: [{
-        code: 'a',
-        value: 30
-      }, {
-        code: 'b',
-        value: 55
-      }, {
-        code: 'c',
-        value: 42
-      }, {
-        code: 'd',
-        value: 60
-      }, {
-        code: 'e',
-        value: 75
-      }, {
-        code: 'f',
-        value: 200
-      }, {
-        code: 'g',
-        value: 200
-      }, {
-        code: 'h',
-        value: 200
-      }]
-    }, {
-      domain_value: 'Feb',
-      concepts: [{
-        code: 'a',
-        value: 42
-      }, {
-        code: 'b',
-        value: 60
-      }, {
-        code: 'c',
-        value: 75
-      }, {
-        code: 'd',
-        value: 90
-      }, {
-        code: 'e',
-        value: 105
-      }, {
-        code: 'f',
-        value: 200
-      }, {
-        code: 'g',
-        value: 200
-      }, {
-        code: 'h',
-        value: 200
-      }]
-    }, {
-      domain_value: 'Mar',
-      concepts: [{
-        code: 'a',
-        value: 60
-      }, {
-        code: 'b',
-        value: 80
-      }, {
-        code: 'c',
-        value: 95
-      }, {
-        code: 'd',
-        value: 110
-      }, {
-        code: 'e',
-        value: 125
-      }, {
-        code: 'f',
-        value: 200
-      }, {
-        code: 'g',
-        value: 200
-      }, {
-        code: 'h',
-        value: 200
-      }]
-    }, {
-      domain_value: 'Abr',
-      concepts: [{
-        code: 'a',
-        value: 80
-      }, {
-        code: 'b',
-        value: 120
-      }, {
-        code: 'c',
-        value: 135
-      }, {
-        code: 'd',
-        value: 150
-      }, {
-        code: 'e',
-        value: 165
-      }, {
-        code: 'f',
-        value: 200
-      }, {
-        code: 'g',
-        value: 200
-      }, {
-        code: 'h',
-        value: 200
-      }]
-    }, {
-      domain_value: 'May',
-      concepts: [{
-        code: 'a',
-        value: 120
-      }, {
-        code: 'b',
-        value: 150
-      }, {
-        code: 'c',
-        value: 165
-      }, {
-        code: 'd',
-        value: 180
-      }, {
-        code: 'e',
-        value: 195
-      }, {
-        code: 'f',
-        value: 200
-      }, {
-        code: 'g',
-        value: 200
-      }, {
-        code: 'h',
-        value: 200
-      }]
-    }, {
-      domain_value: 'Jun',
-      concepts: [{
-        code: 'a',
-        value: 150
-      }, {
-        code: 'b',
-        value: 200
-      }, {
-        code: 'c',
-        value: 215
-      }, {
-        code: 'd',
-        value: 230
-      }, {
-        code: 'e',
-        value: 245
-      }, {
-        code: 'f',
-        value: 200
-      }, {
-        code: 'g',
-        value: 200
-      }, {
-        code: 'h',
-        value: 200
-      }]
-    }, {
-      domain_value: 'Jul',
-      concepts: [{
-        code: 'a',
-        value: 150
-      }, {
-        code: 'b',
-        value: 200
-      }, {
-        code: 'c',
-        value: 215
-      }, {
-        code: 'd',
-        value: 230
-      }, {
-        code: 'e',
-        value: 245
-      }, {
-        code: 'f',
-        value: 200
-      }, {
-        code: 'g',
-        value: 200
-      }, {
-        code: 'h',
-        value: 200
-      }]
-    }]
-  }]
-};
-const DualAxisChartData = {
-  meta: {
-    id: 2,
-    code: 'consumo',
-    chart_layout: 'cartesian',
-    chart_tabs: [{
-      id: 1,
-      code: 'consumo',
-      order: 1,
-      name: 'Consumo',
-      icon: 'IconPercentage',
-      orientation: 'horizontal',
-      domain: {
-        binding: 'categorical'
-      },
-      ranges: {
-        left: {
-          label: 'Monto',
-          unit: '$'
-        },
-        right: {
-          label: 'Potencia',
-          unit: 'kW'
-        }
-      },
-      subitems: [[{
-        name: 'Item A',
-        type: 'bar',
-        range: 'left',
-        bindings: {
-          range: 'a'
-        }
-      }, {
-        name: 'Item B',
-        type: 'line',
-        range: 'right',
-        bindings: {
-          range: 'b'
-        }
-      }]]
-    }],
-    configuration: {
-      cartesianPlane: {
-        rangeRightTicks: 6
-      }
-    }
-  },
-  datasets: [{
-    code: 'consumo',
-    domain: [{
-      domain_value: 'Ene',
-      concepts: [{
-        code: 'a',
-        value: 30
-      }, {
-        code: 'b',
-        value: 550
-      }]
-    }, {
-      domain_value: 'Feb',
-      concepts: [{
-        code: 'a',
-        value: 42
-      }, {
-        code: 'b',
-        value: 600
-      }]
-    }, {
-      domain_value: 'Mar',
-      concepts: [{
-        code: 'a',
-        value: 60
-      }, {
-        code: 'b',
-        value: 800
-      }]
-    }, {
-      domain_value: 'Abr',
-      concepts: [{
-        code: 'a',
-        value: 80
-      }, {
-        code: 'b',
-        value: 1200
-      }]
-    }, {
-      domain_value: 'May',
-      concepts: [{
-        code: 'a',
-        value: 120
-      }, {
-        code: 'b',
-        value: 1500
-      }]
-    }, {
-      domain_value: 'Jun',
-      concepts: [{
-        code: 'a',
-        value: 150
-      }, {
-        code: 'b',
-        value: 2000
-      }]
-    }, {
-      domain_value: 'Jul',
-      concepts: [{
-        code: 'a',
-        value: 150
-      }, {
-        code: 'b',
-        value: 2000
-      }]
-    }]
-  }]
-};
 var _default = exports.default = {
   title: 'UTGraph',
   component: _.default,
@@ -702,14 +42,21 @@ var _default = exports.default = {
 const BarAndLineChart = exports.BarAndLineChart = {
   name: 'Bar and Line Chart',
   args: {
-    meta: BarAndLineChartData.meta,
-    datasets: BarAndLineChartData.datasets
+    meta: _UTGraph.BarAndLineChartData.meta,
+    datasets: _UTGraph.BarAndLineChartData.datasets
   }
 };
 const DualAxisChart = exports.DualAxisChart = {
   name: 'Dual Axis Chart',
   args: {
-    meta: DualAxisChartData.meta,
-    datasets: DualAxisChartData.datasets
+    meta: _UTGraph.DualAxisChartData.meta,
+    datasets: _UTGraph.DualAxisChartData.datasets
+  }
+};
+const PieChart = exports.PieChart = {
+  name: 'Pie Chart',
+  args: {
+    meta: _UTGraph.PieChartData.meta,
+    datasets: _UTGraph.PieChartData.datasets
   }
 };