rez-table-listing-mui 2.0.14 → 2.0.15

package/src/listing/types/filter-settings.ts

@@ -21,6 +21,9 @@ export interface QuickFilterModalProps {
   activeTab?: string;
   selectAttributeData?: { label: string; value: string }[];
   selectSwinLandData?: { label: string; value: string }[];
+  laneHideListData?: { label: string; value: string }[];
+  swimLaneHideListData?: { label: string; value: string }[];
+  onSaveKanbanSettingsData?: (data: KanbanSettingsDataProps) => void;
 }
 
 type TabName = string;
@@ -33,6 +36,15 @@ export type QuickTabSortingType =
   | "count_dsc"
   | "custom";
 
+export type KanbanSortingType =
+  | "asc"
+  | "dsc"
+  | "count_asc"
+  | "count_dsc"
+  | "custom"
+  | "sort_by"
+  | null;
+
 export interface QuickTabConfigProps {
   attribute?: string;
   sorting?: QuickTabSortingType;
@@ -41,6 +53,19 @@ export interface QuickTabConfigProps {
   isAllSelected?: boolean;
   isCombineOther?: boolean;
 }
+export interface LaneTabConfigProps {
+  attribute?: string;
+  sorting?: KanbanSortingType;
+  hide_list?: { label: string; value: string }[];
+  show_list?: { label: string; value: string }[];
+  isSubLane?: boolean;
+}
+export interface SwimLameTabConfigProps {
+  attribute?: string;
+  sorting?: KanbanSortingType;
+  hide_list?: { label: string; value: string }[];
+  show_list?: { label: string; value: string }[];
+}
 
 interface ColumnItem {
   label: string;
@@ -117,6 +142,10 @@ export interface SettingsDataProps {
   column?: ColumnTabConfigProps;
   sorting?: SortingConfigProps;
 }
+export interface KanbanSettingsDataProps {
+  lane?: LaneTabConfigProps;
+  swim_lane?: SwimLameTabConfigProps;
+}
 
 export interface ToggleButtonTabsProps {
   label: string;

package/src/listing/types/table-options.ts

@@ -15,6 +15,7 @@ import {
 } from "./filter";
 import {
   ColumnTabConfigProps,
+  KanbanSettingsDataProps,
   QuickTabConfigProps,
   SavedButtonErrorProps,
   SettingsDataProps,
@@ -61,6 +62,8 @@ export interface CraftTableOptionsProps {
 export interface craftTableFilterSettingsOptionsProps {
   settingsData: SettingsDataProps;
   setSettingsData: Dispatch<SetStateAction<SettingsDataProps>>;
+  kanbanSettingsData: KanbanSettingsDataProps;
+  setKanbanSettingsData: Dispatch<SetStateAction<KanbanSettingsDataProps>>;
   showListViewSettings: boolean;
   setShowListViewSettings: Dispatch<SetStateAction<boolean>>;
   quickTabStates: QuickTabConfigProps;

package/src/view/KanbanView.tsx

@@ -1,23 +1,52 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import Kanban from "../kanban";
 import LeadCard from "../kanban/components/LeadCard";
-import { kanbanDropdownResults, useGetKanbanData } from "../kanban/hooks/hooks";
+import {
+  kanbanDropdownResults,
+  useGetAttributeDropdown,
+  useGetKanbanData,
+} from "../kanban/hooks/hooks";
 import { useCraftTable } from "../listing/libs/hooks/useCraftTable";
 import {
   useEntityTableAPI,
   useGetSettingsDataAPI,
+  useSaveSettingsDataAPI,
 } from "../listing/libs/hooks/useEntityTableAPI";
-import { ENTITY_TYPE } from "../listing/libs/utils/common";
+import { ENTITY_TYPE, MAPPED_ENTITY_TYPE } from "../listing/libs/utils/common";
 import { useCraftTableFilterSettings } from "../listing/libs/hooks/useCraftTableFilterSettings";
 import { QuickFilterSettings } from "../listing/components/table-settings";
+import { KanbanSettingsDataProps } from "../listing/types/filter-settings";
+import { useQueryClient } from "@tanstack/react-query";
 
 const KanbanView = () => {
   const { metaData, isLoading } = useGetKanbanData("LEAD");
-  const { getSettingsAPIData } = useGetSettingsDataAPI(ENTITY_TYPE);
+  const { getSettingsAPIData } = useGetSettingsDataAPI(ENTITY_TYPE, "kanban");
   const [selectedTab, setSelectedTab] = useState("All");
   const tableStates = useCraftTable();
+
+  const filterSettingStates = useCraftTableFilterSettings();
+
+  const {
+    showListViewSettings,
+    setShowListViewSettings,
+    kanbanSettingsData,
+    setKanbanSettingsData,
+  } = filterSettingStates;
+
+  const { data: laneHideListData } = useGetAttributeDropdown(
+    "LEAD",
+    kanbanSettingsData?.lane?.attribute ?? ""
+  );
+  const { data: swimLaneHideListData } = useGetAttributeDropdown(
+    "LEAD",
+    kanbanSettingsData?.swim_lane?.attribute ?? ""
+  );
+  const queryClient = useQueryClient();
+
   const [selectAttributeData] = kanbanDropdownResults("ATT", "1001");
   const [selectSwinLandData] = kanbanDropdownResults("SWM", "1001");
+  const { saveSettingsDataMutation: saveKanbanSettingsDataMutation } =
+    useSaveSettingsDataAPI(ENTITY_TYPE);
 
   const { tableData } = useEntityTableAPI({
     page: 0,
@@ -39,10 +68,36 @@ const KanbanView = () => {
     ],
     attributeFilter: [],
   });
-  const filterSettingStates = useCraftTableFilterSettings();
 
-  const { showListViewSettings, setShowListViewSettings, setSettingsData } =
-    filterSettingStates;
+  const handleSaveKanbanSetSettingsData = (
+    kanbanSettingsData: KanbanSettingsDataProps
+  ) => {
+    console.log("kanbanSettingsData", kanbanSettingsData);
+
+    const payload = {
+      entity_type: MAPPED_ENTITY_TYPE,
+      mapped_entity_type: ENTITY_TYPE,
+      mapped_json: kanbanSettingsData,
+      type: "kanban",
+    };
+
+    saveKanbanSettingsDataMutation.mutate(
+      { payload },
+      {
+        onSuccess: () => {
+          queryClient.invalidateQueries({
+            queryKey: ["GET_NAVIGATION_LAYOUT", ENTITY_TYPE],
+          });
+          queryClient.invalidateQueries({
+            queryKey: ["meta", ENTITY_TYPE],
+          });
+        },
+      }
+    );
+  };
+  useEffect(() => {
+    setKanbanSettingsData(getSettingsAPIData?.mapped_json || {});
+  }, [getSettingsAPIData]);
 
   return (
     <div>
@@ -62,6 +117,9 @@ const KanbanView = () => {
         columnsDataLoading={isLoading}
         selectAttributeData={selectAttributeData?.data}
         selectSwinLandData={selectSwinLandData?.data}
+        laneHideListData={laneHideListData}
+        swimLaneHideListData={swimLaneHideListData}
+        onSaveKanbanSettingsData={handleSaveKanbanSetSettingsData}
         // tabsApiData={settingsTabDropdownData || []}
         // tabsApiDataLoading={settingsTabDropdownPending}
         // onSaveSettingsData={handleSaveSettingsData}