@aclymatepackages/modules 1.0.22 → 1.0.23

package/dist/components/{EmissionsScopeSummarySentence.js → EmissionsSummarySentence.js}

@@ -9,7 +9,7 @@ var _material = require("@mui/material");
 var _atoms = require("@aclymatepackages/atoms");
 var _otherHelpers = require("@aclymatepackages/other-helpers");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const EmissionsScopeSummarySentence = _ref => {
+const EmissionsSummarySentence = _ref => {
   let {
     label,
     emissions,
@@ -37,4 +37,4 @@ const EmissionsScopeSummarySentence = _ref => {
     emissions
   }))));
 };
-var _default = exports.default = EmissionsScopeSummarySentence;
+var _default = exports.default = EmissionsSummarySentence;

package/dist/components/EmissionsSummaryTable.js

@@ -8,13 +8,29 @@ require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _chartHelpers = require("@aclymatepackages/chart-helpers");
+var _atoms = require("@aclymatepackages/atoms");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const SummaryTableRow = _ref => {
   let {
     name,
-    data
+    data,
+    rowType,
+    scope,
+    subcategory
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_material.TableRow, null, /*#__PURE__*/_react.default.createElement(_material.TableCell, null, name), data.map((value, idx) => /*#__PURE__*/_react.default.createElement(_material.TableCell, {
+  return /*#__PURE__*/_react.default.createElement(_material.TableRow, null, /*#__PURE__*/_react.default.createElement(_material.TableCell, null, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    container: true,
+    alignItems: "center",
+    spacing: 1
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true
+  }, /*#__PURE__*/_react.default.createElement(_atoms.CategoriesAvatar, {
+    viewMode: rowType,
+    scope: scope,
+    subcategory: subcategory
+  })), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true
+  }, name))), data.map((value, idx) => /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     key: "table-row-cell-".concat(idx)
   }, value)));
 };
@@ -43,6 +59,7 @@ const EmissionsSummaryTable = _ref2 => {
       subcategory
     } = _ref3;
     return /*#__PURE__*/_react.default.createElement(SummaryTableRow, {
+      rowType: rowType,
       name: name,
       data: summaryTableData.map(dataRow => dataRow[subcategory]),
       key: "summary-table-row-".concat(idx)

package/dist/components/ReportSummaryBlock.js

@@ -10,10 +10,9 @@ var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _otherHelpers = require("@aclymatepackages/other-helpers");
 var _emissionsCalcs = require("@aclymatepackages/emissions-calcs");
-var _subcategories = require("@aclymatepackages/subcategories");
 var _ReportGraphContentLayout = _interopRequireDefault(require("./ReportGraphContentLayout"));
 var _EmissionsPieChart = _interopRequireDefault(require("./EmissionsPieChart"));
-var _EmissionsScopeSummarySentence = _interopRequireDefault(require("./EmissionsScopeSummarySentence"));
+var _EmissionsSummarySentence = _interopRequireDefault(require("./EmissionsSummarySentence"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -25,9 +24,9 @@ const ReportSummaryBlock = _ref => {
     emissions,
     interval,
     branding,
-    showTooltip
+    showTooltip,
+    scopesWithColors
   } = _ref;
-  const scopesWithColors = (0, _subcategories.buildScopesWithColors)(branding);
   const scopesWithEmissions = scopesWithColors.map(scopeObj => {
     const {
       scope
@@ -59,7 +58,7 @@ const ReportSummaryBlock = _ref => {
         emissions,
         color
       } = _ref2;
-      return /*#__PURE__*/_react.default.createElement(_EmissionsScopeSummarySentence.default, {
+      return /*#__PURE__*/_react.default.createElement(_EmissionsSummarySentence.default, {
         key: "summary-sentence-".concat(idx),
         label: "Total Scope ".concat(scope),
         emissions: emissions,

package/dist/index.js

@@ -51,10 +51,10 @@ Object.defineProperty(exports, "EmissionsReductionGraph", {
     return _EmissionsReductionGraph.default;
   }
 });
-Object.defineProperty(exports, "EmissionsScopeSummarySentence", {
+Object.defineProperty(exports, "EmissionsSummarySentence", {
   enumerable: true,
   get: function get() {
-    return _EmissionsScopeSummarySentence.default;
+    return _EmissionsSummarySentence.default;
   }
 });
 Object.defineProperty(exports, "EmissionsSummaryTable", {
@@ -142,5 +142,5 @@ var _useChartWarningLabels = _interopRequireDefault(require("./components/useCha
 var _EmissionsSummaryTable = _interopRequireDefault(require("./components/EmissionsSummaryTable"));
 var _ReportSummaryBlock = _interopRequireDefault(require("./components/ReportSummaryBlock"));
 var _ReportGraphContentLayout = _interopRequireDefault(require("./components/ReportGraphContentLayout"));
-var _EmissionsScopeSummarySentence = _interopRequireDefault(require("./components/EmissionsScopeSummarySentence"));
+var _EmissionsSummarySentence = _interopRequireDefault(require("./components/EmissionsSummarySentence"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/package.json

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

package/src/components/{EmissionsScopeSummarySentence.js → EmissionsSummarySentence.js}

@@ -5,7 +5,7 @@ import { Typography, Grid } from "@mui/material";
 import { CategoriesAvatar } from "@aclymatepackages/atoms";
 import { buildEmissionsSummarySentence } from "@aclymatepackages/other-helpers";
 
-const EmissionsScopeSummarySentence = ({ label, emissions, color, scope }) => (
+const EmissionsSummarySentence = ({ label, emissions, color, scope }) => (
   <Grid container spacing={1} alignItems="center" wrap="nowrap">
     <Grid item>
       <CategoriesAvatar
@@ -22,4 +22,4 @@ const EmissionsScopeSummarySentence = ({ label, emissions, color, scope }) => (
     </Grid>
   </Grid>
 );
-export default EmissionsScopeSummarySentence;
+export default EmissionsSummarySentence;

package/src/components/EmissionsSummaryTable.js

@@ -1,6 +1,8 @@
 import React from "react";
+
 import {
   Box,
+  Grid,
   Table,
   TableBody,
   TableCell,
@@ -9,15 +11,29 @@ import {
   TableRow,
   Typography,
 } from "@mui/material";
+
 import {
   buildScopesRealDataObj,
   buildSubcategoriesDataObj,
   buildEmissionGroupData,
 } from "@aclymatepackages/chart-helpers";
 
-const SummaryTableRow = ({ name, data }) => (
+import { CategoriesAvatar } from "@aclymatepackages/atoms";
+
+const SummaryTableRow = ({ name, data, rowType, scope, subcategory }) => (
   <TableRow>
-    <TableCell>{name}</TableCell>
+    <TableCell>
+      <Grid container alignItems="center" spacing={1}>
+        <Grid item>
+          <CategoriesAvatar
+            viewMode={rowType}
+            scope={scope}
+            subcategory={subcategory}
+          />
+        </Grid>
+        <Grid item>{name}</Grid>
+      </Grid>
+    </TableCell>
     {data.map((value, idx) => (
       <TableCell key={`table-row-cell-${idx}`}>{value}</TableCell>
     ))}
@@ -60,6 +76,7 @@ const EmissionsSummaryTable = ({
           <TableBody>
             {rows.map(({ name, subcategory }, idx) => (
               <SummaryTableRow
+                rowType={rowType}
                 name={name}
                 data={summaryTableData.map((dataRow) => dataRow[subcategory])}
                 key={`summary-table-row-${idx}`}

package/src/components/ReportSummaryBlock.js

@@ -4,15 +4,18 @@ import { Typography } from "@mui/material";
 
 import { buildEmissionsSummarySentence } from "@aclymatepackages/other-helpers";
 import { filterEmissionsByScope } from "@aclymatepackages/emissions-calcs";
-import { buildScopesWithColors } from "@aclymatepackages/subcategories";
 
 import ReportGraphContentLayout from "./ReportGraphContentLayout";
 import EmissionsPieChart from "./EmissionsPieChart";
-import EmissionsScopeSummarySentence from "./EmissionsScopeSummarySentence";
-
-const ReportSummaryBlock = ({ emissions, interval, branding, showTooltip }) => {
-  const scopesWithColors = buildScopesWithColors(branding);
+import EmissionsSummarySentence from "./EmissionsSummarySentence";
 
+const ReportSummaryBlock = ({
+  emissions,
+  interval,
+  branding,
+  showTooltip,
+  scopesWithColors,
+}) => {
   const scopesWithEmissions = scopesWithColors.map((scopeObj) => {
     const { scope } = scopeObj;
     const scopeEmissions = filterEmissionsByScope(emissions, scope);
@@ -38,7 +41,7 @@ const ReportSummaryBlock = ({ emissions, interval, branding, showTooltip }) => {
         />,
         <Typography variant="subtitle1">Emissions Scope Breakdown</Typography>,
         ...scopesWithEmissions.map(({ scope, emissions, color }, idx) => (
-          <EmissionsScopeSummarySentence
+          <EmissionsSummarySentence
             key={`summary-sentence-${idx}`}
             label={`Total Scope ${scope}`}
             emissions={emissions}

package/src/index.js

@@ -17,7 +17,7 @@ import useChartWarningLabels from "./components/useChartWarningLabels";
 import EmissionsSummaryTable from "./components/EmissionsSummaryTable";
 import ReportSummaryBlock from "./components/ReportSummaryBlock";
 import ReportGraphContentLayout from "./components/ReportGraphContentLayout";
-import EmissionsScopeSummarySentence from "./components/EmissionsScopeSummarySentence";
+import EmissionsSummarySentence from "./components/EmissionsSummarySentence";
 
 export {
   FootprintVideo,
@@ -39,5 +39,5 @@ export {
   EmissionsSummaryTable,
   ReportSummaryBlock,
   ReportGraphContentLayout,
-  EmissionsScopeSummarySentence,
+  EmissionsSummarySentence,
 };