rez-table-listing-mui 1.3.36 → 1.3.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rez-table-listing-mui",
-  "version": "1.3.36",
+  "version": "1.3.38",
   "type": "module",
   "description": "A rez table listing component built on TanStack Table",
   "main": "dist/index.js",

package/src/listing/components/filter/components/forms/components/filter-criteria-list.tsx

@@ -70,6 +70,7 @@ const FilterCriteriaList = ({
             onClick={() =>
               !isSingleEntity && setSelectedFilterEntity(undefined)
             }
+            className="cross-icon"
           >
             <CloseIcon />
           </IconButton>

package/src/listing/components/filter/components/saved-filter.tsx

@@ -148,7 +148,13 @@ const SavedFilter = ({
     applyFilterStates(filter);
   };
 
-  const [openAccordion, setOpenAccordion] = useState<"my" | "shared">("my");
+  const [openAccordion, setOpenAccordion] = useState<"my" | "shared" | null>(
+    "my"
+  );
+
+  const toggleAccodion = (accordion: "my" | "shared" | null) => {
+    setOpenAccordion((prev) => (prev === accordion ? null : accordion));
+  };
 
   //  RENDER: MY FILTERS
 
@@ -325,7 +331,8 @@ const SavedFilter = ({
               elevation={0}
               expanded={openAccordion === "my"}
               onChange={() =>
-                setOpenAccordion(openAccordion === "my" ? "shared" : "my")
+                // setOpenAccordion(openAccordion === "my" ? "shared" : "my")
+                toggleAccodion("my")
               }
             >
               <AccordionSummary
@@ -362,7 +369,8 @@ const SavedFilter = ({
               elevation={0}
               expanded={openAccordion === "shared"}
               onChange={() =>
-                setOpenAccordion(openAccordion === "shared" ? "my" : "shared")
+                // setOpenAccordion(openAccordion === "shared" ? "my" : "shared")
+                toggleAccodion("shared")
               }
             >
               <AccordionSummary

package/src/listing/components/filter/components/search/index.tsx

@@ -51,6 +51,7 @@ const CustomSearch = ({
               edge="end"
               onClick={handleClear}
               sx={{ color: "#888888", fontSize: "20px" }}
+              className="cross-icon"
             >
               <CloseIcon />
             </IconButton>