rez-table-listing-mui 1.3.4 → 1.3.6

package/src/view/ListingView.tsx

@@ -8,18 +8,14 @@ import {
 } from "../listing/libs/hooks/useEntityTableHooks";
 import { ENTITY_TYPE, MAPPED_ENTITY_TYPE } from "../listing/libs/utils/common";
 import {
-  useCommonDropdownAPI,
-  useDeleteFilterAPI,
+  useCommonFilterDropdownAPI,
   useEntityTableAPI,
   useGetSettingsDataAPI,
-  useSavedFilterAPI,
   useSaveSettingsDataAPI,
   useSettingsDropDownAPI,
-  useUpdateFilterAPI,
 } from "../listing/libs/hooks/useEntityTableAPI";
 import { entityTableMetaMaster } from "../listing/libs/utils/apiColumn";
 import { ColumnDef } from "@tanstack/react-table";
-import { FilterMasterStateProps } from "../listing/types/filter";
 import { SettingsDataProps } from "../listing/types/filter-settings";
 import TableWrapper from "../listing/components/index-table";
 import { TableTabs } from "../listing/components/tabs";
@@ -39,8 +35,7 @@ function ListingView() {
   const tableStates = useCraftTable();
   const filterSettingStates = useCraftTableFilterSettings();
 
-  const { filters, setFilters, filterMaster, setFilterMaster, filterToDelete } =
-    tableStates;
+  const { filters, setFilters, filterMaster } = tableStates;
 
   const { showListViewSettings, setShowListViewSettings, setSettingsData } =
     filterSettingStates;
@@ -53,17 +48,13 @@ function ListingView() {
       ? filterMaster?.saved_filters?.selectedId
       : metaQuery?.data?.default_filter?.value
   );
-
-  const { savedMutation } = useSavedFilterAPI(); //API CALL FOR SAVED FILTER
-  const { deleteMutation } = useDeleteFilterAPI(tableStates); //API FOR DELETING FILTER
-  const { updateMutation } = useUpdateFilterAPI(); //API FOR UPDATE FILTER
   const { saveSettingsDataMutation } = useSaveSettingsDataAPI(ENTITY_TYPE);
-  const memoizedFilters = useMemo(() => filters, [filters]);
 
   // const { dropdownData } = useCommonDropdownAPI(
   //   dropdownColumnList || metaQuery.data.column_list
   // );
-  const { dropdownData } = useCommonDropdownAPI(memoizedFilters);
+  // const { dropdownData } = useCommonDropdownAPI(filters);
+  const { dropdownFilterData } = useCommonFilterDropdownAPI(filters);
   const { settingsTabDropdownData, settingsTabDropdownPending } =
     useSettingsDropDownAPI({
       entity_type: ENTITY_TYPE,
@@ -253,47 +244,6 @@ function ListingView() {
     );
   }, [newData, searchTerm]);
 
-  // API to handle saving a filter
-  const handleSaveFilter = (name: string) => {
-    const quickFilter = filters.map((f) => ({
-      filter_attribute: f.filter_attribute,
-      filter_operator: f.filter_operator,
-      filter_value: f.filter_value,
-    }));
-
-    const payload = {
-      name,
-      is_default: false,
-      mapped_entity_type: ENTITY_TYPE, // For that entity type
-      status: "ACTIVE",
-      entity_type: "SFM", // FIXED entity type
-      filterDetails: quickFilter,
-    };
-    const entity_type = "SFM";
-    savedMutation.mutate(
-      { entity_type, payload },
-      {
-        onSuccess: (response) => {
-          const newFilterId = response?.id;
-          if (newFilterId) {
-            setFilterMaster(
-              (prev) =>
-                ({
-                  ...prev,
-                  saved_filters: {
-                    ...prev?.saved_filters,
-                    selectedId: newFilterId.toString(),
-                    selectedName: name,
-                  },
-                  activeFilterTabIndex: 1,
-                } as FilterMasterStateProps)
-            );
-          }
-        },
-      }
-    );
-  };
-
   const handleChangeFunction = async (data: any) => {
     const payload = {
       entity_type: MAPPED_ENTITY_TYPE,
@@ -305,43 +255,6 @@ function ListingView() {
     await saveLayoutAPI(payload);
   };
 
-  // API to handle removing or deleting a filter
-  const handleRemoveFilter = () => {
-    const payload = {
-      name: filterToDelete?.label,
-      id: filterToDelete?.value,
-      is_default: false,
-      mapped_entity_type: ENTITY_TYPE,
-      status: "INACTIVE",
-      entity_type: "SFM",
-    };
-    const entity_type = "SFM";
-    deleteMutation.mutate({ entity_type, payload });
-  };
-
-  //API to update the filter
-  const handleUpdateFilter = () => {
-    console.log("handleUpdateFilter");
-
-    const quickFilter = filters.map((f) => ({
-      filter_attribute: f.filter_attribute,
-      filter_operator: f.filter_operator,
-      filter_value: f.filter_value,
-    }));
-
-    const payload = {
-      name: filterMaster?.saved_filters?.selectedName, // Name of the filter
-      is_default: false,
-      id: filterMaster?.saved_filters?.selectedId,
-      mapped_entity_type: ENTITY_TYPE,
-      status: "ACTIVE",
-      entity_type: "SFM",
-      filterDetails: quickFilter,
-    };
-    const entity_type = "SFM";
-    updateMutation.mutate({ entity_type, payload });
-  };
-
   const handleSaveSettingsData = (settingsData: SettingsDataProps) => {
     const payload = {
       entity_type: MAPPED_ENTITY_TYPE,
@@ -386,13 +299,49 @@ function ListingView() {
         component: (
           <CraftTableFilterWrapper
             tableStates={tableStates}
-            onClose={() => tableStates.setShowTableFilter(false)}
             columnsData={metaQuery.data || {}}
-            dropdownData={dropdownData || []}
+            dropdownData={dropdownFilterData || []}
             // onUpdateFilter={handleUpdateFilter}
             // onDeleteFilter={handleRemoveFilter}
             // onSaveFilter={handleSaveFilter}
             onChangeFunction={handleChangeFunction}
+            filterComponentOptions={{
+              showMainHeader: false,
+              showTabs: false,
+              isRuleEngine: true,
+              tabOptions: {
+                mainFilter: {
+                  showSaveButton: true,
+                  showClearAllButton: true,
+                },
+              },
+              recordFilterComponentProps: {
+                save: {
+                  title: "Save",
+                  description: "Are you sure you want to save your changes?",
+                  button: {
+                    primary: "Cancel",
+                    secondary: "Save",
+                  },
+                },
+                edit: {
+                  title: "Edit",
+                  description: "Are you sure you want to save your changes?",
+                  button: {
+                    primary: "Cancel",
+                    secondary: "Replace",
+                  },
+                },
+                delete: {
+                  title: "Delete",
+                  description: "Are you sure you want to save your changes?",
+                  button: {
+                    primary: "Cancel",
+                    secondary: "Delete",
+                  },
+                },
+              },
+            }}
           />
         ),
       }}