@aclymatepackages/modules 1.0.0

package/dist/components/EmissionsPieChart.js

@@ -0,0 +1,130 @@
+"use strict";
+
+require("core-js/modules/es.symbol.description.js");
+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 _recharts = require("recharts");
+var _material = require("@mui/material");
+var _atoms = require("@aclymatepackages/atoms");
+var _formatters = require("@aclymatepackages/formatters");
+var _otherHelpers = require("@aclymatepackages/other-helpers");
+var _subcategories = require("@aclymatepackages/subcategories");
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const PieChartCustomTooltip = _ref => {
+  let {
+    payload: passedPayload
+  } = _ref;
+  const [payloadObj] = passedPayload;
+  const {
+    payload = {}
+  } = payloadObj || [{}];
+  const {
+    name,
+    emissionPercentage,
+    color,
+    icon,
+    Icon
+  } = payload;
+  return /*#__PURE__*/_react.default.createElement(_atoms.DefaultPaper, null, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    container: true,
+    spacing: 2,
+    alignItems: "center"
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true
+  }, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
+    style: {
+      backgroundColor: color,
+      color: "white"
+    }
+  }, icon, Icon && /*#__PURE__*/_react.default.createElement(Icon, {
+    style: {
+      color: "inherit"
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true
+  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    variant: "subtitle1",
+    color: "textPrimary"
+  }, name), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    variant: "caption",
+    color: "textSecondary"
+  }, "".concat((0, _formatters.formatDecimal)(emissionPercentage), "% of total emissions")))));
+};
+const EmissionsPieChart = _ref2 => {
+  let {
+    dataArray: emissions,
+    viewMode = "subcategories",
+    pieChartRef
+  } = _ref2;
+  const subcategoriesArray = (0, _subcategories.buildSubcategoriesArray)(emissions);
+  const scopesArray = (0, _subcategories.buildScopesArray)();
+  const emissionsSum = (0, _otherHelpers.sumTonsCo2e)(emissions);
+  const formatChartPieSlices = () => {
+    const filterFunction = subcategory => emission => {
+      if (viewMode === "subcategories") {
+        return emission.subcategory === subcategory;
+      }
+      const scopeNumber = Number(subcategory.charAt(subcategory.length - 1));
+      return emission.scope === scopeNumber;
+    };
+    const slicesArray = viewMode === "subcategories" ? subcategoriesArray : scopesArray;
+    const unProjectedSlices = slicesArray.filter(_ref3 => {
+      let {
+        subcategory
+      } = _ref3;
+      const projectedStringArray = subcategory.split("_");
+      return projectedStringArray.length === 1;
+    });
+    return unProjectedSlices.map(subcategoryObj => {
+      const {
+        subcategory
+      } = subcategoryObj;
+      const emissionsWithThisCategory = emissions.filter(filterFunction(subcategory));
+      const categoryEmissionsSum = (0, _otherHelpers.sumTonsCo2e)(emissionsWithThisCategory);
+      return _objectSpread(_objectSpread({}, subcategoryObj), {}, {
+        emissionPercentage: categoryEmissionsSum / emissionsSum * 100
+      });
+    });
+  };
+  const pieSlicesWithPercentages = formatChartPieSlices();
+  return /*#__PURE__*/_react.default.createElement(_recharts.ResponsiveContainer, {
+    height: "100%",
+    aspect: 1.5
+  }, /*#__PURE__*/_react.default.createElement(_recharts.PieChart, {
+    ref: pieChartRef
+  }, /*#__PURE__*/_react.default.createElement(_recharts.Pie, {
+    data: pieSlicesWithPercentages,
+    outerRadius: "100%",
+    fill: "#8884d8",
+    dataKey: "emissionPercentage",
+    cx: "50%",
+    cy: "50%"
+  }, pieSlicesWithPercentages.map(_ref4 => {
+    let {
+      category,
+      name,
+      color
+    } = _ref4;
+    return /*#__PURE__*/_react.default.createElement(_recharts.Cell, {
+      key: "emissions-pie-chart-cell-".concat(category),
+      name: name,
+      fill: color
+    });
+  })), /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
+    wrapperStyle: {
+      zIndex: 99
+    },
+    content: /*#__PURE__*/_react.default.createElement(PieChartCustomTooltip, null)
+  })));
+};
+var _default = EmissionsPieChart;
+exports.default = _default;

package/dist/components/EmissionsReductionGraph.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.number.to-fixed.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _styles = require("@mui/styles");
+var _recharts = require("recharts");
+var _otherHelpers = require("@aclymatepackages/other-helpers");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const CustomTooltip = _ref => {
+  let {
+    active,
+    payload,
+    label
+  } = _ref;
+  if (active && payload && payload.length) {
+    const {
+      remainingAmount
+    } = payload[0].payload;
+    return /*#__PURE__*/_react.default.createElement(_material.Box, {
+      style: {
+        background: "#fff",
+        border: "1px solid #ccc",
+        padding: "10px",
+        borderRadius: "5px",
+        boxShadow: "0 2px 5px rgba(0, 0, 0, 0.3)",
+        fontSize: "14px"
+      }
+    }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+      variant: "body2",
+      style: {
+        marginBottom: "5px",
+        fontWeight: "bold"
+      }
+    }, "Year: ", label), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+      variant: "body2",
+      style: {
+        marginBottom: "5px"
+      }
+    }, "Remaining Amount: ", remainingAmount.toFixed(2)));
+  }
+  return null;
+};
+const EmissionsReductionGraph = _ref2 => {
+  let {
+    initialEmissionAmount = 100,
+    desiredReductionPercentage = 0.5,
+    targetYear = 2030,
+    startYear = new Date().getFullYear(),
+    lineColor = null,
+    width = "100%",
+    height = 450,
+    carbonUnit = "lbs"
+  } = _ref2;
+  const {
+    palette
+  } = (0, _styles.useTheme)();
+  const totalYears = targetYear - startYear;
+  const buildDecayLineArray = () => {
+    const decayRate = (0, _otherHelpers.calculateEmissionsDecayRate)(desiredReductionPercentage, totalYears);
+    return [...new Array(totalYears + 1)].map((_, idx) => ({
+      year: startYear + idx,
+      remainingAmount: initialEmissionAmount * Math.exp(decayRate * idx),
+      decayRate
+    }));
+  };
+  return /*#__PURE__*/_react.default.createElement(_recharts.ResponsiveContainer, {
+    width: width,
+    height: height
+  }, /*#__PURE__*/_react.default.createElement(_recharts.LineChart, {
+    data: buildDecayLineArray(),
+    margin: {
+      top: 20,
+      right: 30,
+      left: 10,
+      bottom: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_recharts.CartesianGrid, {
+    strokeDasharray: "3 3",
+    stroke: "#bbb"
+  }), /*#__PURE__*/_react.default.createElement(_recharts.XAxis, {
+    dataKey: "year",
+    stroke: "#333",
+    tick: {
+      fill: "#333",
+      fontSize: 12
+    }
+  }), /*#__PURE__*/_react.default.createElement(_recharts.YAxis, {
+    tickFormatter: value => "".concat(value, " ").concat(carbonUnit),
+    stroke: "#333",
+    tick: {
+      fill: "#333",
+      fontSize: 12
+    }
+  }), /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
+    content: /*#__PURE__*/_react.default.createElement(CustomTooltip, null)
+  }), /*#__PURE__*/_react.default.createElement(_recharts.Line, {
+    type: "monotone",
+    dataKey: "remainingAmount",
+    stroke: lineColor || palette.error.main,
+    strokeWidth: 2,
+    dot: {
+      stroke: lineColor || palette.error.main,
+      strokeWidth: 2,
+      r: 6
+    },
+    activeDot: {
+      r: 8
+    }
+  })));
+};
+var _default = EmissionsReductionGraph;
+exports.default = _default;

package/dist/components/FootprintEquivalencies.js

@@ -0,0 +1,181 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.number.to-fixed.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
+var _react = _interopRequireWildcard(require("react"));
+var _material = require("@mui/material");
+var _styles = require("@mui/material/styles");
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+var _proSolidSvgIcons = require("@fortawesome/pro-solid-svg-icons");
+var _converters = require("@aclymatepackages/converters");
+var _formatters = require("@aclymatepackages/formatters");
+var _themes = require("@aclymatepackages/themes");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//source: Google Drive: Aclymate Team\Climate Accounting\Data\Tree Carbon Calculator\CarbonCalculator31.xls
+const convertFootprintToTreeYears = footprintTons => {
+  const treeYearsDecimal = footprintTons / (0, _converters.kgsToTons)(160.6);
+  return (0, _formatters.formatDecimal)(treeYearsDecimal.toFixed(1));
+};
+
+//source: https://shrinkthatfootprint.com/carbon-targets-for-your-footprint/
+const footprintToCarbonBudgetPercent = footprintTons => "".concat((0, _formatters.formatDecimal)(footprintTons / 4.1 * 100), "%");
+
+//SOURCE:  https://news.energysage.com/how-many-watts-does-a-phone-charger-use/
+//US average carbon intensity comes from carbon intensity data in app backend
+const footprintToCellphoneYears = footprintTons => {
+  const US_AVG_TONS_CO2E_PER_KWH = 0.00043222913699413057;
+  const CELLPHONE_KWH_PER_YEAR = 1.83;
+  const footprintYears = footprintTons / US_AVG_TONS_CO2E_PER_KWH / CELLPHONE_KWH_PER_YEAR;
+  return (0, _formatters.formatDecimal)(footprintYears.toFixed(1));
+};
+const FootprintEquivalencies = _ref => {
+  let {
+    footprintTons,
+    exclusionCategories = []
+  } = _ref;
+  const {
+    theme,
+    isMobile,
+    isMedium
+  } = (0, _themes.useLayoutHelpers)();
+  const [selectedCategoryIdx, setSelectedCategoryIdx] = (0, _react.useState)(0);
+  const footprintEquivalentsCategories = [{
+    type: "driving-emissions",
+    icon: _proSolidSvgIcons.faSteeringWheel,
+    buildString: (carbon, equivalency) => "Your ".concat(carbon, " lbs. of carbon is like driving a car ").concat(equivalency, " miles."),
+    equivalency: (0, _converters.convertFootprintToDriving)(footprintTons),
+    color: "vehicles",
+    backgroundOpacity: 0.5
+  }, {
+    type: "tree-sequestration",
+    icon: _proSolidSvgIcons.faTrees,
+    buildString: (carbon, equivalency) => "It would take an average oak tree ".concat(equivalency, " years to absorb your ").concat(carbon, " lbs. of carbon"),
+    equivalency: convertFootprintToTreeYears(footprintTons),
+    color: "secondary",
+    backgroundOpacity: 0.3
+  }, {
+    type: "melting-polar-bear",
+    icon: _proSolidSvgIcons.faIcicles,
+    buildString: (carbon, equivalency) => "Your ".concat(carbon, " lbs. of carbon is enough to permanently melt ").concat(equivalency, " square ").concat(equivalency === "1" ? "foot" : "feet", " of Arctic sea ice"),
+    equivalency: (0, _formatters.formatDecimal)((0, _converters.convertFootprintToIce)(footprintTons)),
+    color: "travel",
+    backgroundOpacity: 0.3
+  }, {
+    type: "eating-hamburgers",
+    icon: _proSolidSvgIcons.faHamburger,
+    buildString: (carbon, equivalency) => "Your ".concat(carbon, " lbs. of carbon is equivalent to the emissions of eating ").concat(equivalency, " hamburgers"),
+    equivalency: (0, _formatters.formatDecimal)((0, _converters.footprintToHamburgers)(footprintTons)),
+    color: "mileage",
+    backgroundOpacity: 0.4
+  }, {
+    type: "carbon-budget",
+    icon: _proSolidSvgIcons.faPiggyBank,
+    buildString: (carbon, equivalency) => "Your ".concat(carbon, " lbs. of carbon is ").concat(equivalency, " of the annual carbon budget that we all need to achieve to reach our global climate goals."),
+    equivalency: footprintToCarbonBudgetPercent(footprintTons),
+    color: "offices",
+    backgroundOpacity: 0.5
+  }, {
+    type: "cell-phone-charging",
+    icon: _proSolidSvgIcons.faMobile,
+    buildString: (carbon, equivalency) => "Your ".concat(carbon, " lbs. of carbon is enough to keep your cellphone charged for ").concat(equivalency, " years"),
+    equivalency: footprintToCellphoneYears(footprintTons),
+    color: "rides",
+    backgroundOpacity: 0.5
+  }];
+  const filteredEquivalentCategories = footprintEquivalentsCategories.filter(_ref2 => {
+    let {
+      type
+    } = _ref2;
+    return !exclusionCategories.includes(type);
+  });
+  const {
+    type,
+    color,
+    buildString,
+    equivalency
+  } = filteredEquivalentCategories[selectedCategoryIdx];
+  return /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    container: true,
+    spacing: 2,
+    alignItems: "stretch",
+    justifyContent: "center"
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true,
+    lg: 2,
+    xs: 12
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    container: true,
+    direction: isMedium ? "row" : "column",
+    spacing: 2,
+    justifyContent: isMedium ? "space-around" : "center",
+    wrap: "nowrap"
+  }, filteredEquivalentCategories.map((_ref3, idx) => {
+    let {
+      icon,
+      color
+    } = _ref3;
+    return /*#__PURE__*/_react.default.createElement(_material.Grid, {
+      item: true,
+      key: "grid-equivalency-carousel-icon-".concat(idx)
+    }, /*#__PURE__*/_react.default.createElement(_material.ButtonBase, {
+      onClick: () => setSelectedCategoryIdx(idx)
+    }, /*#__PURE__*/_react.default.createElement(_material.Box, {
+      style: {
+        height: "50px",
+        width: "50px",
+        backgroundColor: idx === selectedCategoryIdx ? theme.palette[color].main : "white",
+        borderRadius: "50%"
+      },
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+      icon: icon,
+      size: "2x",
+      style: {
+        color: idx === selectedCategoryIdx ? "white" : theme.palette[color].main
+      }
+    }))));
+  }))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true,
+    lg: 6,
+    xs: 12
+  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
+    display: "flex",
+    justifyContent: "center"
+  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
+    position: "relative"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    alt: "".concat(type, "-image"),
+    src: "https://dashboard.aclymate.com/images/footprint-equivalencies/".concat(type, ".svg"),
+    style: {
+      width: "100%"
+    }
+  }), /*#__PURE__*/_react.default.createElement(_material.Paper, {
+    style: {
+      backgroundColor: (0, _converters.hexToRgba)(theme.palette[color].main, 0.85),
+      position: "absolute",
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
+    p: isMobile ? 0.25 : 1
+  }, /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
+    theme: _themes.mergeDarkTheme
+  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    variant: isMobile ? "subtitle2" : "subtitle1",
+    align: "center",
+    color: "textPrimary"
+  }, buildString((0, _formatters.formatDecimal)((0, _converters.tonsToLbs)(footprintTons)), equivalency)))))))));
+};
+var _default = FootprintEquivalencies;
+exports.default = _default;