rez-table-listing-mui 1.3.31 → 1.3.32

package/package.json

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

package/src/listing/components/common/saved-filter-modal/index.tsx

@@ -166,14 +166,13 @@ const SavedFilterModalView = ({
 
     if (!selectedId) return "Save Filter"; // new filter
 
-    const filterObj = columnsData?.saved_filter?.find(
+    const filterObj = columnsData?.shared_filter?.find(
       (f: any) => f.id === selectedId
     );
     if (filterObj?.is_shared) {
-      return "My Filter";
+      return "Shared Filter";
     }
-
-    return "Shared Filter";
+    return "My Filter";
   };
 
   const handleSave = () => {

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

@@ -264,7 +264,14 @@ const SavedFilter = ({
                 <Typography fontWeight={600}>My Filters</Typography>
               </AccordionSummary>
               <Divider sx={{ width: "100%" }} />
-              <AccordionDetails sx={{ p: "9px" }}>
+              <AccordionDetails
+                sx={{
+                  p: "9px",
+                  maxHeight: "320px",
+                  overflowY: "auto",
+                  scrollbarWidth: "thin",
+                }}
+              >
                 {renderList(mappedSavedFilter, false)}
               </AccordionDetails>
             </Accordion>
@@ -288,7 +295,14 @@ const SavedFilter = ({
               </AccordionSummary>
               <Divider sx={{ width: "100%" }} />
 
-              <AccordionDetails sx={{ p: "9px" }}>
+              <AccordionDetails
+                sx={{
+                  p: "9px",
+                  maxHeight: "320px",
+                  overflowY: "auto",
+                  scrollbarWidth: "thin",
+                }}
+              >
                 {renderList(mappedSharedFilter, true)}
               </AccordionDetails>
             </Accordion>
@@ -317,3 +331,303 @@ const SavedFilter = ({
 };
 
 export default SavedFilter;
+
+// import { useEffect, useState } from "react";
+// import {
+//   FilterFormComponentProps,
+//   FilterMasterStateProps,
+// } from "../../../types/filter";
+// import {
+//   Accordion,
+//   AccordionDetails,
+//   AccordionSummary,
+//   Box,
+//   Divider,
+//   IconButton,
+//   List,
+//   ListItem,
+//   ListItemText,
+//   Typography,
+// } from "@mui/material";
+// import CustomSearch from "./search";
+// import { DeleteIcon, EditIcon } from "../../../../assets/svg";
+// import SavedFilterEditComponent from "./saved-edit-filter";
+// import { CheckBox } from "../../../../assets/svg";
+// import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+
+// const SavedFilter = ({
+//   columnsData,
+//   dropdownData,
+//   tableStates,
+//   editMode,
+//   setEditMode,
+//   setDeleteFilterModalOpen,
+//   onSaveFilterButtonClick,
+//   tabValue,
+//   onChangeFunction,
+//   filterComponentOptions,
+// }: FilterFormComponentProps) => {
+//   const { filters, filterMaster, setFilterMaster, setFilterToDelete } =
+//     tableStates;
+
+//   const [searchTerm, setSearchTerm] = useState<string>("");
+
+//   // ------------------------------
+//   // APPLY FILTER STATE (same logic)
+//   // ------------------------------
+//   const applyFilterStates = (filter: any) => {
+//     const newFilterMaster = {
+//       ...filterMaster,
+//       saved_filters: {
+//         ...(filterMaster?.saved_filters ?? {}),
+//         selectedId: filter?.value || filter?.id,
+//         selectedName: filter?.label || filter?.name,
+//         selectedCode: filter?.code,
+//         shareWithTeam: filter?.is_shared,
+//         allowTeamEdit: filter?.is_editable,
+//       },
+//       attributes: {
+//         ...filterMaster?.attributes,
+//         radio: [],
+//       },
+//       activeFilterTabIndex: tabValue,
+//     } as FilterMasterStateProps;
+
+//     setFilterMaster(newFilterMaster);
+
+//     onChangeFunction &&
+//       onChangeFunction({
+//         filterMaster: newFilterMaster,
+//         filters,
+//       });
+//   };
+
+//   const handleListItemClick = (filter: any) => {
+//     applyFilterStates(filter);
+//     setEditMode && setEditMode(true);
+//     setFilterToDelete(filter);
+//   };
+
+//   const handleApplyFilter = (filter: any) => {
+//     applyFilterStates(filter);
+//   };
+
+//   // ============================
+//   // ⭐ RENDER SAVED FILTER LIST
+//   // ============================
+//   const renderSavedFilterList = () => {
+//     const list = columnsData?.saved_filter ?? [];
+
+//     return list.length === 0 ? (
+//       <Typography>No saved filters yet.</Typography>
+//     ) : (
+//       <List sx={{ display: "flex", flexDirection: "column", gap: 1 }}>
+//         {list
+//           .filter((f: any) =>
+//             f.label?.toLowerCase().includes(searchTerm.toLowerCase())
+//           )
+//           .map((filter: any) => (
+//             <ListItem
+//               key={filter.value}
+//               sx={{
+//                 cursor: "pointer",
+//                 borderRadius: "8px",
+//                 bgcolor: "#f2f6f8ff",
+//                 display: "flex",
+//                 justifyContent: "space-between",
+//                 gap: 1,
+//                 alignItems: "center",
+//                 "&:hover .action-icons": {
+//                   opacity: 1,
+//                   visibility: "visible",
+//                 },
+//               }}
+//               onClick={() => handleApplyFilter(filter)}
+//             >
+//               {filter.value === filterMaster?.saved_filters?.selectedId && (
+//                 <Box sx={{ display: "flex", alignItems: "center" }}>
+//                   <CheckBox />
+//                 </Box>
+//               )}
+
+//               <ListItemText primary={filter.label} />
+
+//               <Box
+//                 onClick={(e) => e.stopPropagation()}
+//                 className="action-icons"
+//                 sx={{
+//                   display: "flex",
+//                   gap: 1,
+//                   opacity: 0,
+//                   visibility: "hidden",
+//                   transition: "all 0.2s ease",
+//                 }}
+//               >
+//                 <IconButton
+//                   size="large"
+//                   onClick={() => handleListItemClick(filter)}
+//                 >
+//                   <EditIcon />
+//                 </IconButton>
+
+//                 <IconButton
+//                   size="small"
+//                   onClick={() => {
+//                     setFilterToDelete(filter);
+//                     setDeleteFilterModalOpen?.(true);
+//                   }}
+//                 >
+//                   <DeleteIcon />
+//                 </IconButton>
+//               </Box>
+//             </ListItem>
+//           ))}
+//       </List>
+//     );
+//   };
+
+//   // ============================
+//   // ⭐ RENDER SHARED FILTER LIST
+//   // ============================
+//   const renderSharedFilterList = () => {
+//     const list = columnsData?.shared_filter ?? [];
+
+//     return list.length === 0 ? (
+//       <Typography>No shared filters yet.</Typography>
+//     ) : (
+//       <List sx={{ display: "flex", flexDirection: "column", gap: 1 }}>
+//         {list
+//           .filter((f: any) =>
+//             f.name?.toLowerCase().includes(searchTerm.toLowerCase())
+//           )
+//           .map((filter: any) => (
+//             <ListItem
+//               key={filter.id}
+//               sx={{
+//                 cursor: "pointer",
+//                 borderRadius: "8px",
+//                 bgcolor: "#f2f6f8ff",
+//                 display: "flex",
+//                 justifyContent: "space-between",
+//                 gap: 1,
+//                 alignItems: "center",
+//               }}
+//               onClick={() =>
+//                 handleApplyFilter({
+//                   id: filter.id,
+//                   value: filter.id,
+//                   name: filter.name,
+//                   label: filter.name,
+//                   code: filter.code,
+//                 })
+//               }
+//             >
+//               {filter.id === filterMaster?.saved_filters?.selectedId && (
+//                 <Box sx={{ display: "flex", alignItems: "center" }}>
+//                   <CheckBox />
+//                 </Box>
+//               )}
+
+//               <ListItemText primary={filter.name} />
+//             </ListItem>
+//           ))}
+//       </List>
+//     );
+//   };
+
+//   return (
+//     <Box className="saved-filter-component-wrapper">
+//       {!editMode && (
+//         <>
+//           <Box sx={{ mb: 2 }}>
+//             <CustomSearch
+//               value={searchTerm}
+//               onChange={setSearchTerm}
+//               className="search-input"
+//             />
+//           </Box>
+
+//           {/* ---- My Filters ---- */}
+//           <Box
+//             sx={{
+//               background: "#fff",
+//               borderRadius: "12px",
+//               border: "1px solid #eee",
+//               mb: 2,
+//               overflow: "hidden",
+//             }}
+//           >
+//             <Accordion defaultExpanded disableGutters elevation={0}>
+//               <AccordionSummary
+//                 expandIcon={<ExpandMoreIcon fontSize="small" />}
+//               >
+//                 <Typography fontWeight={600}>My Filters</Typography>
+//               </AccordionSummary>
+
+//               <Divider />
+//               <AccordionDetails
+//                 sx={{
+//                   p: "9px",
+//                   maxHeight: "320px",
+//                   overflowY: "auto",
+//                   scrollbarWidth: "thin",
+//                 }}
+//               >
+//                 {renderSavedFilterList()}
+//               </AccordionDetails>
+//             </Accordion>
+//           </Box>
+
+//           {/* ---- Shared Filters ---- */}
+//           <Box
+//             sx={{
+//               background: "#fff",
+//               borderRadius: "12px",
+//               border: "1px solid #eee",
+//               mb: 2,
+//               overflow: "hidden",
+//             }}
+//           >
+//             <Accordion disableGutters elevation={0}>
+//               <AccordionSummary
+//                 expandIcon={<ExpandMoreIcon fontSize="small" />}
+//               >
+//                 <Typography fontWeight={600}>Shared Filters</Typography>
+//               </AccordionSummary>
+
+//               <Divider />
+//               <AccordionDetails
+//                 sx={{
+//                   p: "9px",
+//                   maxHeight: "320px",
+//                   overflowY: "auto",
+//                   scrollbarWidth: "thin",
+//                 }}
+//               >
+//                 {renderSharedFilterList()}
+//               </AccordionDetails>
+//             </Accordion>
+//           </Box>
+//         </>
+//       )}
+
+//       {editMode && (
+//         <SavedFilterEditComponent
+//           columnsData={columnsData}
+//           dropdownData={dropdownData}
+//           tableStates={tableStates}
+//           editMode={editMode}
+//           setEditMode={setEditMode}
+//           searchTerm={searchTerm}
+//           setSearchTerm={setSearchTerm}
+//           onSaveFilterButtonClick={onSaveFilterButtonClick}
+//           setDeleteFilterModalOpen={setDeleteFilterModalOpen}
+//           onChangeFunction={onChangeFunction}
+//           filterComponentOptions={filterComponentOptions}
+//         />
+//       )}
+//     </Box>
+//   );
+// };
+
+// export default SavedFilter;

package/src/listing/components/login/index.tsx

@@ -9,7 +9,7 @@ const LoginButton = () => {
     setLoading(true);
     const api_url = "https://api.eth-qa.rezolut.in/api/enrol/auth";
     // const api_url = "http://localhost:6011/api/auth";
-    const email_id = "shraddha.nandurkar@rezolut.in";
+    const email_id = "kartik.shetty@rezolut.in";
     const email_otp = "123456";
     const sub_domain = "universal";