NextJS_DOC/pages/Components/TabulatorData.js

import subDays from 'date-fns/subDays';
import startOfWeek from 'date-fns/startOfWeek';
import endOfWeek from 'date-fns/endOfWeek';
import addDays from 'date-fns/addDays';
import startOfMonth from 'date-fns/startOfMonth';
import endOfMonth from 'date-fns/endOfMonth';
import addMonths from 'date-fns/addMonths';

export const tableData = [
    {id:1, name:"Billy Bob", age:"12", gender:"male", height:1, col:"red", dob:"", cheese:1},
    {id:2, name:"Mary May", age:"1", gender:"female", height:2, col:"blue", dob:"14/05/1982", cheese:true},
    {id:3, name:"Christine Lobowski", age:"42", height:0, col:"green", dob:"22/05/1982", cheese:"true"},
    {id:4, name:"Brendon Philips", age:"125", gender:"male", height:1, col:"orange", dob:"01/08/1980"},
    {id:5, name:"Margret Marmajuke", age:"16", gender:"female", height:5, col:"yellow", dob:"31/01/1999"},
    {id:6, name:"Billy Bob", age:"12", gender:"male", height:1, col:"red", dob:"", cheese:1},
    {id:7, name:"Mary May", age:"1", gender:"female", height:2, col:"blue", dob:"14/05/1982", cheese:true},
    {id:8, name:"Christine Lobowski", age:"42", height:0, col:"green", dob:"22/05/1982", cheese:"true"},
    {id:9, name:"Brendon Philips", age:"125", gender:"male", height:1, col:"orange", dob:"01/08/1980"},
    {id:10, name:"Margret Marmajuke", age:"16", gender:"female", height:5, col:"yellow", dob:"31/01/1999"},
    {id:11, name:"Margretuke", age:"16", gender:"female", height:5, col:"yellow", dob:"31/01/1999"},
    {id:12, name:"Magretarmajuke", age:"16", gender:"female", height:5, col:"yellow", dob:"31/01/1999"},
    {id:13, name:"MarMarmajuke", age:"16", gender:"female", height:5, col:"yellow", dob:"31/01/1999"},
    {id:14, name:"Marmajuke", age:"16", gender:"female", height:5, col:"yellow", dob:"31/01/1999"},
    {id:15, name:"Abcd", age:"16", gender:"female", height:5, col:"yellow", dob:"31/01/1999"},
    {id:16, name:"Efgh", age:"16", gender:"female", height:5, col:"yellow", dob:"31/01/1999"},
    {id:17, name:"Ijklm", age:"16", gender:"female", height:5, col:"yellow", dob:"31/01/1999"},
    {id:18, name:"Nopqr", age:"16", gender:"female", height:5, col:"yellow", dob:"31/01/1999"},
]
export const tableData1 = [
    {id:"1", micro:"", tier:"Tier 1", name:"Amma Aoddler Alayton", ct:"", rank:"1", score:"1", numevc:"1", numspc:"7", numocc:"5", numed:"7", numia:"5", numas:"3", numeb:"2", numec:"2", numgc:"4", nump:"4", leadc:"9", numma:"7", numsa:"6", numfa:"5", numla:"8", numtc:"6", numic:"5", ref:"1", kref:"3", oref:"2", profile_type:"test", my_kols:"test"},
    {id:"2", micro:"", tier:"Tier 1", name:"Bmma Boddler Blayton ", ct:"", rank:"2", score:"2", numevc:"2", numspc:"7", numocc:"5", numed:"7", numia:"5", numas:"3", numeb:"2", numec:"2", numgc:"4", nump:"4", leadc:"9", numma:"7", numsa:"6", numfa:"5", numla:"8", numtc:"6", numic:"5", ref:"1", kref:"3", oref:"2", profile_type:"test", my_kols:"test"},
    {id:"3", micro:"", tier:"Tier 1", name:"Cmma Coddler Clayton", ct:"", rank:"3", score:"3", numevc:"3", numspc:"7", numocc:"5", numed:"7", numia:"5", numas:"3", numeb:"2", numec:"2", numgc:"4", nump:"4", leadc:"9", numma:"7", numsa:"6", numfa:"5", numla:"8", numtc:"6", numic:"5", ref:"1", kref:"3", oref:"2", profile_type:"test", my_kols:"test"},
    {id:"4", micro:"", tier:"Tier 1", name:"Dmma Doddler Dlayton", ct:"", rank:"4", score:"4", numevc:"4", numspc:"7", numocc:"5", numed:"7", numia:"5", numas:"3", numeb:"2", numec:"2", numgc:"4", nump:"4", leadc:"9", numma:"7", numsa:"6", numfa:"5", numla:"8", numtc:"6", numic:"5", ref:"1", kref:"3", oref:"2", profile_type:"test", my_kols:"test"},
    {id:"5", micro:"", tier:"Tier 1", name:"Emma Eoddler Elayton", ct:"", rank:"5", score:"5", numevc:"5", numspc:"7", numocc:"5", numed:"7", numia:"5", numas:"3", numeb:"2", numec:"2", numgc:"4", nump:"4", leadc:"9", numma:"7", numsa:"6", numfa:"5", numla:"8", numtc:"6", numic:"5", ref:"1", kref:"3", oref:"2", profile_type:"test", my_kols:"test"},
    {id:"6", micro:"", tier:"Tier 1", name:"Fmma Foddler Flayton", ct:"", rank:"6", score:"6", numevc:"6", numspc:"7", numocc:"5", numed:"7", numia:"5", numas:"3", numeb:"2", numec:"2", numgc:"4", nump:"4", leadc:"9", numma:"7", numsa:"6", numfa:"5", numla:"8", numtc:"6", numic:"5", ref:"1", kref:"3", oref:"2", profile_type:"test", my_kols:"test"},
    {id:"7", micro:"", tier:"Tier 1", name:"Gmma Goddler Glayton", ct:"", rank:"7", score:"7", numevc:"7", numspc:"7", numocc:"5", numed:"7", numia:"5", numas:"3", numeb:"2", numec:"2", numgc:"4", nump:"4", leadc:"9", numma:"7", numsa:"6", numfa:"5", numla:"8", numtc:"6", numic:"5", ref:"1", kref:"3", oref:"2", profile_type:"test", my_kols:"test"},
    {id:"8", micro:"", tier:"Tier 1", name:"Hmma Hoddler Hlayton", ct:"", rank:"8", score:"8", numevc:"8", numspc:"7", numocc:"5", numed:"7", numia:"5", numas:"3", numeb:"2", numec:"2", numgc:"4", nump:"4", leadc:"9", numma:"7", numsa:"6", numfa:"5", numla:"8", numtc:"6", numic:"5", ref:"1", kref:"3", oref:"2", profile_type:"test", my_kols:"test"},
    {id:"9", micro:"", tier:"Tier 1", name:"Imma Ioddler Ilayton", ct:"", rank:"9", score:"9", numevc:"9", numspc:"7", numocc:"5", numed:"7", numia:"5", numas:"3", numeb:"2", numec:"2", numgc:"4", nump:"4", leadc:"9", numma:"7", numsa:"6", numfa:"5", numla:"8", numtc:"6", numic:"5", ref:"1", kref:"3", oref:"2", profile_type:"test", my_kols:"test"},
    {id:"10", micro:"", tier:"Tier 1", name:"Jmma Joddler Jlayton", ct:"", rank:"10", score:"10", numevc:"10", numspc:"7", numocc:"5", numed:"7", numia:"5", numas:"3", numeb:"2", numec:"2", numgc:"4", nump:"4", leadc:"9", numma:"7", numsa:"6", numfa:"5", numla:"8", numtc:"6", numic:"5", ref:"1", kref:"3", oref:"2", profile_type:"test", my_kols:"test"},
    {id:"11", micro:"", tier:"Tier 1", name:"Kmma Koddler Klayton", ct:"", rank:"11", score:"11", numevc:"11", numspc:"7", numocc:"5", numed:"7", numia:"5", numas:"3", numeb:"2", numec:"2", numgc:"4", nump:"4", leadc:"9", numma:"7", numsa:"6", numfa:"5", numla:"8", numtc:"6", numic:"5", ref:"1", kref:"3", oref:"2", profile_type:"test", my_kols:"test"},
    {id:"12", micro:"", tier:"Tier 1", name:"Mmma Moddler Mlayton", ct:"", rank:"12", score:"12", numevc:"12", numspc:"7", numocc:"5", numed:"7", numia:"5", numas:"3", numeb:"2", numec:"2", numgc:"4", nump:"4", leadc:"9", numma:"7", numsa:"6", numfa:"5", numla:"8", numtc:"6", numic:"5", ref:"1", kref:"3", oref:"2", profile_type:"test", my_kols:"test"},
    {id:"13", micro:"", tier:"Tier 1", name:"Nmma Noddler Nlayton", ct:"", rank:"13", score:"13", numevc:"13", numspc:"7", numocc:"5", numed:"7", numia:"5", numas:"3", numeb:"2", numec:"2", numgc:"4", nump:"4", leadc:"9", numma:"7", numsa:"6", numfa:"5", numla:"8", numtc:"6", numic:"5", ref:"1", kref:"3", oref:"2", profile_type:"test", my_kols:"test"},
    {id:"14", micro:"", tier:"Tier 1", name:"Omma Ooddler Olayton", ct:"", rank:"14", score:"14", numevc:"14", numspc:"7", numocc:"5", numed:"7", numia:"5", numas:"3", numeb:"2", numec:"2", numgc:"4", nump:"4", leadc:"9", numma:"7", numsa:"6", numfa:"5", numla:"8", numtc:"6", numic:"5", ref:"1", kref:"3", oref:"2", profile_type:"test", my_kols:"test"},
    {id:"15", micro:"", tier:"Tier 1", name:"Pmma Poddler Playton", ct:"", rank:"15", score:"15", numevc:"15", numspc:"7", numocc:"5", numed:"7", numia:"5", numas:"3", numeb:"2", numec:"2", numgc:"4", nump:"4", leadc:"9", numma:"7", numsa:"6", numfa:"5", numla:"8", numtc:"6", numic:"5", ref:"1", kref:"3", oref:"2", profile_type:"test", my_kols:"test"},
]

export const data = [
    'Eugenia',
    'Bryan',
    'Linda',
    'Nancy',
    'Lloyd',
    'Alice',
    'Julia',
    'Albert',
    'Louisa',
    'Lester',
    'Lola',
    'Lydia',
    'Hal',
    'Hannah',
    'Harriet',
    'Hattie',
    'Hazel',
    'Hilda'
].map(item => ({ label: item, value: item }));
  
export const predefinedRanges = [
    {
      label: 'Today',
      value: [new Date(), new Date()],
      placement: 'left'
    },
    {
      label: 'Yesterday',
      value: [addDays(new Date(), -1), addDays(new Date(), -1)],
      placement: 'left'
    },
    {
      label: 'This week',
      value: [startOfWeek(new Date()), endOfWeek(new Date())],
      placement: 'left'
    },
    {
      label: 'Last 7 days',
      value: [subDays(new Date(), 6), new Date()],
      placement: 'left'
    },
    {
      label: 'Last 30 days',
      value: [subDays(new Date(), 29), new Date()],
      placement: 'left'
    },
    {
      label: 'This month',
      value: [startOfMonth(new Date()), new Date()],
      placement: 'left'
    },
    {
      label: 'Last month',
      value: [startOfMonth(addMonths(new Date(), -1)), endOfMonth(addMonths(new Date(), -1))],
      placement: 'left'
    },
    {
      label: 'This year',
      value: [new Date(new Date().getFullYear(), 0, 1), new Date()],
      placement: 'left'
    },
    {
      label: 'Last year',
      value: [new Date(new Date().getFullYear() - 1, 0, 1), new Date(new Date().getFullYear(), 0, 0)],
      placement: 'left'
    },
    {
      label: 'All time',
      value: [new Date(new Date().getFullYear() - 1, 0, 1), new Date()],
      placement: 'left'
    },
    {
      label: 'Last week',
      closeOverlay: false,
      value: value => {
        const [start = new Date()] = value || [];
        return [
          addDays(startOfWeek(start, { weekStartsOn: 0 }), -7),
          addDays(endOfWeek(start, { weekStartsOn: 0 }), -7)
        ];
      },
      appearance: 'default'
    },
    {
      label: 'Next week',
      closeOverlay: false,
      value: value => {
        const [start = new Date()] = value || [];
        return [
          addDays(startOfWeek(start, { weekStartsOn: 0 }), 7),
          addDays(endOfWeek(start, { weekStartsOn: 0 }), 7)
        ];
      },
      appearance: 'default'
    }
];
export const getSearchResults = () => [
  {
      image: '',
      link: 'webtips.dev/how-to-improve-data-fetching-in-react-with-suspense',
      title: 'React msncjbdv'
  },
  {
    image: '',
    link: 'webtips.dev/how-to-improve-data-fetching-in-react-with-suspense',
    title: 'Node smcnjknjsncj'
  },
  {
    image: '',
    link: 'webtips.dev/how-to-improve-data-fetching-in-react-with-suspense',
    title: 'Next msnjcknsjkcjk'
  },
  {
    image: 'url/to/img.jpg',
    link: 'webtips.dev/how-to-improve-data-fetching-in-react-with-suspense',
    title: 'Javascript s nc nscn '
  },
  {
    image: 'url/to/img.jpg',
    link: 'webtips.dev/how-to-improve-data-fetching-in-react-with-suspense',
    title: 'NextJs ncndjnjnsdnscn '
  },
];

export const getPieChartData = () =>[
  {
    value: 1,
    title: 'ReactJs Library'
  },
  {
    value: 2,
    title: 'NodeJS package manager'
  },
  {
    value: 3,
    title: 'Next Framework'
  },
  {
    value: 4,
    title: 'Javascript library'
  },
  {
    value: 5,
    title: 'PHP Core'
  },
  {
    value: 6,
    title: 'Laravel Framework'
  },
]

export const getBarchartData = () =>[
  {
    name : "Forest",
    data : [320, 332, 301, 334, 390]
  },
  {
    name : "Steppe",
    data : [220, 182, 191, 234, 290]
  },
  {
    name : 'Desert',
    data : [150, 232, 240, 154, 190]
  },
  {
    name : 'Wetland',
    data : [98, 77, 101, 99, 40]
  }
]

export const wordcloudData = () => [
  {"x": "Mandarin chinese", "value": 1090000000, category: "Sino-Tibetan"},
  {"x": "English", "value": 983000000, category: "Indo-European"},
  {"x": "Hindustani", "value": 544000000, category: "Indo-European"},
  {"x": "Spanish", "value": 527000000, category: "Indo-European"},
  {"x": "Arabic", "value": 422000000, category: "Afro-Asiatic"},
  {"x": "Malay", "value": 281000000, category: "Austronesian"},
  {"x": "Russian", "value": 267000000, category: "Indo-European"},
  {"x": "Bengali", "value": 261000000, category: "Indo-European"},
  {"x": "Portuguese", "value": 229000000, category: "Indo-European"},
  {"x": "French", "value": 229000000, category: "Indo-European"},
  {"x": "Hausa", "value": 150000000, category: "Afro-Asiatic"},
  {"x": "Punjabi", "value": 148000000, category: "Indo-European"},
  {"x": "Japanese", "value": 129000000, category: "Japonic"},
  {"x": "German", "value": 129000000, category: "Indo-European"},
  {"x": "Persian", "value": 121000000, category: "Indo-European"}
];