{"version":3,"file":"LineGraphWrapper.mjs","names":["React","Grid","Box","MuiVegaLite","useReadMetaData","LineGraphWrapper","props","$","_c","propsComponent","id","columnSize","values","t0","xs","t1","sm","t2","md","t3","Symbol","for","width","minWidth","t4","t5","x","field","type","y","strokeDash","t6","$schema","description","data","mark","encoding","t7"],"sources":["../../../../src/componentSystems/pageRenderer/wrappers/LineGraphWrapper.jsx"],"sourcesContent":["import React from 'react';\nimport { Grid, Box } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const LineGraphWrapper = props => {\n  const { propsComponent } = props;\n  const { id, columnSize, x, y, values } = useReadMetaData(propsComponent);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <Box\n        mt={2}\n        clone\n        overflow=\"hidden\"\n        sx={{ width: '100%', minWidth: '100%' }}\n      >\n        <MuiVegaLite\n          variant=\"lineChart\"\n          color=\"secondary\"\n          background=\"paper\"\n          autoResize\n          actions={false}\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n            description: 'Values perdicted by the model',\n            width: 'container',\n            data: {\n              // values: [\n              //   { a: 'A', b: 28, predicted: false },\n              //   { a: 'B', b: 55, predicted: false },\n              //   { a: 'D', b: 91, predicted: false },\n              //   { a: 'E', b: 81, predicted: false },\n              //   { a: 'E', b: 81, predicted: true },\n              //   { a: 'G', b: 19, predicted: true },\n              //   { a: 'H', b: 87, predicted: true },\n              // ],\n              values: values,\n            },\n            mark: 'line',\n            encoding: {\n              x: { field: 'a', type: 'ordinal' },\n              y: { field: 'b', type: 'quantitative' },\n              strokeDash: { field: 'predicted', type: 'nominal' },\n            },\n          }}\n        />\n      </Box>\n    </Grid>\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAaK,oBAAmBC,UAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAC9B,MAAA,EAAAC,mBAA2BH;CAC3B,MAAA,EAAAI,IAAAC,YAAAC,WAAyCR,gBAAgBK,eAAe;CAKhE,MAAAI,KAAAF,YAAUG;CACV,MAAAC,KAAAJ,YAAUK;CACV,MAAAC,KAAAN,YAAUO;CAAI,IAAAC;AAAA,KAAAZ,EAAA,OAAAa,OAAAC,IAAA,4BAAA,EAAA;AAOZF,OAAA;GAAAG,OAAS;GAAMC,UAAY;GAAQ;AAAAhB,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,OAAAK,QAAA;AAY7BY,OAAA,EAAAZ,QAWL;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,OAAAa,OAAAC,IAAA,4BAAA,EAAA;AAESI,OAAA;GAAAC,GACL;IAAAC,OAAS;IAAGC,MAAQ;IAAW;GAAAC,GAC/B;IAAAF,OAAS;IAAGC,MAAQ;IAAgB;GAAAE,YAC3B;IAAAH,OAAS;IAAWC,MAAQ;IAAU;GACnD;AAAArB,IAAA,KAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAwB;AAAA,KAAAxB,EAAA,OAAAiB,IAAA;AAjCPO,OAAA,sBAAA,cAAC,KAAD;GACM,IAAA;GACJ,OAAA;GACS,UAAA;GACL,IAAAZ;GAgCA,EA9BJ,sBAAA,cAAC,aAAD;GACU,SAAA;GACF,OAAA;GACK,YAAA;GACX,YAAA;GACS,SAAA;GACH,MAAA;IAAAa,SACK;IAAiDC,aAC7C;IAA+BX,OACrC;IAAWY,MACZV;IAWLW,MACK;IAAMC,UACFX;IAKZ;GAEJ,CAAA,CAAM;AAAAlB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAwB;OAAAA,MAAAxB,EAAA;CAAA,IAAA8B;AAAA,KAAA9B,EAAA,OAAAG,MAAAH,EAAA,OAAAM,MAAAN,EAAA,OAAAQ,MAAAR,EAAA,OAAAU,MAAAV,EAAA,QAAAwB,IAAA;AA3CRM,OAAA,sBAAA,cAAC,MAAD;GACE,MAAA;GACI,IAAAxB;GACA,IAAAE;GACA,IAAAE;GACCP,KAAAA;GAuCA,EArCLqB,GAqCK;AAAAxB,IAAA,KAAAG;AAAAH,IAAA,KAAAM;AAAAN,IAAA,KAAAQ;AAAAR,IAAA,KAAAU;AAAAV,IAAA,MAAAwB;AAAAxB,IAAA,MAAA8B;OAAAA,MAAA9B,EAAA;AAAA,QA5CP8B"}