rez-table-listing-mui 1.3.35 → 1.3.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rez-table-listing-mui",
-  "version": "1.3.35",
+  "version": "1.3.37",
   "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/forms/index.tsx

@@ -68,6 +68,7 @@ const FilterForm = ({
 
   const filterName = filterMaster?.saved_filters?.selectedName || "";
   const isOwner = filterMaster?.saved_filters?.is_owner || false;
+
   const defaultValues = useMemo(() => {
     const filterValues = filters?.reduce((acc, curr) => {
       if (curr?.filter_attribute_name) {
@@ -269,7 +270,11 @@ const FilterForm = ({
 
         <Box
           className="filter-criteria-form"
-          sx={filterFormStyles.formFlexContainer}
+          sx={{
+            ...filterFormStyles.formFlexContainer,
+            maxHeight: "calc(100vh - 570px)",
+            overflowY: "auto",
+          }}
         >
           <FilterCriteria
             columnsData={columnsData}

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

@@ -120,6 +120,7 @@ const SavedFilter = ({
         selectedCode: filter.code,
         shareWithTeam: filter.is_shared,
         allowTeamEdit: filter.is_editable,
+        is_owner: filter.is_owner,
       },
       attributes: {
         ...filterMaster?.attributes,
@@ -147,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
 
@@ -324,7 +331,8 @@ const SavedFilter = ({
               elevation={0}
               expanded={openAccordion === "my"}
               onChange={() =>
-                setOpenAccordion(openAccordion === "my" ? "shared" : "my")
+                // setOpenAccordion(openAccordion === "my" ? "shared" : "my")
+                toggleAccodion("my")
               }
             >
               <AccordionSummary
@@ -361,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>