@aclymatepackages/modules 1.0.23 → 1.0.25

package/dist/components/ReportGraphContentLayout.js

@@ -22,7 +22,6 @@ const ReportGraphContentLayout = _ref => {
     showTooltip
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
-    p: 2,
     style: {
       height: height || "auto"
     }
@@ -31,7 +30,8 @@ const ReportGraphContentLayout = _ref => {
     spacing: 2
   }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
-    sm: 4,
+    md: 4,
+    xs: 12,
     container: true,
     direction: "column",
     spacing: 2
@@ -44,7 +44,8 @@ const ReportGraphContentLayout = _ref => {
     key: "content-row-".concat(idx)
   }, row))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
-    sm: 8
+    md: 8,
+    xs: 12
   }, /*#__PURE__*/_react.default.createElement(_EmissionsChart.default, {
     dataArray: emissions,
     type: chartType,

package/dist/index.js

@@ -57,12 +57,6 @@ Object.defineProperty(exports, "EmissionsSummarySentence", {
     return _EmissionsSummarySentence.default;
   }
 });
-Object.defineProperty(exports, "EmissionsSummaryTable", {
-  enumerable: true,
-  get: function get() {
-    return _EmissionsSummaryTable.default;
-  }
-});
 Object.defineProperty(exports, "FootprintEquivalencies", {
   enumerable: true,
   get: function get() {
@@ -139,7 +133,6 @@ var _EmissionsChart = _interopRequireDefault(require("./components/EmissionsChar
 var _EmissionsCustomTooltip = _interopRequireDefault(require("./components/EmissionsCustomTooltip"));
 var _EmissionsPieChart = _interopRequireDefault(require("./components/EmissionsPieChart"));
 var _useChartWarningLabels = _interopRequireDefault(require("./components/useChartWarningLabels"));
-var _EmissionsSummaryTable = _interopRequireDefault(require("./components/EmissionsSummaryTable"));
 var _ReportSummaryBlock = _interopRequireDefault(require("./components/ReportSummaryBlock"));
 var _ReportGraphContentLayout = _interopRequireDefault(require("./components/ReportGraphContentLayout"));
 var _EmissionsSummarySentence = _interopRequireDefault(require("./components/EmissionsSummarySentence"));

package/package.json

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

package/src/components/ReportGraphContentLayout.js

@@ -17,9 +17,9 @@ const ReportGraphContentLayout = ({
   showTooltip,
 }) => {
   return (
-    <Box p={2} style={{ height: height || "auto" }}>
+    <Box style={{ height: height || "auto" }}>
       <Grid container spacing={2}>
-        <Grid item sm={4} container direction="column" spacing={2}>
+        <Grid item md={4} xs={12} container direction="column" spacing={2}>
           <Grid item>
             <Typography variant="subtitle1">{contentTitle}</Typography>
           </Grid>
@@ -29,13 +29,13 @@ const ReportGraphContentLayout = ({
             </Grid>
           ))}
         </Grid>
-        <Grid item sm={8}>
+        <Grid item md={8} xs={12}>
           <EmissionsChart
             dataArray={emissions}
             type={chartType}
             viewMode={chartViewMode}
             graphPeriod={interval}
-            displayUnit={"tons"}
+            displayUnit="tons"
             unitConverter={(tons) => tons}
             aspect={2}
             isPercentageChart={isPercentageChart}

package/src/index.js

@@ -14,7 +14,6 @@ import EmissionsChart from "./components/EmissionsChart";
 import EmissionsCustomTooltip from "./components/EmissionsCustomTooltip";
 import EmissionsPieChart from "./components/EmissionsPieChart";
 import useChartWarningLabels from "./components/useChartWarningLabels";
-import EmissionsSummaryTable from "./components/EmissionsSummaryTable";
 import ReportSummaryBlock from "./components/ReportSummaryBlock";
 import ReportGraphContentLayout from "./components/ReportGraphContentLayout";
 import EmissionsSummarySentence from "./components/EmissionsSummarySentence";
@@ -36,7 +35,6 @@ export {
   EmissionsCustomTooltip,
   EmissionsPieChart,
   useChartWarningLabels,
-  EmissionsSummaryTable,
   ReportSummaryBlock,
   ReportGraphContentLayout,
   EmissionsSummarySentence,

package/dist/components/EmissionsSummaryTable.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 _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,
-    rowType,
-    scope,
-    subcategory
-  } = _ref;
-  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)));
-};
-const EmissionsSummaryTable = _ref2 => {
-  let {
-    emissions,
-    rows,
-    interval,
-    blockTitle,
-    tableTitle = "",
-    rowType,
-    startDate
-  } = _ref2;
-  const {
-    groupedEmissions,
-    chartLabelsArray
-  } = (0, _chartHelpers.buildEmissionGroupData)(emissions, interval, startDate);
-  const summaryTableData = groupedEmissions.map(emission => rowType === "scopes" ? (0, _chartHelpers.buildScopesRealDataObj)(emission) : (0, _chartHelpers.buildSubcategoriesDataObj)(emission));
-  return /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    variant: "h6"
-  }, blockTitle), /*#__PURE__*/_react.default.createElement(_material.TableContainer, null, /*#__PURE__*/_react.default.createElement(_material.Table, null, /*#__PURE__*/_react.default.createElement(_material.TableHead, null, /*#__PURE__*/_react.default.createElement(_material.TableRow, null, [tableTitle, ...chartLabelsArray].map((label, idx) => /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-    key: "table-head-cell-".concat(idx)
-  }, label)))), /*#__PURE__*/_react.default.createElement(_material.TableBody, null, rows.map((_ref3, idx) => {
-    let {
-      name,
-      subcategory
-    } = _ref3;
-    return /*#__PURE__*/_react.default.createElement(SummaryTableRow, {
-      rowType: rowType,
-      name: name,
-      data: summaryTableData.map(dataRow => dataRow[subcategory]),
-      key: "summary-table-row-".concat(idx)
-    });
-  })))));
-};
-var _default = exports.default = EmissionsSummaryTable;

package/src/components/EmissionsSummaryTable.js

@@ -1,92 +0,0 @@
-import React from "react";
-
-import {
-  Box,
-  Grid,
-  Table,
-  TableBody,
-  TableCell,
-  TableContainer,
-  TableHead,
-  TableRow,
-  Typography,
-} from "@mui/material";
-
-import {
-  buildScopesRealDataObj,
-  buildSubcategoriesDataObj,
-  buildEmissionGroupData,
-} from "@aclymatepackages/chart-helpers";
-
-import { CategoriesAvatar } from "@aclymatepackages/atoms";
-
-const SummaryTableRow = ({ name, data, rowType, scope, subcategory }) => (
-  <TableRow>
-    <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>
-    ))}
-  </TableRow>
-);
-
-const EmissionsSummaryTable = ({
-  emissions,
-  rows,
-  interval,
-  blockTitle,
-  tableTitle = "",
-  rowType,
-  startDate,
-}) => {
-  const { groupedEmissions, chartLabelsArray } = buildEmissionGroupData(
-    emissions,
-    interval,
-    startDate
-  );
-
-  const summaryTableData = groupedEmissions.map((emission) =>
-    rowType === "scopes"
-      ? buildScopesRealDataObj(emission)
-      : buildSubcategoriesDataObj(emission)
-  );
-
-  return (
-    <Box>
-      <Typography variant="h6">{blockTitle}</Typography>
-      <TableContainer>
-        <Table>
-          <TableHead>
-            <TableRow>
-              {[tableTitle, ...chartLabelsArray].map((label, idx) => (
-                <TableCell key={`table-head-cell-${idx}`}>{label}</TableCell>
-              ))}
-            </TableRow>
-          </TableHead>
-          <TableBody>
-            {rows.map(({ name, subcategory }, idx) => (
-              <SummaryTableRow
-                rowType={rowType}
-                name={name}
-                data={summaryTableData.map((dataRow) => dataRow[subcategory])}
-                key={`summary-table-row-${idx}`}
-              />
-            ))}
-          </TableBody>
-        </Table>
-      </TableContainer>
-    </Box>
-  );
-};
-
-export default EmissionsSummaryTable;