contentoh-components-library 21.2.3 → 21.2.6

package/dist/components/atoms/MetricSelect/index.js

@@ -22,6 +22,7 @@ var MetricSelect = function MetricSelect(_ref) {
       onChange: onChange,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
         value: "",
+        disabled: true,
         children: label
       }), options === null || options === void 0 ? void 0 : options.map(function (option) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {

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

@@ -43,14 +43,13 @@ var DashboardMetric = function DashboardMetric(_ref) {
       displayScale = _ref$displayScale === void 0 ? false : _ref$displayScale,
       _ref$retailers = _ref.retailers,
       retailers = _ref$retailers === void 0 ? [] : _ref$retailers,
-      setQueryObject = _ref.setQueryObject;
+      setQueryObject = _ref.setQueryObject,
+      queryObject = _ref.queryObject;
 
   var onChangeRetailer = function onChangeRetailer(e) {
-    setQueryObject(function (current) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, current), {}, {
-        retailerId: e.target.value
-      });
-    });
+    setQueryObject((0, _objectSpread2.default)((0, _objectSpread2.default)({}, queryObject), {}, {
+      retailerId: e.target.value
+    }));
   };
 
   var _useState = (0, _react.useState)(new Date()),
@@ -79,12 +78,10 @@ var DashboardMetric = function DashboardMetric(_ref) {
 
     setStartDate(start);
     setEndDate(end);
-    if (end) setQueryObject(function (current) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, current), {}, {
-        startDate: "".concat(start.getFullYear(), "-").concat(start.getMonth() + 1, "-").concat(start.getDate()),
-        endDate: "".concat(end.getFullYear(), "-").concat(end.getMonth() + 1, "-").concat(end.getDate())
-      });
-    });
+    if (end) setQueryObject((0, _objectSpread2.default)((0, _objectSpread2.default)({}, queryObject), {}, {
+      startDate: "".concat(start.getFullYear(), "-").concat(start.getMonth() + 1, "-").concat(start.getDate()),
+      endDate: "".concat(end.getFullYear(), "-").concat(end.getMonth() + 1, "-").concat(end.getDate())
+    }));
   };
 
   var labels = Object.keys(dataObject);

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

@@ -72,44 +72,52 @@ var Dashboard = function Dashboard() {
       setLoading = _useState14[1];
 
   var loadProductVersions = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(byStatus, queryObject) {
-      var retailerId, startDate, endDate, fullData, query, response, versionList;
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(queryObject) {
+      var byStatus,
+          retailerId,
+          startDate,
+          endDate,
+          query,
+          endpoint,
+          response,
+          _args = arguments;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              retailerId = queryObject.retailerId, startDate = queryObject.startDate, endDate = queryObject.endDate, fullData = queryObject.fullData;
-              query = fullData ? "fullData=true" : "retailerId=".concat(retailerId, "&startDate=").concat(startDate, "&endDate=").concat(endDate);
-              _context.prev = 2;
-              _context.next = 5;
-              return _axios.default.get(byStatus ? "".concat(process.env.REACT_APP_READ_ORDERS_BY_STATUS, "?").concat(query) : "".concat(process.env.REACT_APP_READ_REQUIRED_ORDERS, "?retailerId=").concat(retailerId, "&startDate=").concat(startDate, "&endDate=").concat(endDate));
+              byStatus = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
+              retailerId = queryObject.retailerId, startDate = queryObject.startDate, endDate = queryObject.endDate;
+              query = "retailerId=".concat(retailerId, "&startDate=").concat(startDate, "&endDate=").concat(endDate);
+              endpoint = byStatus ? process.env.REACT_APP_READ_ORDERS_BY_STATUS : process.env.REACT_APP_READ_REQUIRED_ORDERS;
+              _context.prev = 4;
+              _context.next = 7;
+              return _axios.default.get("".concat(endpoint, "?").concat(query));
 
-            case 5:
+            case 7:
               response = _context.sent;
-              versionList = JSON.parse(response.data.body);
-              return _context.abrupt("return", versionList);
+              return _context.abrupt("return", JSON.parse(response.data.body));
 
-            case 10:
-              _context.prev = 10;
-              _context.t0 = _context["catch"](2);
+            case 11:
+              _context.prev = 11;
+              _context.t0 = _context["catch"](4);
               console.log(_context.t0);
 
-            case 13:
+            case 14:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[2, 10]]);
+      }, _callee, null, [[4, 11]]);
     }));
 
-    return function loadProductVersions(_x, _x2) {
+    return function loadProductVersions(_x) {
       return _ref.apply(this, arguments);
     };
   }();
 
   var getRetailers = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-      var retailersResponse;
+      var retailersResponse, parsed, retailers;
       return _regenerator.default.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
@@ -123,9 +131,15 @@ var Dashboard = function Dashboard() {
 
             case 2:
               retailersResponse = _context2.sent;
-              setRetailers(JSON.parse(retailersResponse.data.body).data);
+              parsed = JSON.parse(retailersResponse.data.body).data;
+              retailers = Object.keys(parsed).map(function (key) {
+                if (key.includes('The Home Depot')) return parsed[key];
+              }).filter(function (f) {
+                return f;
+              });
+              setRetailers(retailers);
 
-            case 4:
+            case 6:
             case "end":
               return _context2.stop();
           }
@@ -140,35 +154,39 @@ var Dashboard = function Dashboard() {
 
   var loadProductsByStatus = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(orderByStatus) {
-      var _yield$loadProductVer, orders, fullData;
+      var _yield$loadProductVer, orders, fullData, total, R, ACA, PA, inProcess;
 
       return _regenerator.default.wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return loadProductVersions(true, orderByStatus);
+              return loadProductVersions(orderByStatus, true);
 
             case 2:
               _yield$loadProductVer = _context3.sent;
               orders = _yield$loadProductVer.orders;
               fullData = _yield$loadProductVer.fullData;
+              total = fullData.total, R = fullData.R, ACA = fullData.ACA, PA = fullData.PA;
+              inProcess = Object.keys(fullData).reduce(function (prev, curr) {
+                return !['total', 'ACA', 'PA', 'R'].includes(curr) ? prev + fullData[curr] : prev;
+              }, 0);
               setMetricsData([{
                 label: "Productos totales",
-                value: fullData === null || fullData === void 0 ? void 0 : fullData.total
+                value: total
               }, {
                 label: "Productos sin asignar",
-                value: fullData === null || fullData === void 0 ? void 0 : fullData.PA
+                value: PA + R
               }, {
                 label: "Productos en proceso",
-                value: fullData === null || fullData === void 0 ? void 0 : fullData.CA
+                value: inProcess
               }, {
                 label: "Productos terminados",
-                value: fullData === null || fullData === void 0 ? void 0 : fullData.AP
+                value: ACA
               }]);
               setProductsByStatus(orders);
 
-            case 7:
+            case 9:
             case "end":
               return _context3.stop();
           }
@@ -176,7 +194,7 @@ var Dashboard = function Dashboard() {
       }, _callee3);
     }));
 
-    return function loadProductsByStatus(_x3) {
+    return function loadProductsByStatus(_x2) {
       return _ref3.apply(this, arguments);
     };
   }();
@@ -190,7 +208,7 @@ var Dashboard = function Dashboard() {
           switch (_context4.prev = _context4.next) {
             case 0:
               _context4.next = 2;
-              return loadProductVersions(false, orderByRequired);
+              return loadProductVersions(orderByRequired);
 
             case 2:
               _yield$loadProductVer2 = _context4.sent;
@@ -205,7 +223,7 @@ var Dashboard = function Dashboard() {
       }, _callee4);
     }));
 
-    return function loadRequiredProducts(_x4) {
+    return function loadRequiredProducts(_x3) {
       return _ref4.apply(this, arguments);
     };
   }();
@@ -223,13 +241,9 @@ var Dashboard = function Dashboard() {
     setOrderByStatus(queryObject);
     setOrderByRequired(queryObject);
     getRetailers();
+    loadProductsByStatus(queryObject);
+    loadRequiredProducts(queryObject);
   }, []);
-  (0, _react.useEffect)(function () {
-    loadProductsByStatus(orderByStatus);
-  }, [orderByStatus]);
-  (0, _react.useEffect)(function () {
-    loadRequiredProducts(orderByRequired);
-  }, [orderByRequired]);
   (0, _react.useEffect)(function () {
     (orderByRequired === null || orderByRequired === void 0 ? void 0 : orderByRequired.retailerId) && (orderByStatus === null || orderByStatus === void 0 ? void 0 : orderByStatus.retailerId) && metricsData.length > 0 && setLoading(false);
   }, [orderByRequired, orderByStatus, metricsData]);
@@ -251,7 +265,10 @@ var Dashboard = function Dashboard() {
         retailerSelected: orderByStatus.retailerId,
         retailers: retailers,
         queryObject: orderByStatus,
-        setQueryObject: setOrderByStatus
+        setQueryObject: function setQueryObject(evt) {
+          loadProductsByStatus(evt);
+          setOrderByStatus(evt);
+        }
       }), /*#__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.",
@@ -263,7 +280,10 @@ var Dashboard = function Dashboard() {
         retailers: retailers,
         retailerSelected: orderByRequired.retailerId,
         queryObject: orderByRequired,
-        setQueryObject: setOrderByRequired
+        setQueryObject: function setQueryObject(evt) {
+          loadRequiredProducts(evt);
+          setOrderByRequired(evt);
+        }
       })]
     })]
   });

package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js

@@ -33,231 +33,57 @@ RetailerProductEditionDefault.args = {
   },
   token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwYjY2YTRhOS03NzkwLTQwMzQtYTMwYS1jMDA4MDg5NjI4NjciLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjBiNjZhNGE5LTc3OTAtNDAzNC1hMzBhLWMwMDgwODk2Mjg2NyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIzNmIxMmUwMy0xOWJhLTRiMDktYWJiYS1kZjk3ZTFkNThjZTQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MDE4MjgzNywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MDE4NjQzNywiaWF0IjoxNjYwMTgyODM3LCJlbWFpbCI6ImJheWFkaTE1MzhAbW5xbG0uY29tIn0.MM9nIHkrRIS2o8_s4BR6VTLgyw3ryvPrr-mf6RtnQ4smng2Q3fmtK07zInNcvcrv8EXO5J9z47_NZ5MOJDo1Pz1CV2cOYM7PT5tEn3F-W4SitqDbBw3KxfkqSMxdZUIHLWECGL-u2ATCYU2J4KRVQi8XSP1qbfv1hu9dh-vID8Fq641ccQwEqUDC13pshDPlR08legg7AAPJqoilV7wuvxqTYAK6fGqMS5jcdW2iDmU0ti9gkydXkYRIC-jg446VOmRCpwzKsk4UAPwlrGeodQ0LV1bfWn_-KVspWCRQd6U5WbFxHn0umYe3CvvPpyVmHzD3F_EMxaVyqV5aW5IoIQ",
   productSelected: {
-    services: {
-      datasheets: 1,
-      descriptions: 1,
-      images: 1
+    "services": {
+      "datasheets": 1,
+      "descriptions": 1,
+      "images": 1
     },
-    orderId: 2296,
-    status: "AP",
-    datasheet_status: "AP",
-    prio: "none",
-    version: 8,
-    description_status: "ACA",
-    images_status: "AP",
-    article: {
-      id_article: 14701,
-      id_category: "684",
-      name: "Pasta Dental Colgate Total 12 Clean Mint de 100 ml",
-      upc: "7501035911369",
-      timestamp: "2021-10-09T16:33:17.000Z",
-      id_user: 203,
-      status: "Ex",
-      active: 1,
-      company_id: 226,
-      SKU: null,
-      Descripcion: null,
-      Proveedor: null,
-      id_proveedor: 0,
-      company_name: "Prueba Test S.A de C.V.",
-      country: "null",
-      id_order: 2296,
-      id_datasheet_especialist: 405,
-      id_datasheet_facilitator: 158,
-      id_description_especialist: 405,
-      id_description_facilitator: 158,
-      id_images_especialist: 366,
-      id_images_facilitator: 160,
-      id_auditor: 9,
-      id_recepcionist: null,
-      category: "Salud y Belleza|Cuidado Bucal|Pastas Dentales y Aseo Bucal",
-      missingAttributes: -1,
-      missingDescriptions: 3,
-      missingImages: -9
+    "orderId": 1810,
+    "status": "RP",
+    "datasheet_status": "RP",
+    "prio": "none",
+    "version": 2,
+    "description_status": "RP",
+    "images_status": "RP",
+    "article": {
+      "id_article": 68934,
+      "id_category": "2290",
+      "name": "SCOTCHBLUE  3PACK MASKING TAPE 24MMX55M",
+      "upc": "167907",
+      "timestamp": "2022-06-22T15:44:57.000Z",
+      "id_user": 704,
+      "status": "NULL",
+      "active": 1,
+      "company_id": 437,
+      "SKU": null,
+      "Descripcion": null,
+      "Proveedor": null,
+      "id_proveedor": 0,
+      "company_name": "",
+      "country": null,
+      "id_order": 1810,
+      "id_datasheet_especialist": 1248,
+      "id_datasheet_facilitator": 1252,
+      "id_description_especialist": 1248,
+      "id_description_facilitator": 1252,
+      "id_images_especialist": 1251,
+      "id_images_facilitator": 1286,
+      "id_auditor": 514,
+      "id_recepcionist": null,
+      "category": "Pinturas|Herramientas y accesorios para pintar|Cintas",
+      "missingAttributes": null,
+      "missingDescriptions": null,
+      "missingImages": null
     },
-    retailers: [{
-      id: 4,
-      name: "Walmart Super y Superama",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 97.61904761904763,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/4.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 5,
-      name: "Chedraui",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 100,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/5.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 6,
-      name: "HEB",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 100,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/6.png",
-      services: ["AP", "ACA", "AP"]
-    }, {
-      id: 7,
-      name: "Mega",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 100,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/7.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 8,
-      name: "Fragua",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: null,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/8.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 9,
-      name: "Amazon",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 85.18518518518518,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/9.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 12,
-      name: "La Comer",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 100,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/12.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 13,
-      name: "Soriana",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 100,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/13.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 16,
-      name: "Rappi",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 93.33333333333333,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/16.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 17,
-      name: "Genérico",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 100,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/17.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 18,
-      name: "Google",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 96.66666666666667,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/18.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 20,
-      name: "Cornershop",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 91.66666666666667,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/20.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 24,
-      name: "Alsuper",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 95.83333333333333,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/24.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 27,
-      name: "IMPIRA México",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 100,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/27.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 29,
-      name: "Farmacias del Ahorro",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 81.48148148148148,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/29.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 33,
-      name: "Merza",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 66.66666666666667,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/33.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 34,
-      name: "San Pablo",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 95.16666666666667,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/34.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 38,
-      name: "Del Sol",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 100,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/38.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 39,
-      name: "Justo",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 94.73684210526316,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/39.png",
-      services: ["NA", "NA", "NA"]
-    }, {
-      id: 62,
-      name: "Sanborns Café",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 100,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/62.png",
-      services: ["NA", "NA", "NA"]
+    "retailers": [{
+      "id": 58,
+      "name": "The Home Depot Golden",
+      "country": "México",
+      "id_region": 1,
+      "active": 1
     }],
-    country: "null",
-    upc: "7501035911369"
+    "country": null,
+    "upc": "167907"
   },
   location: {
     product: {
@@ -266,7 +92,7 @@ RetailerProductEditionDefault.args = {
     }
   },
   user: {
-    id_user: 423,
+    id_user: 1248,
     name: "Facilitador Textos",
     last_name: " ",
     email: "bayadi1538@mnqlm.com",
@@ -281,7 +107,7 @@ RetailerProductEditionDefault.args = {
     address: null,
     job: null,
     id_stripe: null,
-    id_role: 1,
+    id_role: 7,
     active: 1,
     is_retailer: 0,
     email_notify: null,

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

@@ -1101,7 +1101,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
         return statusArray.includes(srvActive) && (["RA", "RC"].includes(product === null || product === void 0 ? void 0 : product.status) || srv.filter(function (serv) {
           var _serv$status;
 
-          return statusArray.includes((_serv$status = serv.status) === null || _serv$status === void 0 ? void 0 : _serv$status.replace(/.*\//, ""));
+          return ["CA"].includes((_serv$status = serv.status) === null || _serv$status === void 0 ? void 0 : _serv$status.replace(/.*\//, ""));
         }).length === srv.length);
 
       case 4:
@@ -1897,7 +1897,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               headerType: "input-name-header"
             }))]
           })
-        }), (userAssigned(activeTab) || auditorAssigned()) && product["".concat(getConcept(activeTab), "_status")] !== "NS" && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        }), console.log(userAssigned(activeTab), auditorAssigned()), (userAssigned(activeTab) || auditorAssigned()) && product["".concat(getConcept(activeTab), "_status")] !== "NS" && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "commentary-box",
           children: [!comment ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "commentary",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.2.3",
+  "version": "21.2.6",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",
@@ -22,6 +22,7 @@
     "prop-types": "^15.7.2",
     "react": "^17.0.2",
     "react-chartjs-2": "^4.0.1",
+    "react-datepicker": "^4.8.0",
     "react-dom": "^17.0.2",
     "react-draft-wysiwyg": "^1.14.7",
     "react-dropzone": "^12.0.4",

package/src/components/atoms/MetricSelect/index.js

@@ -10,7 +10,7 @@ export const MetricSelect = ({
   return (
     <Container className={className}>
       <select value={optionSelected} onChange={onChange}>
-        <option value="">{label}</option>
+        <option value="" disabled>{label}</option>
         {options?.map((option) => (
           <option key={option.name} value={option.id}>
             {option.name}

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

@@ -15,9 +15,11 @@ export const DashboardMetric = ({
   displayScale = false,
   retailers = [],
   setQueryObject,
+  queryObject
 }) => {
+
   const onChangeRetailer = (e) => {
-    setQueryObject((current) => ({ ...current, retailerId: e.target.value }));
+    setQueryObject({ ...queryObject, retailerId: e.target.value });
   };
 
   const [startDate, setStartDate] = useState(new Date());
@@ -39,13 +41,13 @@ export const DashboardMetric = ({
     setStartDate(start);
     setEndDate(end);
     if (end)
-      setQueryObject((current) => ({
-        ...current,
+      setQueryObject({
+        ...queryObject,
         startDate: `${start.getFullYear()}-${
           start.getMonth() + 1
         }-${start.getDate()}`,
         endDate: `${end.getFullYear()}-${end.getMonth() + 1}-${end.getDate()}`,
-      }));
+      });
   };
 
   const labels = Object.keys(dataObject);