@aclymatepackages/modules 4.3.2 → 4.3.4

package/dist/components/CompanyDataConfirmation.js

@@ -30,7 +30,7 @@ const CompanyDataConfirmation = _ref => {
     coordinates: existingCoordinates
   } = existingAddress || {};
   const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
-  const [modifyCompanyData, setModifyCompanyData] = (0, _react.useState)(companyData);
+  const [modifyCompanyData, setModifyCompanyData] = (0, _react.useState)(companyData || {});
   const {
     address = null,
     industry,

package/dist/components/ProductFootprintPieChart.js

@@ -16,7 +16,8 @@ const CustomTooltipDisplayRow = _ref => {
     name,
     percentage,
     kgs,
-    customAvatar
+    customAvatar,
+    blurValues
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_material.Grid, {
     container: true,
@@ -34,24 +35,31 @@ const CustomTooltipDisplayRow = _ref => {
   }, name), /*#__PURE__*/_react.default.createElement(_material.Typography, {
     variant: "caption",
     color: "textSecondary"
-  }, (0, _formatters.formatDecimal)(kgs), " kgs (", percentage, "%)")));
+  }, blurValues ? /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      filter: "blur(4px)"
+    }
+  }, "****") : (0, _formatters.formatDecimal)(kgs), " ", "kgs (", percentage, "%)")));
 };
 const FootprintPieChartTooltip = _ref2 => {
   let {
-    payload
+    payload,
+    blurValues
   } = _ref2;
   return /*#__PURE__*/_react.default.createElement(_atoms.DefaultPaper, null, (payload === null || payload === void 0 ? void 0 : payload[0]) && /*#__PURE__*/_react.default.createElement(CustomTooltipDisplayRow, {
     name: payload[0].payload.name,
     percentage: (0, _formatters.formatDecimal)(payload[0].payload.percentage),
     kgs: payload[0].payload.kgs,
     color: payload[0].payload.color,
+    blurValues: blurValues,
     customAvatar: /*#__PURE__*/_react.default.createElement(_atoms.ProductFootprintCategoryAvatar, payload[0].payload)
   }));
 };
 const ProductFootprintPieChart = _ref3 => {
   let {
     footprintBreakdownKgs,
-    totalFootprintKgs
+    totalFootprintKgs,
+    blurValues
   } = _ref3;
   const pieData = _addOns.displayProductFootprintCategories.map(_ref4 => {
     let {
@@ -98,7 +106,9 @@ const ProductFootprintPieChart = _ref3 => {
     key: "cell-".concat(index),
     fill: entry.color
   }))), /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
-    content: /*#__PURE__*/_react.default.createElement(FootprintPieChartTooltip, null)
+    content: /*#__PURE__*/_react.default.createElement(FootprintPieChartTooltip, {
+      blurValues: blurValues
+    })
   })));
 };
 var _default = exports.default = ProductFootprintPieChart;

package/package.json

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

package/src/components/CompanyDataConfirmation.js

@@ -29,7 +29,7 @@ const CompanyDataConfirmation = ({ companyData, onConfirmClick }) => {
   const { coordinates: existingCoordinates } = existingAddress || {};
 
   const [anchorEl, setAnchorEl] = useState(null);
-  const [modifyCompanyData, setModifyCompanyData] = useState(companyData);
+  const [modifyCompanyData, setModifyCompanyData] = useState(companyData || {});
   const {
     address = null,
     industry,

package/src/components/ProductFootprintPieChart.js

@@ -17,7 +17,13 @@ import {
 import { formatDecimal } from "@aclymatepackages/formatters";
 import { displayProductFootprintCategories } from "@aclymatepackages/add-ons";
 
-const CustomTooltipDisplayRow = ({ name, percentage, kgs, customAvatar }) => (
+const CustomTooltipDisplayRow = ({
+  name,
+  percentage,
+  kgs,
+  customAvatar,
+  blurValues,
+}) => (
   <Grid container spacing={2} alignItems="center">
     <Grid item>{customAvatar}</Grid>
     <Grid item>
@@ -25,13 +31,18 @@ const CustomTooltipDisplayRow = ({ name, percentage, kgs, customAvatar }) => (
         {name}
       </Typography>
       <Typography variant="caption" color="textSecondary">
-        {formatDecimal(kgs)} kgs ({percentage}%)
+        {blurValues ? (
+          <span style={{ filter: "blur(4px)" }}>****</span>
+        ) : (
+          formatDecimal(kgs)
+        )}{" "}
+        kgs ({percentage}%)
       </Typography>
     </Grid>
   </Grid>
 );
 
-const FootprintPieChartTooltip = ({ payload }) => (
+const FootprintPieChartTooltip = ({ payload, blurValues }) => (
   <DefaultPaper>
     {payload?.[0] && (
       <CustomTooltipDisplayRow
@@ -39,6 +50,7 @@ const FootprintPieChartTooltip = ({ payload }) => (
         percentage={formatDecimal(payload[0].payload.percentage)}
         kgs={payload[0].payload.kgs}
         color={payload[0].payload.color}
+        blurValues={blurValues}
         customAvatar={
           <ProductFootprintCategoryAvatar {...payload[0].payload} />
         }
@@ -50,6 +62,7 @@ const FootprintPieChartTooltip = ({ payload }) => (
 const ProductFootprintPieChart = ({
   footprintBreakdownKgs,
   totalFootprintKgs,
+  blurValues,
 }) => {
   const pieData = displayProductFootprintCategories
     .map(({ dataKey, name, color, icon }) => {
@@ -91,7 +104,9 @@ const ProductFootprintPieChart = ({
             <Cell key={`cell-${index}`} fill={entry.color} />
           ))}
         </Pie>
-        <ChartTooltip content={<FootprintPieChartTooltip />} />
+        <ChartTooltip
+          content={<FootprintPieChartTooltip blurValues={blurValues} />}
+        />
       </PieChart>
     </ResponsiveContainer>
   );