react-beautiful-grid-shahab

/** @format */ import { LiaPaperclipSolid } from "react-icons/lia"; import { BsTrashFill } from "react-icons/bs"; import { FaUserSlash } from "react-icons/fa"; import { RiEyeLine } from "react-icons/ri"; import { FiPrinter } from "react-icons/fi"; import { FiArrowRightCircle } from "react-icons/fi"; export const options = [ { value: "Day", label: "Day", }, { value: "Week", label: "Week", }, { value: "Month", label: "Month", }, { value: "Year", label: "Year", }, ]; export const items = [ { key: "1", label: ( <a target='_blank' rel='noopener noreferrer' href='https://www.antgroup.com'> 1st menu item </a> ), }, { key: "2", label: ( <a target='_blank' rel='noopener noreferrer' href='https://www.aliyun.com'> 2nd menu item (disabled) </a> ), disabled: true, }, { key: "3", label: ( <a target='_blank' rel='noopener noreferrer' href='https://www.luohanacademy.com'> 3rd menu item (disabled) </a> ), disabled: true, }, { key: "4", danger: true, label: "a danger item", }, ]; export const dataSource = [ { key: "1", name: "Mike", age: 32, address: "10 Downing Street", }, { key: "2", name: "John", age: 42, address: "10 Downing Street", }, ]; // export const columns = [ // { // title: "Name", // dataIndex: "name", // key: "name", // }, // { // title: "Age", // dataIndex: "age", // key: "age", // }, // { // title: "Address", // dataIndex: "address", // key: "address", // }, // ]; export const optionItems = [ { id: 1, label: "day" }, { id: 2, label: "week" }, { id: 3, label: "month" }, { id: 4, label: "year" }, ]; export const radioOptionsMonth = [ { id: 1, label: "On day 24" }, { id: 2, label: "On the fourth Tuesday" }, { id: 3, label: "On the last Tuesday" }, ]; export const radioOptionsYear = [ { id: 1, label: "On December 24" }, { id: 2, label: "On the fourth Tuesday of December" }, { id: 3, label: "On the last Tuesday of December" }, ]; export const WeekData = [ { label: "M" }, { label: "T" }, { label: "W" }, { label: "T" }, { label: "F" }, { label: "S" }, { label: "S" }, ]; // export const WeekData = ["M", "T", "W", "Th", "F", "Sa", "Su"]; export const daySelector = [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday", ]; export const yearSelector = [ "on December 24", "on the fourth Tuesday of December", "on the last Tuesday of December", ]; export const monthSelector = [ "day 24", "the fourth Tuesday", "the last Tuesday", ]; export const columns = [ "Encounter No", "Encounter Time", "Callback Number", "Caller Name", "Contact No", "First Name", "Last Name", "Patient DOB", ]; export const data = [ { id: 1, "Encounter No": "E10001", "Encounter Time": "08:00:00", "Callback Number": "+1234567801", "Caller Name": "Alice", "Contact No": "+9876543201", "First Name": "John", "Last Name": "Doe", "Patient DOB": "1990-05-10", }, { id: 2, "Encounter No": "E10002", "Encounter Time": "09:15:00", "Callback Number": "+1234567802", "Caller Name": "Bob", "Contact No": "+9876543202", "First Name": "Jane", "Last Name": "Smith", "Patient DOB": "1985-11-23", }, { id: 3, "Encounter No": "E10003", "Encounter Time": "10:30:00", "Callback Number": "+1234567803", "Caller Name": "Charlie", "Contact No": "+9876543203", "First Name": "Alice", "Last Name": "Johnson", "Patient DOB": "1992-07-14", }, { id: 4, "Encounter No": "E10004", "Encounter Time": "11:45:00", "Callback Number": "+1234567804", "Caller Name": "Diana", "Contact No": "+9876543204", "First Name": "Mark", "Last Name": "Lee", "Patient DOB": "1995-03-18", }, { id: 5, "Encounter No": "E10005", "Encounter Time": "13:00:00", "Callback Number": "+1234567805", "Caller Name": "Eve", "Contact No": "+9876543205", "First Name": "Laura", "Last Name": "Brown", "Patient DOB": "1988-02-02", }, { id: 6, "Encounter No": "E10006", "Encounter Time": "14:15:00", "Callback Number": "+1234567806", "Caller Name": "Frank", "Contact No": "+9876543206", "First Name": "David", "Last Name": "Davis", "Patient DOB": "1980-08-21", }, { id: 7, "Encounter No": "E10007", "Encounter Time": "15:30:00", "Callback Number": "+1234567807", "Caller Name": "Grace", "Contact No": "+9876543207", "First Name": "Susan", "Last Name": "Martinez", "Patient DOB": "1999-12-12", }, { id: 8, "Encounter No": "E10008", "Encounter Time": "16:45:00", "Callback Number": "+1234567808", "Caller Name": "Hank", "Contact No": "+9876543208", "First Name": "Peter", "Last Name": "Garcia", "Patient DOB": "2002-10-30", }, { id: 9, "Encounter No": "E10009", "Encounter Time": "18:00:00", "Callback Number": "+1234567809", "Caller Name": "Ivy", "Contact No": "+9876543209", "First Name": "Megan", "Last Name": "Lopez", "Patient DOB": "1997-06-08", }, { id: 10, "Encounter No": "E10010", "Encounter Time": "19:15:00", "Callback Number": "+1234567810", "Caller Name": "Jack", "Contact No": "+9876543210", "First Name": "Chris", "Last Name": "Hernandez", "Patient DOB": "1983-04-17", }, { id: 11, "Encounter No": "E10011", "Encounter Time": "20:30:00", "Callback Number": "+1234567811", "Caller Name": "Kate", "Contact No": "+9876543211", "First Name": "Emily", "Last Name": "King", "Patient DOB": "1975-01-25", }, { id: 12, "Encounter No": "E10012", "Encounter Time": "21:45:00", "Callback Number": "+1234567812", "Caller Name": "Liam", "Contact No": "+9876543212", "First Name": "Daniel", "Last Name": "Wright", "Patient DOB": "1991-09-09", }, { id: 13, "Encounter No": "E10013", "Encounter Time": "22:00:00", "Callback Number": "+1234567813", "Caller Name": "Mia", "Contact No": "+9876543213", "First Name": "Hannah", "Last Name": "Allen", "Patient DOB": "2000-11-11", }, { id: 14, "Encounter No": "E10014", "Encounter Time": "23:15:00", "Callback Number": "+1234567814", "Caller Name": "Noah", "Contact No": "+9876543214", "First Name": "Jack", "Last Name": "Young", "Patient DOB": "1998-02-28", }, { id: 15, "Encounter No": "E10015", "Encounter Time": "00:30:00", "Callback Number": "+1234567815", "Caller Name": "Olivia", "Contact No": "+9876543215", "First Name": "Sophia", "Last Name": "Scott", "Patient DOB": "1994-07-07", }, { id: 16, "Encounter No": "E10016", "Encounter Time": "01:45:00", "Callback Number": "+1234567816", "Caller Name": "Paul", "Contact No": "+9876543216", "First Name": "Lucas", "Last Name": "Green", "Patient DOB": "1993-03-14", }, { id: 17, "Encounter No": "E10017", "Encounter Time": "03:00:00", "Callback Number": "+1234567817", "Caller Name": "Quinn", "Contact No": "+9876543217", "First Name": "Sarah", "Last Name": "Adams", "Patient DOB": "2001-10-20", }, { id: 18, "Encounter No": "E10018", "Encounter Time": "04:15:00", "Callback Number": "+1234567818", "Caller Name": "Ryan", "Contact No": "+9876543218", "First Name": "Ella", "Last Name": "Collins", "Patient DOB": "1996-08-18", }, { id: 19, "Encounter No": "E10019", "Encounter Time": "05:30:00", "Callback Number": "+1234567819", "Caller Name": "Sophia", "Contact No": "+9876543219", "First Name": "Nathan", "Last Name": "Evans", "Patient DOB": "1984-12-01", }, { id: 20, "Encounter No": "E10020", "Encounter Time": "06:45:00", "Callback Number": "+1234567820", "Caller Name": "Thomas", "Contact No": "+9876543220", "First Name": "Zoe", "Last Name": "Reed", "Patient DOB": "1989-09-22", }, { id: 21, "Encounter No": "E10021", "Encounter Time": "07:00:00", "Callback Number": "+1234567821", "Caller Name": "Uma", "Contact No": "+9876543221", "First Name": "Aaron", "Last Name": "Bell", "Patient DOB": "1997-05-15", }, { id: 22, "Encounter No": "E10022", "Encounter Time": "2025-01-22T08:15:00", "Callback Number": "+1234567822", "Caller Name": "Vera", "Contact No": "+9876543222", "First Name": "Amber", "Last Name": "Murphy", "Patient DOB": "1999-04-05", }, ]; export const IconData = [ { icon: <BsTrashFill className='w-4 h-4 text-black' />, text: "Delete" }, { icon: <LiaPaperclipSolid className='w-4 h-4 text-black' />, text: "Attach", }, { icon: <RiEyeLine className='w-4 h-4 text-black' />, text: "View" }, { icon: <FiPrinter className='w-4 h-4 text-black' />, text: "Print Label", }, { icon: <FiArrowRightCircle className='w-4 h-4 text-black' />, text: "Transfer Requests", }, { icon: <FaUserSlash className='w-4 h-4 text-black' />, text: "Career Break", }, ];