rez-table-listing-mui 1.2.14 → 1.2.15

package/src/view/KanbanView.tsx

@@ -1,15 +1,67 @@
+import { useState } from "react";
 import Kanban from "../kanban";
 import LeadCard from "../kanban/components/LeadCard";
 import { useGetKanbanData } from "../kanban/hooks/hooks";
+import { useCraftTable } from "../listing/libs/hooks/useCraftTable";
+import {
+  useEntityTableAPI,
+  useGetSettingsDataAPI,
+} from "../listing/libs/hooks/useEntityTableAPI";
+import { ENTITY_TYPE } from "../listing/libs/utils/common";
+import { useCraftTableFilterSettings } from "../listing/libs/hooks/useCraftTableFilterSettings";
+import { QuickFilterSettings } from "../listing/components/table-settings";
 
 const KanbanView = () => {
-  const { rawData, isLoading } = useGetKanbanData("LEAD");
+  const { metaData, isLoading } = useGetKanbanData("LEAD");
+  const { getSettingsAPIData } = useGetSettingsDataAPI(ENTITY_TYPE);
+  const [selectedTab, setSelectedTab] = useState("All");
+  const tableStates = useCraftTable();
+  const { tableData } = useEntityTableAPI({
+    page: 0,
+    size: 50,
+    entity_type: ENTITY_TYPE,
+    tabs: {
+      columnName:
+        getSettingsAPIData?.layout_json?.quick_tab?.attribute || "status",
+      sortBy: getSettingsAPIData?.layout_json?.quick_tab?.sorting || "ASC",
+      value:
+        selectedTab.toLowerCase() === "all" ? "" : selectedTab.toLowerCase(),
+    },
+    quickFilter: tableStates.filters,
+    sortby: [
+      {
+        sortColum: "name",
+        sortType: "ASC",
+      },
+    ],
+    attributeFilter: [],
+  });
+  const filterSettingStates = useCraftTableFilterSettings();
+
+  const { showListViewSettings, setShowListViewSettings, setSettingsData } =
+    filterSettingStates;
+
   return (
-    <Kanban
-      rawData={rawData}
-      isLoading={isLoading}
-      KanbanCardComponent={LeadCard}
-    />
+    <div>
+      <Kanban
+        metaData={metaData}
+        data={tableData?.entity_list}
+        isLoading={isLoading}
+        KanbanCardComponent={LeadCard}
+        showSettings={true}
+        onOpenSettings={() => setShowListViewSettings(true)}
+      />
+      <QuickFilterSettings
+        view="kanban"
+        filterSettingStates={filterSettingStates}
+        onClose={() => setShowListViewSettings(false)}
+        columnsData={metaData || {}}
+        columnsDataLoading={isLoading}
+        // tabsApiData={settingsTabDropdownData || []}
+        // tabsApiDataLoading={settingsTabDropdownPending}
+        // onSaveSettingsData={handleSaveSettingsData}
+      />
+    </div>
   );
 };
 

package/src/view/ListingView.tsx

@@ -1,5 +1,4 @@
 import { useEffect, useMemo, useState } from "react";
-import { makeData, Person } from "../listing/libs/utils/make-hierar-data";
 import { useCraftTable } from "../listing/libs/hooks/useCraftTable";
 import { useCraftTableFilterSettings } from "../listing/libs/hooks/useCraftTableFilterSettings";
 import { useDefaultColumns } from "../listing/libs/hooks/useDefaultColumns";
@@ -18,12 +17,10 @@ import {
   useSettingsDropDownAPI,
   useUpdateFilterAPI,
 } from "../listing/libs/hooks/useEntityTableAPI";
-import { useGetKanbanData } from "../kanban/hooks/hooks";
 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 LoginButton from "../listing/components/login";
 import TableWrapper from "../listing/components/index-table";
 import { CraftTableFilter } from "..";
 import { TableTabs } from "../listing/components/tabs";
@@ -400,6 +397,7 @@ function ListingView() {
             />
 
             <QuickFilterSettings
+              view="listing"
               filterSettingStates={filterSettingStates}
               onClose={() => setShowListViewSettings(false)}
               columnsData={metaQuery.data || {}}