@aclymatepackages/modules 1.0.8 → 1.0.10

package/dist/components/ReportGraphContentLayout.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
+var _EmissionsChart = _interopRequireDefault(require("./EmissionsChart"));
 var _ReportContentTitle = _interopRequireDefault(require("./ReportContentTitle"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const ReportGraphContentLayout = _ref => {
   let {
-    EmissionsChart,
     contentTitle,
     contentRows = [],
     chartType = "bar",
@@ -44,7 +44,7 @@ const ReportGraphContentLayout = _ref => {
   }, row))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
     sm: 8
-  }, /*#__PURE__*/_react.default.createElement(EmissionsChart, {
+  }, /*#__PURE__*/_react.default.createElement(_EmissionsChart.default, {
     dataArray: emissions,
     type: chartType,
     viewMode: chartViewMode,

package/dist/components/SummaryBlock.js

@@ -5,21 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _EmissionsChart = _interopRequireDefault(require("./EmissionsChart"));
+var _material = require("@mui/material");
+var _formatters = require("@aclymatepackages/formatters");
+var _otherHelpers = require("@aclymatepackages/other-helpers");
 var _emissionsCalcs = require("@aclymatepackages/emissions-calcs");
 var _EmissionsPieChart = _interopRequireDefault(require("./EmissionsPieChart"));
 var _ReportContentTitle = _interopRequireDefault(require("./ReportContentTitle"));
-var _EmissionsSummarySentence = _interopRequireDefault(require("./EmissionsSummarySentence"));
 var _ReportGraphContentLayout = _interopRequireDefault(require("./ReportGraphContentLayout"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const SummaryBlock = _ref => {
+const EmissionsSummarySentence = _ref => {
   let {
-    emissions,
-    interval,
-    EmissionsChartComp
+    label,
+    emissions
   } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    variant: "body2"
+  }, label, ": ", (0, _formatters.formatDecimal)((0, _otherHelpers.sumTonsCo2e)(emissions)), " tons CO2e");
+};
+const SummaryBlock = _ref2 => {
+  let {
+    emissions,
+    interval
+  } = _ref2;
   return /*#__PURE__*/_react.default.createElement(_ReportGraphContentLayout.default, {
-    EmissionsChart: EmissionsChartComp || _EmissionsChart.default,
     contentTitle: "Summary",
     interval: interval,
     emissions: emissions,
@@ -28,10 +36,10 @@ const SummaryBlock = _ref => {
       viewMode: "scopes"
     }), /*#__PURE__*/_react.default.createElement(_ReportContentTitle.default, {
       title: "Emissions Summary"
-    }), /*#__PURE__*/_react.default.createElement(_EmissionsSummarySentence.default, {
+    }), /*#__PURE__*/_react.default.createElement(EmissionsSummarySentence, {
       label: "Total Emissions",
       emissions: emissions
-    }), [1, 2, 3].map((scope, idx) => /*#__PURE__*/_react.default.createElement(_EmissionsSummarySentence.default, {
+    }), [1, 2, 3].map((scope, idx) => /*#__PURE__*/_react.default.createElement(EmissionsSummarySentence, {
       key: "summary-sentence-".concat(idx),
       label: "Total Scope ".concat(scope),
       emissions: (0, _emissionsCalcs.filterEmissionsByScope)(emissions, scope)

package/package.json

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

package/src/components/ReportGraphContentLayout.js

@@ -1,10 +1,11 @@
 import React from "react";
+
 import { Box, Grid } from "@mui/material";
 
+import EmissionsChart from "./EmissionsChart";
 import ReportContentTitle from "./ReportContentTitle";
 
 const ReportGraphContentLayout = ({
-  EmissionsChart,
   contentTitle,
   contentRows = [],
   chartType = "bar",
@@ -44,5 +45,4 @@ const ReportGraphContentLayout = ({
     </Box>
   );
 };
-
 export default ReportGraphContentLayout;

package/src/components/SummaryBlock.js

@@ -1,17 +1,24 @@
 import React from "react";
 
-import EmissionsChart from "./EmissionsChart";
+import { Typography } from "@mui/material";
 
+import { formatDecimal } from "@aclymatepackages/formatters";
+import { sumTonsCo2e } from "@aclymatepackages/other-helpers";
 import { filterEmissionsByScope } from "@aclymatepackages/emissions-calcs";
+
 import EmissionsPieChart from "./EmissionsPieChart";
 import ReportContentTitle from "./ReportContentTitle";
-import EmissionsSummarySentence from "./EmissionsSummarySentence";
 import ReportGraphContentLayout from "./ReportGraphContentLayout";
 
-const SummaryBlock = ({ emissions, interval, EmissionsChartComp }) => {
+const EmissionsSummarySentence = ({ label, emissions }) => (
+  <Typography variant="body2">
+    {label}: {formatDecimal(sumTonsCo2e(emissions))} tons CO2e
+  </Typography>
+);
+
+const SummaryBlock = ({ emissions, interval }) => {
   return (
     <ReportGraphContentLayout
-      EmissionsChart={EmissionsChartComp || EmissionsChart}
       contentTitle="Summary"
       interval={interval}
       emissions={emissions}