mozrest-sdk-react-dev 0.2.45 → 0.2.46

package/mozrest-sdk.es.js

@@ -102398,7 +102398,7 @@ const SelectBrands = ({ handleSearchBrand }) => {
   const { t: t2 } = useTranslation();
   const { data: data2, isLoading } = useFetch(GetBrands, "brands");
   return /* @__PURE__ */ React__default.createElement(NewSelect, {
-    options: data2 && data2.data ? data2.data : [],
+    options: data2 && data2.data ? data2.data : data2.length && data2.length > 0 ? data2 : [],
     placeholder: t2("ALL"),
     getOptionLabel: (option) => option.name,
     getOptionValue: (option) => option.id,
@@ -102412,6 +102412,8 @@ const RestaurantsSelector = ({ open, onClose: onClose2, selectedRestaurants, set
   const [searchValue, setSearchValue] = useState("");
   const [currentPage, setCurrentPage] = useState(1);
   const [currentRows, setCurrentRows] = useState(10);
+  const [restaurantsToFilter, setRestaurantsToFilter] = useState([]);
+  const [brandToFilter, setBrandToFilter] = useState(null);
   const [params, setParams] = useState({
     "sortby[name]": "ASC",
     limit: 10,
@@ -102426,7 +102428,7 @@ const RestaurantsSelector = ({ open, onClose: onClose2, selectedRestaurants, set
     setParams({ ...params, "filters[criteria]": e3.target.value });
   };
   const handleSearchBrand = (value2) => {
-    setSelectedBrand(value2);
+    setBrandToFilter(value2);
     setParams({ ...params, "filters[brand]": value2 ? value2.id : null });
   };
   const handleOnChangePage = (page) => {
@@ -102447,29 +102449,39 @@ const RestaurantsSelector = ({ open, onClose: onClose2, selectedRestaurants, set
   };
   const handleOnSelectAllRestaurants = (event) => {
     if (event.target && event.target.checked) {
-      setSelectedRestaurants(data2.data);
+      setRestaurantsToFilter(data2.data);
     } else {
-      setSelectedRestaurants([]);
+      setRestaurantsToFilter([]);
     }
   };
+  useEffect(() => {
+    if (selectedRestaurants.length == 0) {
+      setRestaurantsToFilter([]);
+    }
+  }, [selectedRestaurants]);
+  useEffect(() => {
+    if (!selectedBrand) {
+      setBrandToFilter(null);
+    }
+  }, [selectedBrand]);
   const tableHeader = [
     {
       label: /* @__PURE__ */ React__default.createElement("input", {
         type: "checkbox",
         style: { width: 20, height: 20 },
-        checked: data2 && data2.data && selectedRestaurants.length === data2.data.length ? true : false,
+        checked: data2 && data2.data && restaurantsToFilter.length === data2.data.length ? true : false,
         onChange: (event) => handleOnSelectAllRestaurants(event)
       }),
       id: "actions",
       render: (value2, item2) => /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("input", {
         type: "checkbox",
         style: { width: 20, height: 20 },
-        checked: selectedRestaurants.find((sr) => sr.id === item2.id ? true : false),
+        checked: restaurantsToFilter.find((sr) => sr.id === item2.id ? true : false),
         onChange: (event) => {
           if (event.target.checked) {
-            setSelectedRestaurants([...selectedRestaurants, item2]);
+            setRestaurantsToFilter([...restaurantsToFilter, item2]);
           } else {
-            setSelectedRestaurants(selectedRestaurants.filter((sr) => sr.id !== item2.id));
+            setRestaurantsToFilter(restaurantsToFilter.filter((sr) => sr.id !== item2.id));
           }
         }
       }))
@@ -102519,11 +102531,17 @@ const RestaurantsSelector = ({ open, onClose: onClose2, selectedRestaurants, set
     className: styles$3.filtersContainer
   }, /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex", gap: 10, justifyContent: "center" }
-  }, selectedRestaurants.length > 0 && /* @__PURE__ */ React__default.createElement(Button$3, {
-    onClick: () => onClose2()
-  }, t2("SelectXResturant", { value: selectedRestaurants.length })), selectedBrand && /* @__PURE__ */ React__default.createElement(Button$3, {
-    onClick: () => onClose2()
-  }, t2("SelectAllFromX", { value: selectedBrand.name }))), /* @__PURE__ */ React__default.createElement("div", {
+  }, restaurantsToFilter.length > 0 && /* @__PURE__ */ React__default.createElement(Button$3, {
+    onClick: () => {
+      setSelectedRestaurants(restaurantsToFilter);
+      onClose2();
+    }
+  }, t2("SelectXResturant", { value: restaurantsToFilter.length })), brandToFilter && /* @__PURE__ */ React__default.createElement(Button$3, {
+    onClick: () => {
+      setSelectedBrand(brandToFilter);
+      onClose2();
+    }
+  }, t2("SelectAllFromX", { value: brandToFilter.name }))), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$3.filters
   }, /* @__PURE__ */ React__default.createElement("div", {
     style: { minWidth: 150 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mozrest-sdk-react-dev",
-  "version": "0.2.45",
+  "version": "0.2.46",
   "main": "mozrest-sdk.es.js",
   "keywords": ["mozrest"],
   "author": {