From a27e38b33a322bc1848ba2566477f8ad60dcc6f8 Mon Sep 17 00:00:00 2001
From: build-pipeline <build-token>
Date: Mon, 12 Jun 2023 12:15:54 +0000
Subject: [PATCH] publish: Merge branch
 '499-conso-chargement-des-elements-de-la-page-en-decale' into 'dev'

generated from commit 40adb1ffb63e2e2e08020b5535127749bc53c31d
---
 ...d188.js => ecolyo.1739814e9eca9809999d.js} | 34 ++++++-------------
 ...aa30.js => ecolyo.6ed99e17d40cae490df8.js} | 22 ++++++------
 index.html                                    |  2 +-
 3 files changed, 23 insertions(+), 35 deletions(-)
 rename 5/{ecolyo.2c5979fe74e28dddd188.js => ecolyo.1739814e9eca9809999d.js} (99%)
 rename app/{ecolyo.98dcce2ac3ba05daaa30.js => ecolyo.6ed99e17d40cae490df8.js} (99%)

diff --git a/5/ecolyo.2c5979fe74e28dddd188.js b/5/ecolyo.1739814e9eca9809999d.js
similarity index 99%
rename from 5/ecolyo.2c5979fe74e28dddd188.js
rename to 5/ecolyo.1739814e9eca9809999d.js
index 1f8b24873..15d58daa7 100644
--- a/5/ecolyo.2c5979fe74e28dddd188.js
+++ b/5/ecolyo.1739814e9eca9809999d.js
@@ -3812,7 +3812,6 @@ var DataloadConsumptionVisualizer = function DataloadConsumptionVisualizer(_ref)
   var _useSelector = (0, _reactRedux.useSelector)(function (state) {
     return state.ecolyo.chart;
   }),
-      loading = _useSelector.loading,
       showCompare = _useSelector.showCompare;
 
   var _useState = (0, _react.useState)(false),
@@ -3826,7 +3825,7 @@ var DataloadConsumptionVisualizer = function DataloadConsumptionVisualizer(_ref)
     });
   }, []);
 
-  if (loading || !dataload) {
+  if (!dataload) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "dataloadvisualizer-root"
     });
@@ -5240,8 +5239,7 @@ var FluidChartSwipe = function FluidChartSwipe(_ref) {
   }),
       currentIndex = _useSelector.currentIndex,
       currentTimeStep = _useSelector.currentTimeStep,
-      selectedDate = _useSelector.selectedDate,
-      loading = _useSelector.loading;
+      selectedDate = _useSelector.selectedDate;
 
   var swipe = (0, _react.useRef)(null);
 
@@ -5266,7 +5264,7 @@ var FluidChartSwipe = function FluidChartSwipe(_ref) {
     dispatch((0, _chart.setCurrentIndex)(updatedIndex));
   };
 
-  var _useChartResize = (0, _useChartResize2.useChartResize)(swipe, 300, 940, loading),
+  var _useChartResize = (0, _useChartResize2.useChartResize)(swipe),
       height = _useChartResize.height,
       width = _useChartResize.width;
 
@@ -5705,18 +5703,12 @@ var FluidChart = function FluidChart(_ref) {
 
   var _useExploration = (0, _useExploration3.default)(),
       _useExploration2 = (0, _slicedToArray2.default)(_useExploration, 2),
-      setValidExploration = _useExploration2[1]; // TODO use chart.loading ?
-
+      setValidExploration = _useExploration2[1];
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isLoaded = _useState2[0],
-      setIsLoaded = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      containsHalfHourData = _useState4[0],
-      setContainsHalfHourData = _useState4[1];
+      containsHalfHourData = _useState2[0],
+      setContainsHalfHourData = _useState2[1];
 
   var lowercaseTimeStep = _timeStep.TimeStep[currentTimeStep].toLowerCase();
 
@@ -5770,13 +5762,12 @@ var FluidChart = function FluidChart(_ref) {
           while (1) {
             switch (_context2.prev = _context2.next) {
               case 0:
-                consumptionService = new _consumption.default(client);
-
                 if (!(fluidType === _fluid.FluidType.ELECTRICITY)) {
                   _context2.next = 6;
                   break;
                 }
 
+                consumptionService = new _consumption.default(client);
                 _context2.next = 4;
                 return consumptionService.checkDoctypeEntries(_fluid.FluidType.ELECTRICITY, _timeStep.TimeStep.HALF_AN_HOUR);
 
@@ -5788,11 +5779,6 @@ var FluidChart = function FluidChart(_ref) {
                 }
 
               case 6:
-                if (subscribed) {
-                  setIsLoaded(true);
-                }
-
-              case 7:
               case "end":
                 return _context2.stop();
             }
@@ -5802,7 +5788,7 @@ var FluidChart = function FluidChart(_ref) {
       return _loadData.apply(this, arguments);
     }
 
-    loadData();
+    subscribed && loadData();
     return function () {
       subscribed = false;
     };
@@ -5870,7 +5856,7 @@ var FluidChart = function FluidChart(_ref) {
     }, t("auth.".concat((0, _utils.getKonnectorSlug)(fluidType), ".connect"))));
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLoaded && /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "fluidchart-root"
   }, !isFluidConnected && /*#__PURE__*/_react.default.createElement(LastDataValid, null), currentTimeStep === _timeStep.TimeStep.HALF_AN_HOUR && !containsHalfHourData ? /*#__PURE__*/_react.default.createElement(_HalfHourNoData.default, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "fluidchart-content"
@@ -5892,7 +5878,7 @@ var FluidChart = function FluidChart(_ref) {
     }
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "fluidchart-footer-label graph-switch-text"
-  }, t("timestep.".concat(lowercaseTimeStep, ".comparelabel")))))));
+  }, t("timestep.".concat(lowercaseTimeStep, ".comparelabel"))))));
 };
 
 var _default = FluidChart;
diff --git a/app/ecolyo.98dcce2ac3ba05daaa30.js b/app/ecolyo.6ed99e17d40cae490df8.js
similarity index 99%
rename from app/ecolyo.98dcce2ac3ba05daaa30.js
rename to app/ecolyo.6ed99e17d40cae490df8.js
index 6a62f2bc3..272563b72 100644
--- a/app/ecolyo.98dcce2ac3ba05daaa30.js
+++ b/app/ecolyo.6ed99e17d40cae490df8.js
@@ -64,7 +64,7 @@
 /******/
 /******/ 	// script path function
 /******/ 	function jsonpScriptSrc(chunkId) {
-/******/ 		return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"1":"c44aefc530d1de68ee3f","3":"eff4cc1e75bcc37e8fed","4":"4bdc1836bb506dfd5fea","5":"2c5979fe74e28dddd188","6":"b09b697935df908fb69c","7":"1850b6ce28566211a509","8":"5a104e5906433ba909f2","9":"d4e0f8345c64c54574af"}[chunkId] + ".js"
+/******/ 		return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"1":"c44aefc530d1de68ee3f","3":"eff4cc1e75bcc37e8fed","4":"4bdc1836bb506dfd5fea","5":"1739814e9eca9809999d","6":"b09b697935df908fb69c","7":"1850b6ce28566211a509","8":"5a104e5906433ba909f2","9":"d4e0f8345c64c54574af"}[chunkId] + ".js"
 /******/ 	}
 /******/
 /******/ 	// The require function
@@ -34380,28 +34380,30 @@ var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
 
 var _react = __webpack_require__("q1tI");
 
+/**
+ * Update the width and height of the chart when the window is resized
+ */
 var useChartResize = function useChartResize(ref) {
+  var _ref$current, _ref$current2;
+
   var maxHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
   var maxWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 940;
-  var loading = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
 
-  var _useState = (0, _react.useState)(0),
+  var _useState = (0, _react.useState)(maxWidth),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       width = _useState2[0],
       setWidth = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(0),
+  var _useState3 = (0, _react.useState)(maxHeight),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       height = _useState4[0],
       setHeight = _useState4[1];
 
   (0, _react.useEffect)(function () {
     function handleResize() {
-      if (!loading) {
-        var _ref$current$offsetWi, _ref$current, _ref$current$offsetHe, _ref$current2;
-
-        var chartContainerWidth = (_ref$current$offsetWi = ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.offsetWidth) !== null && _ref$current$offsetWi !== void 0 ? _ref$current$offsetWi : 400;
-        var chartContainerHeight = (_ref$current$offsetHe = ref === null || ref === void 0 ? void 0 : (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.offsetHeight) !== null && _ref$current$offsetHe !== void 0 ? _ref$current$offsetHe : 200;
+      if (ref.current) {
+        var chartContainerWidth = ref.current.offsetWidth;
+        var chartContainerHeight = ref.current.offsetHeight;
 
         var _width = Math.min(chartContainerWidth, maxWidth);
 
@@ -34417,7 +34419,7 @@ var useChartResize = function useChartResize(ref) {
     return function () {
       return window.removeEventListener('resize', handleResize);
     };
-  }, [loading]);
+  }, [maxHeight, maxWidth, ref, (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.offsetHeight, (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.offsetWidth]);
   return {
     width: width,
     height: height
diff --git a/index.html b/index.html
index 050b747db..3bf62c6f0 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.69beab954af56959f24c.js"></script><script src="app/ecolyo.98dcce2ac3ba05daaa30.js"></script></div></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.69beab954af56959f24c.js"></script><script src="app/ecolyo.6ed99e17d40cae490df8.js"></script></div></body></html>
\ No newline at end of file
-- 
GitLab