rez-table-listing-mui
Version:
A rez table listing component built on TanStack Table
255 lines (252 loc) • 6.07 kB
text/typescript
export const rawData = {
lanes: [
{ id: 1, name: "Enquiry", color: "#fff0f3", darkColor: "#fea3b4" },
{ id: 2, name: "Qualified Lead", color: "#fffbed", darkColor: "#fde272" },
{ id: 3, name: "Application", color: "#ebf9fc", darkColor: "#67e3f9" },
{ id: 4, name: "Admission", color: "#edf9f3", darkColor: "#73e2a3" },
{ id: 5, name: "Documents", color: "#edf9f3", darkColor: "#73e2a3" },
{ id: 6, name: "Admission", color: "#edf9f3", darkColor: "#73e2a3" },
],
swim_lanes: [
{
id: 12,
name: "Active",
sub_lanes: [
{
id: 1,
name: "Lead Assignment",
color: "red",
lane_id: 1,
expanded: true,
},
{
id: 2,
name: "Initial Outreach",
color: "green",
lane_id: 1,
expanded: true,
},
{
id: 3,
name: "Lead Assessment",
color: "yellow",
lane_id: 2,
expanded: true,
},
{
id: 4,
name: "Campus Visit",
color: "#FFE885",
lane_id: 2,
expanded: true,
},
{
id: 5,
name: "Application Collection",
color: "#90E0F3",
lane_id: 3,
expanded: true,
},
{
id: 6,
name: "Student Assessment",
color: "#90E0F3",
lane_id: 3,
expanded: true,
},
{
id: 7,
name: "Fee Collection",
color: "#90EE90",
lane_id: 4,
expanded: true,
},
{
id: 8,
name: "System Integration",
color: "#90EE90",
lane_id: 4,
expanded: true,
},
],
},
{
id: 13,
name: "Dormant",
sub_lanes: [],
},
{
id: 14,
name: "Disqualify",
sub_lanes: [],
},
{
id: 15,
name: "Lost",
sub_lanes: [],
},
],
data: [
// Lead Assignment
{
id: 1,
name: "Aditi Sharma",
sub_lane_id: 1,
email: "aditisharma@gmail.com",
phone: "+91 9846213495",
status: "Active",
progress: 0,
days: "10 Days",
reference_id: "INQ2024XY",
priority: null,
lost: false,
},
{
id: 2,
name: "Aditi Sharma",
sub_lane_id: 1,
email: "aditisharma@gmail.com",
phone: "+91 9846213495",
status: "Active",
progress: 0,
days: "10 Days",
reference_id: "INQ2024XY",
priority: null,
lost: false,
},
// Initial Outreach
{
id: 3,
name: "Rashmi Desai",
sub_lane_id: 2,
email: "aditisharma@gmail.com",
phone: "+91 9765874320",
status: "Active",
progress: 0,
days: "10 Days",
reference_id: "INQ2024XY",
priority: null,
lost: false,
},
// Lead Assessment
{
id: 4,
name: "Aditi Sharma",
sub_lane_id: 3,
email: "aditisharma@gmail.com",
phone: "+91 9846213495",
status: "Active",
progress: 0,
days: "10 Days",
reference_id: "INQ2024XY",
priority: null,
lost: false,
},
// Campus Visit
{
id: 5,
name: "Aditi Sharma",
sub_lane_id: 4,
email: "aditisharma@gmail.com",
phone: "+91 9846213495",
status: "Lost",
progress: 0,
days: "10 Days",
reference_id: "2DQ2024XY",
priority: null,
lost: true,
},
{
id: 6,
name: "Aditi Sharma",
sub_lane_id: 4,
email: "aditisharma@gmail.com",
phone: "+91 9846213495",
status: "Active",
progress: 0,
days: "10 Days",
reference_id: "INQ2024XY",
priority: null,
lost: false,
},
// Application Collection
{
id: 7,
name: "Aditi Sharma",
sub_lane_id: 5,
email: "aditisharma@gmail.com",
phone: "+91 9452013495",
status: "Active",
progress: 0,
days: "10 Days",
reference_id: "INQ2024XY",
priority: null,
lost: false,
},
{
id: 8,
name: "Aditi Sharma",
sub_lane_id: 5,
email: "aditisharma@gmail.com",
phone: "+91 9452013495",
status: "Active",
progress: 0,
days: "10 Days",
reference_id: "INQ2024XY",
priority: null,
lost: false,
},
// Student Assessment
{
id: 9,
name: "Aditi Sharma",
sub_lane_id: 6,
email: "aditisharma@gmail.com",
phone: "+91 9452013495",
status: "Active",
progress: 0,
days: "10 Days",
reference_id: "INQ2024XY",
priority: null,
lost: false,
},
// Fee Collection
{
id: 10,
name: "Aditi Sharma",
sub_lane_id: 7,
email: "aditisharma@gmail.com",
phone: "+91 9846015495",
status: "Active",
progress: 0,
days: "You",
reference_id: "INQ2024XY",
priority: "High",
lost: false,
},
// System Integration
{
id: 11,
name: "Aditi Sharma",
sub_lane_id: 8,
email: "aditisharma@gmail.com",
phone: "+91 9846015495",
status: "Lost",
progress: 0,
days: "You",
reference_id: "INQ2024XY",
priority: "Low",
lost: true,
},
],
};
export const COLOR_CONSTANTS = [
{ color: "#fff0f3", darkColor: "#fea3b4", darkerColor: "#e31b54" },
{ color: "#fffbed", darkColor: "#fde272", darkerColor: "#ca8504" },
{ color: "#ebf9fc", darkColor: "#67e3f9", darkerColor: "#088ab2" },
{ color: "#edf9f3", darkColor: "#73e2a3", darkerColor: "#099250" },
];
export const STAGE_GROUP = "stage_group_id";
export const LEAD_STATUS = "lead_status";
export const STAGE = "stage_id";
export const LEAD_SOURCE = "lead_source";