@aclymatepackages/modules 1.0.0

package/dist/components/EmissionsChart.js

@@ -0,0 +1,467 @@
+"use strict";
+
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.reduce.js");
+require("core-js/modules/es.object.from-entries.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireDefault(require("react"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _dayOfYear = _interopRequireDefault(require("dayjs/plugin/dayOfYear"));
+var _recharts = require("recharts");
+var _styles = require("@mui/styles");
+var _material = require("@mui/material");
+var _formatters = require("@aclymatepackages/formatters");
+var _dateHelpers = require("@aclymatepackages/date-helpers");
+var _constants = require("@aclymatepackages/constants");
+var _otherHelpers = require("@aclymatepackages/other-helpers");
+var _EmissionsCustomTooltip = _interopRequireDefault(require("./EmissionsCustomTooltip"));
+var _useChartWarningLabels = _interopRequireDefault(require("./useChartWarningLabels"));
+var _chartHelpers = require("@aclymatepackages/chart-helpers");
+var _subcategories = require("@aclymatepackages/subcategories");
+const _excluded = ["totalEmissionsSumTons"],
+  _excluded2 = ["subcategory", "color"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+_dayjs.default.extend(_dayOfYear.default);
+const DAYS_IN_QUARTER = _constants.DAYS_PER_YEAR / 4;
+const findObjectValuesSum = object => Object.values(object).reduce((sum, value) => sum + value, 0);
+const findLabelDate = (period, label) => {
+  if (period === "quarter") {
+    return (0, _dateHelpers.findQuarterDate)(label);
+  }
+  if (period === "year") {
+    return (0, _dateHelpers.findYearFirstDate)(label);
+  }
+  return (0, _dayjs.default)(label, "MM-YY");
+};
+const isDateFirstDateOfPeriod = (date, period) => {
+  if (period === "quarter") {
+    const quarterFirstDate = (0, _dateHelpers.findQuarterDate)(date);
+    return (0, _dayjs.default)(date).isSame(quarterFirstDate, "day");
+  }
+  if (period === "year") {
+    const yearFirstDate = (0, _dateHelpers.findYearFirstDate)(date);
+    return (0, _dayjs.default)(date).isSame(yearFirstDate, "day");
+  }
+  return (0, _dayjs.default)(date).date() === 1;
+};
+const findIsEstimatedFirstDateLabel = _ref => {
+  let {
+    startDate,
+    earliestEmissionDate,
+    label,
+    period
+  } = _ref;
+  const labelDate = findLabelDate(period, label);
+  const labelStartDateDifference = (0, _dateHelpers.findInclusiveDateDifference)(labelDate, startDate, period);
+  const labelDateIsFirstOfPeriod = isDateFirstDateOfPeriod(earliestEmissionDate, period);
+  return labelStartDateDifference === 1 && !labelDateIsFirstOfPeriod;
+};
+const findIsFirstPeriodEstimated = (chartLabelsArray, period) => !chartLabelsArray.reduce((acc, label) => acc && !findIsEstimatedFirstDateLabel({
+  label,
+  period
+}), true);
+const findIsDataProjected = latestEmissionDate => {
+  if (!(0, _dayjs.default)(latestEmissionDate).isSame((0, _dayjs.default)(), "month")) {
+    return false;
+  }
+  return (0, _dayjs.default)(latestEmissionDate).date() !== (0, _dayjs.default)().daysInMonth();
+};
+const findProjectedSubcategoryValueFromEmissions = _ref2 => {
+  let {
+    emissions,
+    projectionMultiplier
+  } = _ref2;
+  return subcategory => {
+    const recurringSubcategoryEmissionsSum = (0, _chartHelpers.sumEmissionsTonsBySubcategory)(emissions, subcategory);
+    return projectionMultiplier * recurringSubcategoryEmissionsSum;
+  };
+};
+const buildSubcategoriesProjectionObj = (emissions, projectionMultiplier) => {
+  const findProjectedSubcategoryValue = findProjectedSubcategoryValueFromEmissions({
+    emissions,
+    projectionMultiplier
+  });
+  return {
+    "commuting-auto_projected": findProjectedSubcategoryValue("commuting-auto"),
+    "home-office_projected": findProjectedSubcategoryValue("home-office"),
+    utilities_projected: findProjectedSubcategoryValue("utilities")
+  };
+};
+const buildScopesProjectionObj = (emissions, projectionMultiplier) => {
+  const findProjectedSubcategoryValue = findProjectedSubcategoryValueFromEmissions({
+    emissions,
+    projectionMultiplier
+  });
+  const projectedCommutingEmissionsTons = findProjectedSubcategoryValue("commuting-auto");
+  const projectedHomeOfficeEmissionsTons = findProjectedSubcategoryValue("homeOffice");
+  const projectedElectricityEmissionsTons = findProjectedSubcategoryValue("electricity");
+  const projectedGasEmissionsTons = findProjectedSubcategoryValue("gas");
+  return {
+    scope1_projected: projectedGasEmissionsTons,
+    scope2_projected: projectedElectricityEmissionsTons,
+    scope3_projected: projectedHomeOfficeEmissionsTons + projectedCommutingEmissionsTons
+  };
+};
+const buildGroupedChartData = _ref3 => {
+  let {
+    startDate = "",
+    period,
+    isDataProjected,
+    isFirstPeriodEstimated,
+    groupedEmissions,
+    buildProjectionObj,
+    buildRealDataObj,
+    showProjection
+  } = _ref3;
+  const findPeriodPosition = idx => {
+    if (!idx) {
+      return "first";
+    }
+    if (idx === groupedEmissions.length - 1) {
+      return "last";
+    }
+    return "middle";
+  };
+  const forwardProjectionPeriodFraction = period => {
+    if (period === "month") {
+      const daysInMonth = (0, _dayjs.default)().daysInMonth();
+      return (0, _dayjs.default)().date() / daysInMonth;
+    }
+    if (period === "quarter") {
+      const firstDayInQuarter = (0, _dateHelpers.findQuarterDate)((0, _dayjs.default)());
+      const currentDaysIntoQuarter = (0, _dayjs.default)().diff(firstDayInQuarter, "day");
+      return currentDaysIntoQuarter / DAYS_IN_QUARTER;
+    }
+    const currentDaysIntoYear = (0, _dayjs.default)().dayOfYear();
+    return currentDaysIntoYear / _constants.DAYS_PER_YEAR;
+  };
+  const backwardsProjectionPeriodFraction = period => {
+    const formattedStartDate = (0, _dayjs.default)(startDate);
+    if (period === "month") {
+      const daysInMonth = formattedStartDate.daysInMonth();
+      const daysFromEndOfMonth = daysInMonth - formattedStartDate.date();
+      return daysFromEndOfMonth / daysInMonth;
+    }
+    if (period === "quarter") {
+      const lastDateInQuarter = (0, _dateHelpers.findQuarterDate)(startDate, false);
+      const daysFromEndOfQuarter = Math.abs(formattedStartDate.diff(lastDateInQuarter, "day")) + 1;
+      return daysFromEndOfQuarter / DAYS_IN_QUARTER;
+    }
+    const daysFromEndOfYear = Math.abs(formattedStartDate.diff((0, _dayjs.default)(new Date(formattedStartDate.year(), 12, 31)), "day"));
+    return daysFromEndOfYear / _constants.DAYS_PER_YEAR;
+  };
+  const findPeriodProjectionMultiplier = _ref4 => {
+    let {
+      period,
+      position
+    } = _ref4;
+    if (!showProjection || position === "middle" || position === "first" && !isFirstPeriodEstimated || position === "last" && !isDataProjected) {
+      return 0;
+    }
+
+    //TODO: -UPDATE: this projection function doesn't take into account closed offices or terminated employee, so we probably need to rethink it
+    const projectionFraction = position === "first" ? backwardsProjectionPeriodFraction(period) : forwardProjectionPeriodFraction(period);
+    return 1 / projectionFraction - 1;
+  };
+  return groupedEmissions.map((emissionsArray, idx) => {
+    const position = findPeriodPosition(idx, groupedEmissions);
+    const projectionMultiplier = findPeriodProjectionMultiplier({
+      startDate,
+      position,
+      period,
+      isDataProjected,
+      isFirstPeriodEstimated
+    });
+    const projectedCategoriesObj = buildProjectionObj(emissionsArray, projectionMultiplier);
+    const subcategoriesObj = buildRealDataObj(emissionsArray, _subcategories.allSubcategoriesWithOther);
+    const chartCategoriesObj = _objectSpread(_objectSpread({}, projectedCategoriesObj), subcategoriesObj);
+    const buildWarningObj = () => {
+      const singleEmissionWarning = emissionsArray.find(_ref5 => {
+        let {
+          warning
+        } = _ref5;
+        return !!warning;
+      });
+      if (!singleEmissionWarning) {
+        return null;
+      }
+      const {
+        warning
+      } = singleEmissionWarning;
+      return warning;
+    };
+    return _objectSpread(_objectSpread({}, chartCategoriesObj), {}, {
+      warning: buildWarningObj(),
+      id: "emissions-chart-group-".concat(idx),
+      emissionsSumTons: (0, _otherHelpers.sumTonsCo2e)(emissionsArray),
+      totalEmissionsSumTons: findObjectValuesSum(chartCategoriesObj),
+      projectedEmissionsSumTons: findObjectValuesSum(projectedCategoriesObj)
+    });
+  });
+};
+const addTrendlineToChartData = chartData => {
+  const averageX = (chartData.length - 1) / 2;
+  const averageY = chartData.reduce((sum, _ref6) => {
+    let {
+      totalEmissionsSumTons
+    } = _ref6;
+    return Number(sum) + Number(totalEmissionsSumTons);
+  }, 0) / chartData.length;
+  const trendLineCalcData = chartData.map((_ref7, idx) => {
+    let {
+      totalEmissionsSumTons
+    } = _ref7;
+    const xDifferenceFromMean = idx - averageX;
+    const yDifferenceFromMean = totalEmissionsSumTons - averageY;
+    const xDifferenceSquared = xDifferenceFromMean * xDifferenceFromMean;
+    const xyDifferenceFromMean = xDifferenceFromMean * yDifferenceFromMean;
+    return {
+      xDifferenceSquared,
+      xyDifferenceFromMean
+    };
+  });
+  const xDifferenceSquaredSum = trendLineCalcData.reduce((sum, _ref8) => {
+    let {
+      xDifferenceSquared
+    } = _ref8;
+    return sum + xDifferenceSquared;
+  }, 0);
+  const xyDifferenceFromMeanSum = trendLineCalcData.reduce((sum, _ref9) => {
+    let {
+      xyDifferenceFromMean
+    } = _ref9;
+    return sum + xyDifferenceFromMean;
+  }, 0);
+  const trendlineSlope = xyDifferenceFromMeanSum / xDifferenceSquaredSum;
+  const trendlineIntercept = averageY - trendlineSlope * averageX;
+  const findTrendlineValue = x => trendlineSlope * x + trendlineIntercept;
+  return chartData.map((_ref10, idx) => {
+    let {
+        totalEmissionsSumTons
+      } = _ref10,
+      otherProps = _objectWithoutProperties(_ref10, _excluded);
+    return _objectSpread(_objectSpread({}, otherProps), {}, {
+      trendline: findTrendlineValue(idx)
+    });
+  });
+};
+const LabeledEmissionsChart = _ref11 => {
+  var _data$, _data;
+  let {
+    data,
+    chartRef,
+    type,
+    displayUnitLabel,
+    chartArray,
+    aspect = 3,
+    showTooltip = true
+  } = _ref11;
+  const {
+    palette
+  } = (0, _styles.useTheme)();
+  const {
+    warningLabels,
+    labelSetter
+  } = (0, _useChartWarningLabels.default)({
+    data,
+    warningField: "warning",
+    barSumField: "totalEmissionsSumTons"
+  });
+  const isTrendLineGood = ((_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.trendLine) > ((_data = data[data.length - 1]) === null || _data === void 0 ? void 0 : _data.trendLine);
+  const ChartElement = type === "bar" ? _recharts.Bar : _recharts.Area;
+  return /*#__PURE__*/_react.default.createElement(_material.Box, {
+    position: "relative"
+  }, /*#__PURE__*/_react.default.createElement(_recharts.ResponsiveContainer, {
+    aspect: aspect
+  }, /*#__PURE__*/_react.default.createElement(_recharts.ComposedChart, {
+    width: 500,
+    height: 300,
+    data: data,
+    ref: chartRef
+  }, /*#__PURE__*/_react.default.createElement(_recharts.XAxis, {
+    dataKey: "label",
+    interval: "preserveStartEnd",
+    height: 20
+  }), /*#__PURE__*/_react.default.createElement(_recharts.YAxis, {
+    tickFormatter: tick => "".concat((0, _formatters.formatDecimal)(tick), " ").concat(displayUnitLabel),
+    width: 100
+  }), /*#__PURE__*/_react.default.createElement(_recharts.CartesianGrid, {
+    strokeDasharray: "3 3"
+  }), showTooltip && /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
+    wrapperStyle: {
+      zIndex: 99
+    },
+    content: /*#__PURE__*/_react.default.createElement(_EmissionsCustomTooltip.default, {
+      categoriesArray: chartArray,
+      displayUnitLabel: displayUnitLabel
+    })
+  }), chartArray.map(_ref12 => {
+    let {
+        subcategory,
+        color
+      } = _ref12,
+      otherProps = _objectWithoutProperties(_ref12, _excluded2);
+    return /*#__PURE__*/_react.default.createElement(ChartElement, _extends({
+      key: "emissions-chart-element-".concat(subcategory),
+      type: "monotone",
+      stroke: "none",
+      fillOpacity: 1,
+      stackId: "a",
+      fill: color,
+      dataKey: subcategory
+    }, otherProps), labelSetter);
+  }), /*#__PURE__*/_react.default.createElement(_recharts.Line, {
+    name: "6 Month Trend",
+    connectNulls: true,
+    dataKey: "trendline",
+    stroke: isTrendLineGood ? palette.secondary.main : palette.error.main,
+    strokeWidth: 4,
+    dot: false,
+    strokeDasharray: "5 5"
+  }))), warningLabels);
+};
+const EmissionsChart = _ref13 => {
+  let {
+    dataArray: emissions,
+    type,
+    viewMode = "subcategories",
+    graphPeriod,
+    chartRef,
+    showTrendline,
+    showProjection,
+    displayUnit,
+    unitConverter,
+    aspect,
+    isPercentageChart,
+    showTooltip,
+    startDate,
+    convertCarbonUnits,
+    displayUnitLabel
+  } = _ref13;
+  const {
+    chartLabelsArray,
+    latestEmissionDate,
+    scopesArray,
+    subcategoriesArray,
+    period,
+    groupedEmissions
+  } = (0, _chartHelpers.buildEmissionGroupData)(emissions, graphPeriod, startDate);
+  const isDataProjected = findIsDataProjected(latestEmissionDate);
+  const isFirstPeriodEstimated = findIsFirstPeriodEstimated(chartLabelsArray, graphPeriod);
+  const buildProjectionObj = viewMode === "subcategories" ? buildSubcategoriesProjectionObj : buildScopesProjectionObj;
+  const buildRealDataObj = viewMode === "subcategories" ? _chartHelpers.buildSubcategoriesDataObj : _chartHelpers.buildScopesRealDataObj;
+  const buildChartData = () => {
+    const preliminaryChartData = buildGroupedChartData({
+      startDate,
+      period,
+      isDataProjected,
+      isFirstPeriodEstimated,
+      groupedEmissions,
+      buildProjectionObj,
+      buildRealDataObj,
+      showProjection
+    });
+    const formattedLabels = chartLabelsArray.map((label, idx) => {
+      if (idx === chartLabelsArray.length - 1 && isDataProjected) {
+        return "".concat(label, "*");
+      }
+      if (idx || !isFirstPeriodEstimated) {
+        return label;
+      }
+      return "".concat(label, "**");
+    });
+    const convertChartDataObject = (chartDataObj, converter) => Object.fromEntries(Object.entries(chartDataObj).map(_ref14 => {
+      let [key, value] = _ref14;
+      if (typeof value !== "number") {
+        return [key, value];
+      }
+      return [key, converter(value)];
+    }));
+    const labelChartData = chartData => chartData.map((data, idx) => _objectSpread(_objectSpread({}, data), {}, {
+      label: formattedLabels[idx]
+    }));
+    if (isPercentageChart) {
+      const percentageConvertedChartData = preliminaryChartData.map(chartDataObj => {
+        const objectSubcategoryProperties = Object.keys(chartDataObj).filter(key => _subcategories.subcategories.find(_ref15 => {
+          let {
+            subcategory
+          } = _ref15;
+          return subcategory === key;
+        }));
+        const objectSubcategoryValues = objectSubcategoryProperties.map(subcategory => ({
+          key: subcategory,
+          value: chartDataObj[subcategory]
+        }));
+        const periodEmissionsSum = objectSubcategoryValues.reduce((sum, _ref16) => {
+          let {
+            value
+          } = _ref16;
+          return value + sum;
+        }, 0);
+        const percentageConverter = value => value / periodEmissionsSum * 100;
+        const newObject = Object.fromEntries(objectSubcategoryValues.map(_ref17 => {
+          let {
+            key,
+            value
+          } = _ref17;
+          return [key, value];
+        }));
+        return convertChartDataObject(newObject, percentageConverter);
+      });
+      return labelChartData(percentageConvertedChartData);
+    }
+    const unitConvertedChartData = preliminaryChartData.map(chartDataObj => convertChartDataObject(chartDataObj, value => unitConverter ? unitConverter(value) : convertCarbonUnits(value)));
+    const labeledChartData = labelChartData(unitConvertedChartData);
+    if (showTrendline) {
+      return addTrendlineToChartData(labeledChartData);
+    }
+    return labeledChartData;
+  };
+  const chartData = buildChartData();
+  const chartArray = viewMode === "scopes" ? scopesArray : subcategoriesArray;
+  return /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    container: true,
+    direction: "column"
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true
+  }, /*#__PURE__*/_react.default.createElement(LabeledEmissionsChart, {
+    data: chartData,
+    chartRef: chartRef,
+    type: type,
+    displayUnitLabel: isPercentageChart ? "%" : displayUnit || displayUnitLabel,
+    chartArray: chartArray,
+    aspect: aspect,
+    showTooltip: showTooltip
+  })), (isDataProjected || isFirstPeriodEstimated) && /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true,
+    container: true,
+    justifyContent: "flex-end"
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true
+  }, isDataProjected && showProjection && /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    variant: "caption",
+    color: "textSecondary",
+    display: "block",
+    align: "right"
+  }, "*Data in the most recent period is projected since this period isn't complete yet."), isFirstPeriodEstimated && showProjection && /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    variant: "caption",
+    color: "textSecondary",
+    display: "block",
+    align: "right"
+  }, "**Data in the first period is estimated since your start date is in the middle of this period."))));
+};
+var _default = EmissionsChart;
+exports.default = _default;

package/dist/components/EmissionsCustomTooltip.js

@@ -0,0 +1,181 @@
+"use strict";
+
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
+require("core-js/modules/esnext.string.replace-all.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _atoms = require("@aclymatepackages/atoms");
+var _formatters = require("@aclymatepackages/formatters");
+var _themes = require("@aclymatepackages/themes");
+var _CustomTooltipDisplayRow = _interopRequireDefault(require("./CustomTooltipDisplayRow"));
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+const _excluded = ["label", "trendline", "emissionsSumTons", "projectedEmissionsSumTons", "id"],
+  _excluded2 = ["subcategory"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const StatusDisplay = _ref => {
+  let {
+    dataArray,
+    id
+  } = _ref;
+  const {
+    status
+  } = dataArray.find(dataObj => (dataObj === null || dataObj === void 0 ? void 0 : dataObj.id) === id) || {};
+  if (!status) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+  const {
+    color,
+    icon,
+    tooltip
+  } = status;
+  return /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true
+  }, /*#__PURE__*/_react.default.createElement(_material.Paper, {
+    style: {
+      backgroundColor: color
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
+    p: 1
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    container: true,
+    spacing: 2,
+    alignItems: "center"
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true
+  }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+    icon: icon,
+    style: {
+      color: "white"
+    },
+    size: "2x"
+  })), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true
+  }, /*#__PURE__*/_react.default.createElement(_material.ThemeProvider, {
+    theme: _themes.mergeDarkTheme
+  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    variant: "subtitle2",
+    color: "textPrimary"
+  }, tooltip)))))));
+};
+const EmissionsCustomTooltip = _ref2 => {
+  var _payload$;
+  let {
+    payload,
+    categoriesArray,
+    labelAnnotation = "",
+    dataArray = [],
+    displayUnitLabel
+  } = _ref2;
+  const buildSubtitle = (realCarbonVolume, projectedCarbonVolume) => {
+    const baseSubtitle = "".concat((0, _formatters.formatDecimal)(realCarbonVolume), " ").concat(displayUnitLabel, " CO2");
+    if (!projectedCarbonVolume) {
+      return baseSubtitle;
+    }
+    return "".concat(baseSubtitle, " (").concat((0, _formatters.formatDecimal)(projectedCarbonVolume), " projected)");
+  };
+  const columnDetails = payload === null || payload === void 0 || (_payload$ = payload[0]) === null || _payload$ === void 0 ? void 0 : _payload$.payload;
+  const _ref3 = columnDetails || {},
+    {
+      label = "",
+      trendline,
+      emissionsSumTons,
+      projectedEmissionsSumTons,
+      id
+    } = _ref3,
+    graphValues = _objectWithoutProperties(_ref3, _excluded);
+  const cleanLabel = label.replaceAll(/[*]/gi, "");
+  const filteredFormattedGraphValuesArray = Object.entries(graphValues).filter(_ref4 => {
+    let [_, value] = _ref4;
+    return value;
+  }).map(_ref5 => {
+    let [key, value] = _ref5;
+    const [subcategory, projected] = key.split("_");
+    return {
+      subcategory,
+      projected: !!projected,
+      value
+    };
+  });
+  const uniqueSubcategories = [...new Set(filteredFormattedGraphValuesArray.map(_ref6 => {
+    let {
+      subcategory
+    } = _ref6;
+    return subcategory;
+  }))];
+  const subcategoryDisplayArray = uniqueSubcategories.map(subcategory => {
+    var _filteredFormattedGra, _filteredFormattedGra2;
+    const realValue = (_filteredFormattedGra = filteredFormattedGraphValuesArray.find(graphValue => graphValue.subcategory === subcategory && !graphValue.projected)) === null || _filteredFormattedGra === void 0 ? void 0 : _filteredFormattedGra.value;
+    const projectedValue = (_filteredFormattedGra2 = filteredFormattedGraphValuesArray.find(graphValue => graphValue.subcategory === subcategory && !!graphValue.projected)) === null || _filteredFormattedGra2 === void 0 ? void 0 : _filteredFormattedGra2.value;
+    return {
+      subcategory,
+      realValue,
+      projectedValue,
+      subtitle: buildSubtitle(realValue, projectedValue)
+    };
+  });
+  const displayArrayWithIcons = subcategoryDisplayArray.map(_ref7 => {
+    let {
+        subcategory
+      } = _ref7,
+      otherProps = _objectWithoutProperties(_ref7, _excluded2);
+    const {
+      Icon,
+      color,
+      icon,
+      name
+    } = categoriesArray.find(categoryObj => categoryObj.subcategory === subcategory) || {};
+    return _objectSpread({
+      subcategory,
+      Icon,
+      icon,
+      color,
+      name
+    }, otherProps);
+  }).filter(_ref8 => {
+    let {
+      color
+    } = _ref8;
+    return color;
+  });
+  return /*#__PURE__*/_react.default.createElement(_atoms.DefaultPaper, {
+    style: {
+      zIndex: 99999,
+      borderColor: "transparent"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    container: true,
+    direction: "column",
+    spacing: 2
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true
+  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    variant: "h6",
+    color: "textPrimary"
+  }, "".concat(cleanLabel, " Emissions")), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    variant: "subtitle2",
+    color: "textSecondary"
+  }, "".concat(buildSubtitle(emissionsSumTons, projectedEmissionsSumTons), " ").concat(labelAnnotation))), displayArrayWithIcons.map((displayData, idx) => /*#__PURE__*/_react.default.createElement(_CustomTooltipDisplayRow.default, _extends({
+    key: "tooltip-display-row-".concat(idx)
+  }, displayData))), /*#__PURE__*/_react.default.createElement(StatusDisplay, {
+    id: id,
+    dataArray: dataArray
+  })));
+};
+var _default = EmissionsCustomTooltip;
+exports.default = _default;