@aclymatepackages/modules 1.0.10 → 1.0.11

package/dist/components/ReportGraphContentLayout.js

@@ -7,7 +7,6 @@ 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 {
@@ -36,9 +35,9 @@ const ReportGraphContentLayout = _ref => {
     spacing: 2
   }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true
-  }, /*#__PURE__*/_react.default.createElement(_ReportContentTitle.default, {
-    title: contentTitle
-  })), contentRows.map((row, idx) => /*#__PURE__*/_react.default.createElement(_material.Grid, {
+  }, /*#__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, {

package/dist/components/SummaryBlock.js

@@ -6,40 +6,30 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
-var _formatters = require("@aclymatepackages/formatters");
-var _otherHelpers = require("@aclymatepackages/other-helpers");
 var _emissionsCalcs = require("@aclymatepackages/emissions-calcs");
+var _otherHelpers = require("@aclymatepackages/other-helpers");
 var _EmissionsPieChart = _interopRequireDefault(require("./EmissionsPieChart"));
 var _ReportContentTitle = _interopRequireDefault(require("./ReportContentTitle"));
 var _ReportGraphContentLayout = _interopRequireDefault(require("./ReportGraphContentLayout"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const EmissionsSummarySentence = _ref => {
-  let {
-    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 => {
+const SummaryBlock = _ref => {
   let {
     emissions,
     interval
-  } = _ref2;
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_ReportGraphContentLayout.default, {
-    contentTitle: "Summary",
+    contentTitle: (0, _otherHelpers.buildEmissionsSummarySentence)({
+      label: "Total Emissions",
+      emissions
+    }),
     interval: interval,
     emissions: emissions,
     contentRows: [/*#__PURE__*/_react.default.createElement(_EmissionsPieChart.default, {
       dataArray: emissions,
       viewMode: "scopes"
-    }), /*#__PURE__*/_react.default.createElement(_ReportContentTitle.default, {
-      title: "Emissions Summary"
-    }), /*#__PURE__*/_react.default.createElement(EmissionsSummarySentence, {
-      label: "Total Emissions",
-      emissions: emissions
-    }), [1, 2, 3].map((scope, idx) => /*#__PURE__*/_react.default.createElement(EmissionsSummarySentence, {
+    }), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+      variant: "subtitle1"
+    }, "Emissions Summary"), [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/dist/index.js

@@ -51,12 +51,6 @@ Object.defineProperty(exports, "EmissionsReductionGraph", {
     return _EmissionsReductionGraph.default;
   }
 });
-Object.defineProperty(exports, "EmissionsSummarySentence", {
-  enumerable: true,
-  get: function get() {
-    return _EmissionsSummarySentence.default;
-  }
-});
 Object.defineProperty(exports, "EmissionsSummaryTable", {
   enumerable: true,
   get: function get() {
@@ -146,7 +140,6 @@ var _EmissionsCustomTooltip = _interopRequireDefault(require("./components/Emiss
 var _EmissionsPieChart = _interopRequireDefault(require("./components/EmissionsPieChart"));
 var _useChartWarningLabels = _interopRequireDefault(require("./components/useChartWarningLabels"));
 var _EmissionsSummaryTable = _interopRequireDefault(require("./components/EmissionsSummaryTable"));
-var _EmissionsSummarySentence = _interopRequireDefault(require("./components/EmissionsSummarySentence"));
 var _ReportContentTitle = _interopRequireDefault(require("./components/ReportContentTitle"));
 var _SummaryBlock = _interopRequireDefault(require("./components/SummaryBlock"));
 var _ReportGraphContentLayout = _interopRequireDefault(require("./components/ReportGraphContentLayout"));

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@aclymatepackages/modules",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "description": "Aclymate modules",
   "author": "William Loopesko",
   "main": "dist/index.js",
   "dependencies": {
     "@aclymatepackages/array-immutability-helpers": "^1.0.0",
     "@aclymatepackages/atoms": "^1.0.0",
-    "@aclymatepackages/chart-helpers": "^1.0.3",
+    "@aclymatepackages/chart-helpers": "^1.0.5",
     "@aclymatepackages/constants": "^1.0.0",
     "@aclymatepackages/converters": "^1.0.0",
     "@aclymatepackages/date-helpers": "^1.0.0",

package/src/components/ReportGraphContentLayout.js

@@ -1,9 +1,8 @@
 import React from "react";
 
-import { Box, Grid } from "@mui/material";
+import { Box, Grid, Typography } from "@mui/material";
 
 import EmissionsChart from "./EmissionsChart";
-import ReportContentTitle from "./ReportContentTitle";
 
 const ReportGraphContentLayout = ({
   contentTitle,
@@ -20,7 +19,7 @@ const ReportGraphContentLayout = ({
       <Grid container spacing={2}>
         <Grid item sm={4} container direction="column" spacing={2}>
           <Grid item>
-            <ReportContentTitle title={contentTitle} />
+            <Typography variant="subtitle1">{contentTitle}</Typography>
           </Grid>
           {contentRows.map((row, idx) => (
             <Grid item key={`content-row-${idx}`}>

package/src/components/SummaryBlock.js

@@ -2,33 +2,25 @@ import React from "react";
 
 import { Typography } from "@mui/material";
 
-import { formatDecimal } from "@aclymatepackages/formatters";
-import { sumTonsCo2e } from "@aclymatepackages/other-helpers";
 import { filterEmissionsByScope } from "@aclymatepackages/emissions-calcs";
+import { buildEmissionsSummarySentence } from "@aclymatepackages/other-helpers";
 
 import EmissionsPieChart from "./EmissionsPieChart";
 import ReportContentTitle from "./ReportContentTitle";
 import ReportGraphContentLayout from "./ReportGraphContentLayout";
 
-const EmissionsSummarySentence = ({ label, emissions }) => (
-  <Typography variant="body2">
-    {label}: {formatDecimal(sumTonsCo2e(emissions))} tons CO2e
-  </Typography>
-);
-
 const SummaryBlock = ({ emissions, interval }) => {
   return (
     <ReportGraphContentLayout
-      contentTitle="Summary"
+      contentTitle={buildEmissionsSummarySentence({
+        label: "Total Emissions",
+        emissions,
+      })}
       interval={interval}
       emissions={emissions}
       contentRows={[
         <EmissionsPieChart dataArray={emissions} viewMode="scopes" />,
-        <ReportContentTitle title="Emissions Summary" />,
-        <EmissionsSummarySentence
-          label="Total Emissions"
-          emissions={emissions}
-        />,
+        <Typography variant="subtitle1">Emissions Summary</Typography>,
         [1, 2, 3].map((scope, idx) => (
           <EmissionsSummarySentence
             key={`summary-sentence-${idx}`}

package/src/index.js

@@ -15,7 +15,6 @@ import EmissionsCustomTooltip from "./components/EmissionsCustomTooltip";
 import EmissionsPieChart from "./components/EmissionsPieChart";
 import useChartWarningLabels from "./components/useChartWarningLabels";
 import EmissionsSummaryTable from "./components/EmissionsSummaryTable";
-import EmissionsSummarySentence from "./components/EmissionsSummarySentence";
 import ReportContentTitle from "./components/ReportContentTitle";
 import SummaryBlock from "./components/SummaryBlock";
 import ReportGraphContentLayout from "./components/ReportGraphContentLayout";
@@ -38,7 +37,6 @@ export {
   EmissionsPieChart,
   useChartWarningLabels,
   EmissionsSummaryTable,
-  EmissionsSummarySentence,
   ReportContentTitle,
   SummaryBlock,
   ReportGraphContentLayout,