@aclymatepackages/modules 2.4.4 → 3.0.0

package/dist/components/FootprintEquivalencies.js

@@ -66,14 +66,14 @@ const FootprintEquivalencies = _ref => {
     icon: _proSolidSvgIcons.faIcicles,
     buildString: (carbon, equivalency) => "Your ".concat(carbon, " lbs. of carbon is enough to permanently melt ").concat(equivalency, " square ").concat(equivalency === "1" ? "foot" : "feet", " of Arctic sea ice"),
     equivalency: (0, _formatters.formatDecimal)((0, _converters.convertFootprintToIce)(footprintTons)),
-    color: "travel",
+    color: "primary",
     backgroundOpacity: 0.3
   }, {
     type: "eating-hamburgers",
     icon: _proSolidSvgIcons.faHamburger,
     buildString: (carbon, equivalency) => "Your ".concat(carbon, " lbs. of carbon is equivalent to the emissions of eating ").concat(equivalency, " hamburgers"),
     equivalency: (0, _formatters.formatDecimal)((0, _converters.footprintToHamburgers)(footprintTons)),
-    color: "mileage",
+    color: "summary",
     backgroundOpacity: 0.4
   }, {
     type: "carbon-budget",

package/dist/index.js

@@ -21,24 +21,6 @@ Object.defineProperty(exports, "ComparisonChart", {
     return _ComparisonChart.default;
   }
 });
-Object.defineProperty(exports, "CustomTooltipDisplayRow", {
-  enumerable: true,
-  get: function get() {
-    return _CustomTooltipDisplayRow.default;
-  }
-});
-Object.defineProperty(exports, "EmissionsChart", {
-  enumerable: true,
-  get: function get() {
-    return _EmissionsChart.default;
-  }
-});
-Object.defineProperty(exports, "EmissionsCustomTooltip", {
-  enumerable: true,
-  get: function get() {
-    return _EmissionsCustomTooltip.default;
-  }
-});
 Object.defineProperty(exports, "EmissionsPieChart", {
   enumerable: true,
   get: function get() {
@@ -87,18 +69,6 @@ Object.defineProperty(exports, "PlacesAutocomplete", {
     return _PlacesAutocomplete.default;
   }
 });
-Object.defineProperty(exports, "ReportGraphContentLayout", {
-  enumerable: true,
-  get: function get() {
-    return _ReportGraphContentLayout.default;
-  }
-});
-Object.defineProperty(exports, "ReportSummaryBlock", {
-  enumerable: true,
-  get: function get() {
-    return _ReportSummaryBlock.default;
-  }
-});
 Object.defineProperty(exports, "YesNoQuestion", {
   enumerable: true,
   get: function get() {
@@ -120,13 +90,8 @@ var _FootprintEquivalencies = _interopRequireDefault(require("./components/Footp
 var _ComparisonChart = _interopRequireDefault(require("./components/ComparisonChart"));
 var _EmissionsReductionGraph = _interopRequireDefault(require("./components/EmissionsReductionGraph"));
 var _CompanyOnboardingInput = _interopRequireDefault(require("./components/CompanyOnboardingInput"));
-var _CustomTooltipDisplayRow = _interopRequireDefault(require("./components/CustomTooltipDisplayRow"));
-var _EmissionsChart = _interopRequireDefault(require("./components/EmissionsChart"));
-var _EmissionsCustomTooltip = _interopRequireDefault(require("./components/EmissionsCustomTooltip"));
 var _EmissionsPieChart = _interopRequireDefault(require("./components/EmissionsPieChart"));
 var _useChartWarningLabels = _interopRequireDefault(require("./components/useChartWarningLabels"));
-var _ReportSummaryBlock = _interopRequireDefault(require("./components/ReportSummaryBlock"));
-var _ReportGraphContentLayout = _interopRequireDefault(require("./components/ReportGraphContentLayout"));
 var _EmissionsSummarySentence = _interopRequireDefault(require("./components/EmissionsSummarySentence"));
 var _PdlCompanySelect = _interopRequireDefault(require("./components/PdlCompanySelect"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aclymatepackages/modules",
-  "version": "2.4.4",
+  "version": "3.0.0",
   "description": "Aclymate modules",
   "author": "William Loopesko",
   "main": "dist/index.js",

package/src/components/FootprintEquivalencies.js

@@ -80,7 +80,7 @@ const FootprintEquivalencies = ({
           equivalency === "1" ? "foot" : "feet"
         } of Arctic sea ice`,
       equivalency: formatDecimal(convertFootprintToIce(footprintTons)),
-      color: "travel",
+      color: "primary",
       backgroundOpacity: 0.3,
     },
     {
@@ -89,7 +89,7 @@ const FootprintEquivalencies = ({
       buildString: (carbon, equivalency) =>
         `Your ${carbon} lbs. of carbon is equivalent to the emissions of eating ${equivalency} hamburgers`,
       equivalency: formatDecimal(footprintToHamburgers(footprintTons)),
-      color: "mileage",
+      color: "summary",
       backgroundOpacity: 0.4,
     },
     {

package/src/index.js

@@ -7,13 +7,8 @@ import FootprintEquivalencies from "./components/FootprintEquivalencies";
 import ComparisonChart from "./components/ComparisonChart";
 import EmissionsReductionGraph from "./components/EmissionsReductionGraph";
 import CompanyOnboardingInput from "./components/CompanyOnboardingInput";
-import CustomTooltipDisplayRow from "./components/CustomTooltipDisplayRow";
-import EmissionsChart from "./components/EmissionsChart";
-import EmissionsCustomTooltip from "./components/EmissionsCustomTooltip";
 import EmissionsPieChart from "./components/EmissionsPieChart";
 import useChartWarningLabels from "./components/useChartWarningLabels";
-import ReportSummaryBlock from "./components/ReportSummaryBlock";
-import ReportGraphContentLayout from "./components/ReportGraphContentLayout";
 import EmissionsSummarySentence from "./components/EmissionsSummarySentence";
 import PdlCompanySelect from "./components/PdlCompanySelect";
 
@@ -27,13 +22,8 @@ export {
   ComparisonChart,
   EmissionsReductionGraph,
   CompanyOnboardingInput,
-  CustomTooltipDisplayRow,
-  EmissionsChart,
-  EmissionsCustomTooltip,
   EmissionsPieChart,
   useChartWarningLabels,
-  ReportSummaryBlock,
-  ReportGraphContentLayout,
   EmissionsSummarySentence,
   PdlCompanySelect,
 };

package/dist/components/CustomTooltipDisplayRow.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _material = require("@mui/material");
-var _atoms = require("@aclymatepackages/atoms");
-var _formatters = require("@aclymatepackages/formatters");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CustomTooltipDisplayRow = _ref => {
-  let {
-    category,
-    customAvatar,
-    color,
-    name,
-    subtitle,
-    viewMode,
-    subcategory,
-    scope
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    container: true,
-    spacing: 1,
-    wrap: "nowrap",
-    alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true
-  }, customAvatar || /*#__PURE__*/_react.default.createElement(_atoms.CategoriesAvatar, {
-    viewMode: viewMode,
-    color: color,
-    subcategory: subcategory,
-    scope: scope
-  })), /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    container: true,
-    direction: "column",
-    wrap: "nowrap"
-  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    variant: "subtitle1",
-    color: "textPrimary",
-    noWrap: true
-  }, "".concat((0, _formatters.ucFirstLetters)(name || category)))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    variant: "caption",
-    color: "textSecondary"
-  }, subtitle))));
-};
-var _default = exports.default = CustomTooltipDisplayRow;

package/dist/components/EmissionsChart.js

@@ -1,305 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.includes.js");
-require("core-js/modules/es.object.assign.js");
-require("core-js/modules/es.string.includes.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 _recharts = require("recharts");
-var _material = require("@mui/material");
-var _formatters = require("@aclymatepackages/formatters");
-var _otherHelpers = require("@aclymatepackages/other-helpers");
-var _chartHelpers = require("@aclymatepackages/chart-helpers");
-var _subcategories = require("@aclymatepackages/subcategories");
-var _EmissionsCustomTooltip = _interopRequireDefault(require("./EmissionsCustomTooltip"));
-var _useChartWarningLabels = _interopRequireDefault(require("./useChartWarningLabels"));
-const _excluded = ["totalEmissionsSumTons"],
-  _excluded2 = ["subcategory", "color"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
-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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const findObjectValuesSum = object => Object.values(object).reduce((sum, value) => sum + value, 0);
-const buildGroupedChartData = _ref => {
-  let {
-    groupedEmissions,
-    buildRealDataObj,
-    viewMode
-  } = _ref;
-  return groupedEmissions.map((emissionsArray, idx) => {
-    const subcategoriesObj = buildRealDataObj(emissionsArray, [..._subcategories.subcategories, _subcategories.otherSubcategoryObj]);
-    const buildWarningObj = () => {
-      const singleEmissionWarning = emissionsArray.find(_ref2 => {
-        let {
-          warning
-        } = _ref2;
-        return !!warning;
-      });
-      if (!singleEmissionWarning) {
-        return null;
-      }
-      const {
-        warning
-      } = singleEmissionWarning;
-      return warning;
-    };
-    return _objectSpread(_objectSpread({}, subcategoriesObj), {}, {
-      warning: buildWarningObj(),
-      id: "emissions-chart-group-".concat(idx),
-      emissionsSumTons: (0, _otherHelpers.sumTonsCo2e)(emissionsArray),
-      totalEmissionsSumTons: findObjectValuesSum(subcategoriesObj),
-      viewMode
-    });
-  });
-};
-const addTrendlineToChartData = chartData => {
-  const averageX = (chartData.length - 1) / 2;
-  const averageY = chartData.reduce((sum, _ref3) => {
-    let {
-      totalEmissionsSumTons
-    } = _ref3;
-    return Number(sum) + Number(totalEmissionsSumTons);
-  }, 0) / chartData.length;
-  const trendLineCalcData = chartData.map((_ref4, idx) => {
-    let {
-      totalEmissionsSumTons
-    } = _ref4;
-    const xDifferenceFromMean = idx - averageX;
-    const yDifferenceFromMean = totalEmissionsSumTons - averageY;
-    const xDifferenceSquared = xDifferenceFromMean * xDifferenceFromMean;
-    const xyDifferenceFromMean = xDifferenceFromMean * yDifferenceFromMean;
-    return {
-      xDifferenceSquared,
-      xyDifferenceFromMean
-    };
-  });
-  const xDifferenceSquaredSum = trendLineCalcData.reduce((sum, _ref5) => {
-    let {
-      xDifferenceSquared
-    } = _ref5;
-    return sum + xDifferenceSquared;
-  }, 0);
-  const xyDifferenceFromMeanSum = trendLineCalcData.reduce((sum, _ref6) => {
-    let {
-      xyDifferenceFromMean
-    } = _ref6;
-    return sum + xyDifferenceFromMean;
-  }, 0);
-  const trendlineSlope = xyDifferenceFromMeanSum / xDifferenceSquaredSum;
-  const trendlineIntercept = averageY - trendlineSlope * averageX;
-  const findTrendlineValue = x => trendlineSlope * x + trendlineIntercept;
-  return chartData.map((_ref7, idx) => {
-    let {
-        totalEmissionsSumTons
-      } = _ref7,
-      otherProps = _objectWithoutProperties(_ref7, _excluded);
-    return _objectSpread(_objectSpread({}, otherProps), {}, {
-      trendline: findTrendlineValue(idx)
-    });
-  });
-};
-const LabeledEmissionsChart = _ref8 => {
-  var _data$, _data;
-  let {
-    data,
-    type,
-    displayUnitLabel,
-    chartArray,
-    aspect = 3,
-    showTooltip
-  } = _ref8;
-  const {
-    palette
-  } = (0, _material.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
-  }, /*#__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(_ref9 => {
-    let {
-        subcategory,
-        color
-      } = _ref9,
-      otherProps = _objectWithoutProperties(_ref9, _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 = _ref10 => {
-  let {
-    dataArray: emissions,
-    type,
-    viewMode = "subcategories",
-    graphPeriod,
-    showTrendline,
-    displayUnit,
-    aspect,
-    isPercentageChart,
-    showTooltip = true,
-    startDate,
-    convertCarbonUnits = tons => tons,
-    displayUnitLabel = "tons",
-    branding,
-    netZeroPercentage,
-    noLine = true
-  } = _ref10;
-  const {
-    chartLabelsArray,
-    scopesArray,
-    subcategoriesArray,
-    groupedEmissions
-  } = (0, _chartHelpers.buildEmissionGroupData)(emissions, graphPeriod, startDate, branding);
-  const buildRealDataObj = viewMode === "subcategories" ? _chartHelpers.buildSubcategoriesDataObj : _chartHelpers.buildScopesRealDataObj;
-  const buildChartData = () => {
-    const preliminaryChartData = buildGroupedChartData({
-      groupedEmissions,
-      buildRealDataObj,
-      viewMode
-    });
-    const convertChartDataObject = (chartDataObj, converter) => Object.fromEntries(Object.entries(chartDataObj).map(_ref11 => {
-      let [key, value] = _ref11;
-      if (typeof value !== "number") {
-        return [key, value];
-      }
-      return [key, converter(value)];
-    }));
-    const labelChartData = chartData => chartData.map((data, idx) => _objectSpread(_objectSpread({}, data), {}, {
-      label: chartLabelsArray[idx]
-    }));
-    if (isPercentageChart) {
-      const percentageConvertedChartData = preliminaryChartData.map(chartDataObj => {
-        const objectSubcategoryProperties = Object.keys(chartDataObj).filter(key => _subcategories.subcategories.find(_ref12 => {
-          let {
-            subcategory
-          } = _ref12;
-          return subcategory === key;
-        }));
-        const objectSubcategoryValues = objectSubcategoryProperties.map(subcategory => ({
-          key: subcategory,
-          value: chartDataObj[subcategory]
-        }));
-        const periodEmissionsSum = objectSubcategoryValues.reduce((sum, _ref13) => {
-          let {
-            value
-          } = _ref13;
-          return value + sum;
-        }, 0);
-        const percentageConverter = value => value / periodEmissionsSum * 100;
-        const newObject = Object.fromEntries(objectSubcategoryValues.map(_ref14 => {
-          let {
-            key,
-            value
-          } = _ref14;
-          return [key, value];
-        }));
-        return convertChartDataObject(newObject, percentageConverter);
-      });
-      return labelChartData(percentageConvertedChartData);
-    }
-    const unitConvertedChartData = preliminaryChartData.map(chartDataObj => convertChartDataObject(chartDataObj, convertCarbonUnits));
-    const labeledChartData = labelChartData(unitConvertedChartData);
-    if (showTrendline) {
-      return addTrendlineToChartData(labeledChartData);
-    }
-    return labeledChartData;
-  };
-  const chartData = buildChartData();
-  const findFirstYearBaseline = () => {
-    if ((0, _dayjs.default)().diff((0, _dayjs.default)(startDate), "month") < 12 || noLine) {
-      return false;
-    }
-    const {
-      groupedEmissions: firstYearBaselineMonthlyEmissions
-    } = (0, _chartHelpers.buildEmissionGroupData)(emissions, "month", startDate);
-    const firstYearMonthlyGroupedEmissions = [...new Array(11)].map((_, idx) => firstYearBaselineMonthlyEmissions[idx]);
-    const firstYearMonthlyEmissionsSum = firstYearMonthlyGroupedEmissions.map(emissions => ({
-      tonsCo2e: (0, _otherHelpers.sumTonsCo2e)(emissions)
-    }));
-    const monthlyBaselineTons = (0, _otherHelpers.sumTonsCo2e)(firstYearMonthlyEmissionsSum) / 12;
-    if (graphPeriod === "year") {
-      return convertCarbonUnits(monthlyBaselineTons * 12);
-    }
-    if (graphPeriod === "quarter") {
-      return convertCarbonUnits(monthlyBaselineTons * 3);
-    }
-    return convertCarbonUnits(monthlyBaselineTons);
-  };
-  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,
-    type: type,
-    displayUnitLabel: isPercentageChart ? "%" : displayUnit || displayUnitLabel,
-    chartArray: chartArray.map(obj => _objectSpread(_objectSpread({}, obj), {}, {
-      viewMode
-    })),
-    aspect: aspect,
-    showTooltip: showTooltip,
-    graphPeriod: graphPeriod,
-    netZeroPercentage: netZeroPercentage,
-    baseline: findFirstYearBaseline()
-  })));
-};
-var _default = exports.default = EmissionsChart;

package/dist/components/EmissionsCustomTooltip.js

@@ -1,139 +0,0 @@
-"use strict";
-
-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");
-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");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, 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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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 => {
-  let {
-    payload: passedPayload,
-    categoriesArray,
-    labelAnnotation = "",
-    dataArray = [],
-    displayUnitLabel
-  } = _ref2;
-  if (!passedPayload.length) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-  }
-  const buildSubtitle = carbonValue => "".concat((0, _formatters.formatDecimal)(carbonValue), " ").concat(displayUnitLabel, " CO2");
-  const {
-    payload: columnDetails
-  } = passedPayload[0];
-  const {
-    label = "",
-    id
-  } = columnDetails || {};
-  const payloadDisplayArray = passedPayload.filter(_ref3 => {
-    let {
-      value,
-      dataKey
-    } = _ref3;
-    return !!value && dataKey !== "trendline";
-  });
-  const formattedDisplayArray = payloadDisplayArray.map(_ref4 => {
-    let {
-      dataKey,
-      value
-    } = _ref4;
-    const chartSubcategory = categoriesArray.find(_ref5 => {
-      let {
-        subcategory
-      } = _ref5;
-      return subcategory === dataKey;
-    });
-    return _objectSpread(_objectSpread({}, chartSubcategory), {}, {
-      subtitle: buildSubtitle(value)
-    });
-  });
-  const emissionsSumTons = payloadDisplayArray.reduce((sum, _ref6) => {
-    let {
-      value
-    } = _ref6;
-    return value + sum;
-  }, 0);
-  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: "h4",
-    color: "textPrimary"
-  }, "".concat(label, " Emissions")), /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    variant: "subtitle2",
-    color: "textSecondary"
-  }, "".concat(buildSubtitle(emissionsSumTons), " ").concat(labelAnnotation))), formattedDisplayArray.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 = exports.default = EmissionsCustomTooltip;

package/dist/components/ReportGraphContentLayout.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _material = require("@mui/material");
-var _EmissionsChart = _interopRequireDefault(require("./EmissionsChart"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ReportGraphContentLayout = _ref => {
-  let {
-    contentTitle,
-    contentRows = [],
-    chartType = "bar",
-    chartViewMode = "scopes",
-    emissions,
-    interval = "quarter",
-    isPercentageChart,
-    height,
-    branding,
-    showTooltip
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_material.Box, {
-    p: 2,
-    style: {
-      height: height || "auto"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    container: true,
-    spacing: 2
-  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    md: 4,
-    xs: 12,
-    container: true,
-    direction: "column",
-    spacing: 2
-  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    variant: "subtitle1"
-  }, contentTitle)), contentRows.map((row, idx) => /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    key: "content-row-".concat(idx)
-  }, row))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    md: 8,
-    xs: 12
-  }, /*#__PURE__*/_react.default.createElement(_EmissionsChart.default, {
-    dataArray: emissions,
-    type: chartType,
-    viewMode: chartViewMode,
-    graphPeriod: interval,
-    displayUnit: "tons",
-    aspect: 2,
-    isPercentageChart: isPercentageChart,
-    showTooltip: showTooltip,
-    branding: branding
-  }))));
-};
-var _default = exports.default = ReportGraphContentLayout;

package/dist/components/ReportSummaryBlock.js

@@ -1,69 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/web.dom-collections.iterator.js");
-var _react = _interopRequireDefault(require("react"));
-var _material = require("@mui/material");
-var _otherHelpers = require("@aclymatepackages/other-helpers");
-var _ReportGraphContentLayout = _interopRequireDefault(require("./ReportGraphContentLayout"));
-var _EmissionsPieChart = _interopRequireDefault(require("./EmissionsPieChart"));
-var _EmissionsSummarySentence = _interopRequireDefault(require("./EmissionsSummarySentence"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const ReportSummaryBlock = _ref => {
-  let {
-    emissions,
-    interval,
-    branding,
-    showTooltip,
-    scopesWithColors
-  } = _ref;
-  const scopesWithEmissions = scopesWithColors.map(scopeObj => {
-    const {
-      scope
-    } = scopeObj;
-    const scopeEmissions = (0, _otherHelpers.filterEmissionsByScope)(emissions, scope);
-    return _objectSpread(_objectSpread({}, scopeObj), {}, {
-      emissions: scopeEmissions
-    });
-  });
-  return /*#__PURE__*/_react.default.createElement(_ReportGraphContentLayout.default, {
-    showTooltip: showTooltip,
-    branding: branding,
-    contentTitle: (0, _otherHelpers.buildEmissionsSummarySentence)({
-      label: "Total Emissions",
-      emissions
-    }),
-    interval: interval,
-    emissions: emissions,
-    contentRows: [/*#__PURE__*/_react.default.createElement(_EmissionsPieChart.default, {
-      dataArray: emissions,
-      viewMode: "scopes",
-      branding: branding,
-      showTooltip: showTooltip
-    }), /*#__PURE__*/_react.default.createElement(_material.Typography, {
-      variant: "subtitle1"
-    }, "Emissions Scope Breakdown"), ...scopesWithEmissions.map((_ref2, idx) => {
-      let {
-        scope,
-        emissions,
-        color
-      } = _ref2;
-      return /*#__PURE__*/_react.default.createElement(_EmissionsSummarySentence.default, {
-        key: "summary-sentence-".concat(idx),
-        label: "Total Scope ".concat(scope),
-        emissions: emissions,
-        scope: scope,
-        color: color
-      });
-    })]
-  });
-};
-var _default = exports.default = ReportSummaryBlock;

package/src/components/CustomTooltipDisplayRow.js

@@ -1,45 +0,0 @@
-import React from "react";
-
-import { Grid, Typography } from "@mui/material";
-
-import { CategoriesAvatar } from "@aclymatepackages/atoms";
-import { ucFirstLetters } from "@aclymatepackages/formatters";
-
-const CustomTooltipDisplayRow = ({
-  category,
-  customAvatar,
-  color,
-  name,
-  subtitle,
-  viewMode,
-  subcategory,
-  scope,
-}) => (
-  <Grid item container spacing={1} wrap="nowrap" alignItems="center">
-    <Grid item>
-      {customAvatar || (
-        <CategoriesAvatar
-          viewMode={viewMode}
-          color={color}
-          subcategory={subcategory}
-          scope={scope}
-        />
-      )}
-    </Grid>
-    <Grid item container direction="column" wrap="nowrap">
-      <Grid item xs={12}>
-        <Typography
-          variant="subtitle1"
-          color="textPrimary"
-          noWrap
-        >{`${ucFirstLetters(name || category)}`}</Typography>
-      </Grid>
-      <Grid item xs={12}>
-        <Typography variant="caption" color="textSecondary">
-          {subtitle}
-        </Typography>
-      </Grid>
-    </Grid>
-  </Grid>
-);
-export default CustomTooltipDisplayRow;

package/src/components/EmissionsChart.js

@@ -1,331 +0,0 @@
-import React from "react";
-import dayjs from "dayjs";
-
-import {
-  XAxis,
-  YAxis,
-  CartesianGrid,
-  ResponsiveContainer,
-  Area,
-  Bar,
-  ComposedChart,
-  Line,
-  Tooltip as ChartTooltip,
-} from "recharts";
-
-import { Grid, Box, useTheme } from "@mui/material";
-
-import { formatDecimal } from "@aclymatepackages/formatters";
-import { sumTonsCo2e } from "@aclymatepackages/other-helpers";
-import {
-  buildScopesRealDataObj,
-  buildSubcategoriesDataObj,
-  buildEmissionGroupData,
-} from "@aclymatepackages/chart-helpers";
-import {
-  subcategories,
-  otherSubcategoryObj,
-} from "@aclymatepackages/subcategories";
-
-import EmissionsCustomTooltip from "./EmissionsCustomTooltip";
-import useChartWarningLabels from "./useChartWarningLabels";
-
-const findObjectValuesSum = (object) =>
-  Object.values(object).reduce((sum, value) => sum + value, 0);
-
-const buildGroupedChartData = ({
-  groupedEmissions,
-  buildRealDataObj,
-  viewMode,
-}) => {
-  return groupedEmissions.map((emissionsArray, idx) => {
-    const subcategoriesObj = buildRealDataObj(emissionsArray, [
-      ...subcategories,
-      otherSubcategoryObj,
-    ]);
-
-    const buildWarningObj = () => {
-      const singleEmissionWarning = emissionsArray.find(
-        ({ warning }) => !!warning
-      );
-
-      if (!singleEmissionWarning) {
-        return null;
-      }
-
-      const { warning } = singleEmissionWarning;
-      return warning;
-    };
-
-    return {
-      ...subcategoriesObj,
-      warning: buildWarningObj(),
-      id: `emissions-chart-group-${idx}`,
-      emissionsSumTons: sumTonsCo2e(emissionsArray),
-      totalEmissionsSumTons: findObjectValuesSum(subcategoriesObj),
-      viewMode,
-    };
-  });
-};
-
-const addTrendlineToChartData = (chartData) => {
-  const averageX = (chartData.length - 1) / 2;
-  const averageY =
-    chartData.reduce(
-      (sum, { totalEmissionsSumTons }) =>
-        Number(sum) + Number(totalEmissionsSumTons),
-      0
-    ) / chartData.length;
-
-  const trendLineCalcData = chartData.map(({ totalEmissionsSumTons }, idx) => {
-    const xDifferenceFromMean = idx - averageX;
-    const yDifferenceFromMean = totalEmissionsSumTons - averageY;
-    const xDifferenceSquared = xDifferenceFromMean * xDifferenceFromMean;
-    const xyDifferenceFromMean = xDifferenceFromMean * yDifferenceFromMean;
-    return { xDifferenceSquared, xyDifferenceFromMean };
-  });
-
-  const xDifferenceSquaredSum = trendLineCalcData.reduce(
-    (sum, { xDifferenceSquared }) => sum + xDifferenceSquared,
-    0
-  );
-  const xyDifferenceFromMeanSum = trendLineCalcData.reduce(
-    (sum, { xyDifferenceFromMean }) => sum + xyDifferenceFromMean,
-    0
-  );
-
-  const trendlineSlope = xyDifferenceFromMeanSum / xDifferenceSquaredSum;
-
-  const trendlineIntercept = averageY - trendlineSlope * averageX;
-
-  const findTrendlineValue = (x) => trendlineSlope * x + trendlineIntercept;
-
-  return chartData.map(({ totalEmissionsSumTons, ...otherProps }, idx) => ({
-    ...otherProps,
-    trendline: findTrendlineValue(idx),
-  }));
-};
-
-const LabeledEmissionsChart = ({
-  data,
-  type,
-  displayUnitLabel,
-  chartArray,
-  aspect = 3,
-  showTooltip,
-}) => {
-  const { palette } = useTheme();
-
-  const { warningLabels, labelSetter } = useChartWarningLabels({
-    data,
-    warningField: "warning",
-    barSumField: "totalEmissionsSumTons",
-  });
-
-  const isTrendLineGood = data[0]?.trendLine > data[data.length - 1]?.trendLine;
-
-  const ChartElement = type === "bar" ? Bar : Area;
-
-  return (
-    <Box position="relative">
-      <ResponsiveContainer aspect={aspect}>
-        <ComposedChart width={500} height={300} data={data}>
-          <XAxis dataKey="label" interval="preserveStartEnd" height={20} />
-          <YAxis
-            tickFormatter={(tick) =>
-              `${formatDecimal(tick)} ${displayUnitLabel}`
-            }
-            width={100}
-          />
-          <CartesianGrid strokeDasharray="3 3" />
-          {showTooltip && (
-            <ChartTooltip
-              wrapperStyle={{ zIndex: 99 }}
-              content={
-                <EmissionsCustomTooltip
-                  categoriesArray={chartArray}
-                  displayUnitLabel={displayUnitLabel}
-                />
-              }
-            />
-          )}
-          {chartArray.map(({ subcategory, color, ...otherProps }) => (
-            <ChartElement
-              key={`emissions-chart-element-${subcategory}`}
-              type="monotone"
-              stroke="none"
-              fillOpacity={1}
-              stackId="a"
-              fill={color}
-              dataKey={subcategory}
-              {...otherProps}
-            >
-              {labelSetter}
-            </ChartElement>
-          ))}
-          <Line
-            name="6 Month Trend"
-            connectNulls
-            dataKey="trendline"
-            stroke={
-              isTrendLineGood ? palette.secondary.main : palette.error.main
-            }
-            strokeWidth={4}
-            dot={false}
-            strokeDasharray="5 5"
-          />
-        </ComposedChart>
-      </ResponsiveContainer>
-      {warningLabels}
-    </Box>
-  );
-};
-
-const EmissionsChart = ({
-  dataArray: emissions,
-  type,
-  viewMode = "subcategories",
-  graphPeriod,
-  showTrendline,
-  displayUnit,
-  aspect,
-  isPercentageChart,
-  showTooltip = true,
-  startDate,
-  convertCarbonUnits = (tons) => tons,
-  displayUnitLabel = "tons",
-  branding,
-  netZeroPercentage,
-  noLine = true,
-}) => {
-  const {
-    chartLabelsArray,
-    scopesArray,
-    subcategoriesArray,
-    groupedEmissions,
-  } = buildEmissionGroupData(emissions, graphPeriod, startDate, branding);
-  const buildRealDataObj =
-    viewMode === "subcategories"
-      ? buildSubcategoriesDataObj
-      : buildScopesRealDataObj;
-
-  const buildChartData = () => {
-    const preliminaryChartData = buildGroupedChartData({
-      groupedEmissions,
-      buildRealDataObj,
-      viewMode,
-    });
-
-    const convertChartDataObject = (chartDataObj, converter) =>
-      Object.fromEntries(
-        Object.entries(chartDataObj).map(([key, value]) => {
-          if (typeof value !== "number") {
-            return [key, value];
-          }
-          return [key, converter(value)];
-        })
-      );
-
-    const labelChartData = (chartData) =>
-      chartData.map((data, idx) => ({
-        ...data,
-        label: chartLabelsArray[idx],
-      }));
-
-    if (isPercentageChart) {
-      const percentageConvertedChartData = preliminaryChartData.map(
-        (chartDataObj) => {
-          const objectSubcategoryProperties = Object.keys(chartDataObj).filter(
-            (key) =>
-              subcategories.find(({ subcategory }) => subcategory === key)
-          );
-          const objectSubcategoryValues = objectSubcategoryProperties.map(
-            (subcategory) => ({
-              key: subcategory,
-              value: chartDataObj[subcategory],
-            })
-          );
-
-          const periodEmissionsSum = objectSubcategoryValues.reduce(
-            (sum, { value }) => value + sum,
-            0
-          );
-
-          const percentageConverter = (value) =>
-            (value / periodEmissionsSum) * 100;
-
-          const newObject = Object.fromEntries(
-            objectSubcategoryValues.map(({ key, value }) => [key, value])
-          );
-
-          return convertChartDataObject(newObject, percentageConverter);
-        }
-      );
-      return labelChartData(percentageConvertedChartData);
-    }
-
-    const unitConvertedChartData = preliminaryChartData.map((chartDataObj) =>
-      convertChartDataObject(chartDataObj, convertCarbonUnits)
-    );
-
-    const labeledChartData = labelChartData(unitConvertedChartData);
-
-    if (showTrendline) {
-      return addTrendlineToChartData(labeledChartData);
-    }
-
-    return labeledChartData;
-  };
-
-  const chartData = buildChartData();
-
-  const findFirstYearBaseline = () => {
-    if (dayjs().diff(dayjs(startDate), "month") < 12 || noLine) {
-      return false;
-    }
-
-    const { groupedEmissions: firstYearBaselineMonthlyEmissions } =
-      buildEmissionGroupData(emissions, "month", startDate);
-
-    const firstYearMonthlyGroupedEmissions = [...new Array(11)].map(
-      (_, idx) => firstYearBaselineMonthlyEmissions[idx]
-    );
-    const firstYearMonthlyEmissionsSum = firstYearMonthlyGroupedEmissions.map(
-      (emissions) => ({ tonsCo2e: sumTonsCo2e(emissions) })
-    );
-    const monthlyBaselineTons = sumTonsCo2e(firstYearMonthlyEmissionsSum) / 12;
-
-    if (graphPeriod === "year") {
-      return convertCarbonUnits(monthlyBaselineTons * 12);
-    }
-
-    if (graphPeriod === "quarter") {
-      return convertCarbonUnits(monthlyBaselineTons * 3);
-    }
-
-    return convertCarbonUnits(monthlyBaselineTons);
-  };
-
-  const chartArray = viewMode === "scopes" ? scopesArray : subcategoriesArray;
-
-  return (
-    <Grid container direction="column">
-      <Grid item>
-        <LabeledEmissionsChart
-          data={chartData}
-          type={type}
-          displayUnitLabel={
-            isPercentageChart ? "%" : displayUnit || displayUnitLabel
-          }
-          chartArray={chartArray.map((obj) => ({ ...obj, viewMode }))}
-          aspect={aspect}
-          showTooltip={showTooltip}
-          graphPeriod={graphPeriod}
-          netZeroPercentage={netZeroPercentage}
-          baseline={findFirstYearBaseline()}
-        />
-      </Grid>
-    </Grid>
-  );
-};
-export default EmissionsChart;

package/src/components/EmissionsCustomTooltip.js

@@ -1,105 +0,0 @@
-import React from "react";
-
-import { Grid, Typography, Paper, Box, ThemeProvider } from "@mui/material";
-
-import { DefaultPaper } from "@aclymatepackages/atoms";
-import { formatDecimal } from "@aclymatepackages/formatters";
-import { mergeDarkTheme } from "@aclymatepackages/themes";
-
-import CustomTooltipDisplayRow from "./CustomTooltipDisplayRow";
-
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-const StatusDisplay = ({ dataArray, id }) => {
-  const { status } = dataArray.find((dataObj) => dataObj?.id === id) || {};
-  if (!status) {
-    return <></>;
-  }
-
-  const { color, icon, tooltip } = status;
-  return (
-    <Grid item>
-      <Paper style={{ backgroundColor: color }}>
-        <Box p={1}>
-          <Grid container spacing={2} alignItems="center">
-            <Grid item>
-              <FontAwesomeIcon
-                icon={icon}
-                style={{ color: "white" }}
-                size="2x"
-              />
-            </Grid>
-            <Grid item>
-              <ThemeProvider theme={mergeDarkTheme}>
-                <Typography variant="subtitle2" color="textPrimary">
-                  {tooltip}
-                </Typography>
-              </ThemeProvider>
-            </Grid>
-          </Grid>
-        </Box>
-      </Paper>
-    </Grid>
-  );
-};
-
-const EmissionsCustomTooltip = ({
-  payload: passedPayload,
-  categoriesArray,
-  labelAnnotation = "",
-  dataArray = [],
-  displayUnitLabel,
-}) => {
-  if (!passedPayload.length) {
-    return <></>;
-  }
-
-  const buildSubtitle = (carbonValue) =>
-    `${formatDecimal(carbonValue)} ${displayUnitLabel} CO2`;
-
-  const { payload: columnDetails } = passedPayload[0];
-  const { label = "", id } = columnDetails || {};
-
-  const payloadDisplayArray = passedPayload.filter(
-    ({ value, dataKey }) => !!value && dataKey !== "trendline"
-  );
-
-  const formattedDisplayArray = payloadDisplayArray.map(
-    ({ dataKey, value }) => {
-      const chartSubcategory = categoriesArray.find(
-        ({ subcategory }) => subcategory === dataKey
-      );
-
-      return { ...chartSubcategory, subtitle: buildSubtitle(value) };
-    }
-  );
-
-  const emissionsSumTons = payloadDisplayArray.reduce(
-    (sum, { value }) => value + sum,
-    0
-  );
-
-  return (
-    <DefaultPaper style={{ zIndex: 99999, borderColor: "transparent" }}>
-      <Grid container direction="column" spacing={2}>
-        <Grid item>
-          <Typography
-            variant="h4"
-            color="textPrimary"
-          >{`${label} Emissions`}</Typography>
-          <Typography variant="subtitle2" color="textSecondary">
-            {`${buildSubtitle(emissionsSumTons)} ${labelAnnotation}`}
-          </Typography>
-        </Grid>
-        {formattedDisplayArray.map((displayData, idx) => (
-          <CustomTooltipDisplayRow
-            key={`tooltip-display-row-${idx}`}
-            {...displayData}
-          />
-        ))}
-        <StatusDisplay id={id} dataArray={dataArray} />
-      </Grid>
-    </DefaultPaper>
-  );
-};
-export default EmissionsCustomTooltip;

package/src/components/ReportGraphContentLayout.js

@@ -1,49 +0,0 @@
-import React from "react";
-
-import { Box, Grid, Typography } from "@mui/material";
-
-import EmissionsChart from "./EmissionsChart";
-
-const ReportGraphContentLayout = ({
-  contentTitle,
-  contentRows = [],
-  chartType = "bar",
-  chartViewMode = "scopes",
-  emissions,
-  interval = "quarter",
-  isPercentageChart,
-  height,
-  branding,
-  showTooltip,
-}) => {
-  return (
-    <Box p={2} style={{ height: height || "auto" }}>
-      <Grid container spacing={2}>
-        <Grid item md={4} xs={12} container direction="column" spacing={2}>
-          <Grid item>
-            <Typography variant="subtitle1">{contentTitle}</Typography>
-          </Grid>
-          {contentRows.map((row, idx) => (
-            <Grid item key={`content-row-${idx}`}>
-              {row}
-            </Grid>
-          ))}
-        </Grid>
-        <Grid item md={8} xs={12}>
-          <EmissionsChart
-            dataArray={emissions}
-            type={chartType}
-            viewMode={chartViewMode}
-            graphPeriod={interval}
-            displayUnit="tons"
-            aspect={2}
-            isPercentageChart={isPercentageChart}
-            showTooltip={showTooltip}
-            branding={branding}
-          />
-        </Grid>
-      </Grid>
-    </Box>
-  );
-};
-export default ReportGraphContentLayout;

package/src/components/ReportSummaryBlock.js

@@ -1,56 +0,0 @@
-import React from "react";
-
-import { Typography } from "@mui/material";
-
-import { buildEmissionsSummarySentence } from "@aclymatepackages/other-helpers";
-import { filterEmissionsByScope } from "@aclymatepackages/other-helpers";
-
-import ReportGraphContentLayout from "./ReportGraphContentLayout";
-import EmissionsPieChart from "./EmissionsPieChart";
-import EmissionsSummarySentence from "./EmissionsSummarySentence";
-
-const ReportSummaryBlock = ({
-  emissions,
-  interval,
-  branding,
-  showTooltip,
-  scopesWithColors,
-}) => {
-  const scopesWithEmissions = scopesWithColors.map((scopeObj) => {
-    const { scope } = scopeObj;
-    const scopeEmissions = filterEmissionsByScope(emissions, scope);
-    return { ...scopeObj, emissions: scopeEmissions };
-  });
-
-  return (
-    <ReportGraphContentLayout
-      showTooltip={showTooltip}
-      branding={branding}
-      contentTitle={buildEmissionsSummarySentence({
-        label: "Total Emissions",
-        emissions,
-      })}
-      interval={interval}
-      emissions={emissions}
-      contentRows={[
-        <EmissionsPieChart
-          dataArray={emissions}
-          viewMode="scopes"
-          branding={branding}
-          showTooltip={showTooltip}
-        />,
-        <Typography variant="subtitle1">Emissions Scope Breakdown</Typography>,
-        ...scopesWithEmissions.map(({ scope, emissions, color }, idx) => (
-          <EmissionsSummarySentence
-            key={`summary-sentence-${idx}`}
-            label={`Total Scope ${scope}`}
-            emissions={emissions}
-            scope={scope}
-            color={color}
-          />
-        )),
-      ]}
-    />
-  );
-};
-export default ReportSummaryBlock;