UNPKG

rez-table-listing-mui

Version:

A rez table listing component built on TanStack Table

255 lines (252 loc) 6.07 kB
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";