contentoh-components-library 21.2.53 → 21.2.55

package/dist/components/organisms/DashboardMetric/index.js

@@ -38,7 +38,8 @@ var DashboardMetric = function DashboardMetric(_ref) {
       displayLegend = _ref$displayLegend === void 0 ? false : _ref$displayLegend,
       _ref$showPercent = _ref.showPercent,
       showPercent = _ref$showPercent === void 0 ? false : _ref$showPercent,
-      borderColor = _ref.borderColor;
+      borderColor = _ref.borderColor,
+      total = _ref.total;
   var labels = type === "doughnut" ? Object.keys(dataObject).map(function (key) {
     return (0, _dashboardMetricUtils.getFullStatus)(key);
   }) : Object.keys(dataObject);
@@ -95,9 +96,7 @@ var DashboardMetric = function DashboardMetric(_ref) {
         fontSize: 25,
         fontColor: "#707070",
         textAlign: "center",
-        value: (values === null || values === void 0 ? void 0 : values.reduce(function (a, b) {
-          return a + b;
-        })) || 0
+        value: total || 0
       }
     },
     scales: (0, _defineProperty2.default)({}, scale, {

package/dist/components/pages/Dashboard/index.js

@@ -130,6 +130,11 @@ var Dashboard = function Dashboard(_ref) {
       applicantsFilter = _useState30[0],
       setApplicantsFilter = _useState30[1];
 
+  var _useState31 = (0, _react.useState)(0),
+      _useState32 = (0, _slicedToArray2.default)(_useState31, 2),
+      totalCount = _useState32[0],
+      setTotalCount = _useState32[1];
+
   var loadProductVersions = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(queryObject) {
       var byStatus,
@@ -264,10 +269,11 @@ var Dashboard = function Dashboard(_ref) {
                 label: "Productos terminados",
                 value: ACA
               }]);
+              setTotalCount(orders.total);
               delete orders.total;
               setProductsByStatus(orders);
 
-            case 13:
+            case 14:
             case "end":
               return _context3.stop();
           }
@@ -533,7 +539,8 @@ var Dashboard = function Dashboard(_ref) {
         type: "doughnut",
         displayLegend: true,
         showPercent: true,
-        displayScale: false
+        displayScale: false,
+        total: totalCount
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DashboardMetric.DashboardMetric, {
         label: "Productos solicitados",
         description: "Filtra los productos solicitados por fecha y alcance para revisar rápidamente el flujo de trabajo.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.2.53",
+  "version": "21.2.55",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/organisms/DashboardMetric/index.js

@@ -18,6 +18,7 @@ export const DashboardMetric = ({
   displayLegend = false,
   showPercent = false,
   borderColor,
+  total,
 }) => {
   const labels =
     type === "doughnut"
@@ -75,7 +76,7 @@ export const DashboardMetric = ({
         fontSize: 25,
         fontColor: "#707070",
         textAlign: "center",
-        value: values?.reduce((a, b) => a + b) || 0,
+        value: total || 0,
       },
     },
     scales: {

package/src/components/pages/Dashboard/index.js

@@ -38,6 +38,7 @@ export const Dashboard = ({ jwt, user, company }) => {
     { id: "retailer", name: "Cadena" },
   ];
   const [applicantsFilter, setApplicantsFilter] = useState([]);
+  const [totalCount, setTotalCount] = useState(0);
 
   const loadProductVersions = async (queryObject, byStatus = false) => {
     const keys = Object.keys(queryObject);
@@ -98,6 +99,7 @@ export const Dashboard = ({ jwt, user, company }) => {
       { label: "Productos en proceso", value: inProcess },
       { label: "Productos terminados", value: ACA },
     ]);
+    setTotalCount(orders.total);
     delete orders.total;
     setProductsByStatus(orders);
   };
@@ -315,6 +317,7 @@ export const Dashboard = ({ jwt, user, company }) => {
           displayLegend={true}
           showPercent={true}
           displayScale={false}
+          total={totalCount}
         />
         <DashboardMetric
           label={"Productos solicitados"}