@aclymatepackages/modules 1.0.9 → 1.0.11

package/dist/components/EmissionsSummarySentence.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _formatters = require("@aclymatepackages/formatters");
+var _otherHelpers = require("@aclymatepackages/other-helpers");
+var _material = require("@mui/material");
+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");
+};
+var _default = exports.default = EmissionsSummarySentence;

package/dist/components/ReportGraphContentLayout.js

@@ -6,11 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
-var _ReportContentTitle = _interopRequireDefault(require("./ReportContentTitle"));
+var _EmissionsChart = _interopRequireDefault(require("./EmissionsChart"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const ReportGraphContentLayout = _ref => {
   let {
-    EmissionsChart,
     contentTitle,
     contentRows = [],
     chartType = "bar",
@@ -36,15 +35,15 @@ 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, {
     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

@@ -6,43 +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 _EmissionsChart = _interopRequireDefault(require("./EmissionsChart"));
+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,
-    EmissionsChartComp
-  } = _ref2;
+    interval
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_ReportGraphContentLayout.default, {
-    EmissionsChart: EmissionsChartComp || _EmissionsChart.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/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@aclymatepackages/modules",
-  "version": "1.0.9",
+  "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/EmissionsSummarySentence.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { formatDecimal } from "@aclymatepackages/formatters";
+import { sumTonsCo2e } from "@aclymatepackages/other-helpers";
+import { Typography } from "@mui/material";
+
+const EmissionsSummarySentence = ({ label, emissions }) => (
+  <Typography variant="body2">
+    {label}: {formatDecimal(sumTonsCo2e(emissions))} tons CO2e
+  </Typography>
+);
+
+export default EmissionsSummarySentence;

package/src/components/ReportGraphContentLayout.js

@@ -1,11 +1,10 @@
 import React from "react";
 
-import { Box, Grid } from "@mui/material";
+import { Box, Grid, Typography } from "@mui/material";
 
-import ReportContentTitle from "./ReportContentTitle";
+import EmissionsChart from "./EmissionsChart";
 
 const ReportGraphContentLayout = ({
-  EmissionsChart,
   contentTitle,
   contentRows = [],
   chartType = "bar",
@@ -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,35 +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 EmissionsChart from "./EmissionsChart";
 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, EmissionsChartComp }) => {
+const SummaryBlock = ({ emissions, interval }) => {
   return (
     <ReportGraphContentLayout
-      EmissionsChart={EmissionsChartComp || EmissionsChart}
-      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}`}