{"version":3,"file":"DonutWrapper.mjs","names":["React","Box","Grid","MuiVegaLite","useReadMetaData","DonutWrapper","props","$","_c","propsComponent","id","columnSize","values","t0","xs","t1","sm","t2","md","t3","Symbol","for","width","minWidth","t4","t5","type","innerRadius","t6","theta","field","color","t7","$schema","description","data","mark","height","encoding","t8","barChartWrapperProps","structure","label","value"],"sources":["../../../../src/componentSystems/pageRenderer/wrappers/DonutWrapper.jsx"],"sourcesContent":["import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const DonutWrapper = props => {\n  const { propsComponent } = props;\n  const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n    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=\"verticalBarChart\"\n          color=\"secondary\"\n          background=\"paper\"\n          autoResize\n          actions={false}\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n            description: 'A simple donut chart with embedded data.',\n            data: {\n              values: values,\n              // values: [\n              //   { category: 1, value: 4 },\n              //   { category: 2, value: 6 },\n              //   { category: 3, value: 10 },\n              //   { category: 4, value: 3 },\n              //   { category: 5, value: 7 },\n              //   { category: 6, value: 8 },\n              // ],\n            },\n            mark: { type: 'arc', innerRadius: 160 },\n            width: 350,\n            height: 350,\n            encoding: {\n              theta: { field: 'value', type: 'quantitative' },\n              color: { field: 'category', type: 'nominal' },\n            },\n          }}\n        />\n      </Box>\n    </Grid>\n  );\n};\n\nexport const barChartWrapperProps = [\n  {\n    structure: [\n      { label: 'Data1', value: 0 },\n      { label: 'Data2', value: 1 },\n      { label: 'Data3', value: 0 },\n      { label: 'Data4', value: 1 },\n    ],\n  },\n];\n"],"mappings":";;;;;;AAKA,MAAaK,gBAAeC,UAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAC1B,MAAA,EAAAC,mBAA2BH;CAC3B,MAAA,EAAAI,IAAAC,YAAAC,WACER,gBAAgBK,eAAe;CAKzB,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;AAW7BY,OAAA,EAAAZ,QAUL;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,OAAAa,OAAAC,IAAA,4BAAA,EAAA;AACKI,OAAA;GAAAC,MAAQ;GAAKC,aAAe;GAAK;AAAApB,IAAA,KAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,OAAAa,OAAAC,IAAA,4BAAA,EAAA;AAG7BO,OAAA;GAAAC,OACD;IAAAC,OAAS;IAAOJ,MAAQ;IAAgB;GAAAK,OACxC;IAAAD,OAAS;IAAUJ,MAAQ;IAAU;GAC7C;AAAAnB,IAAA,KAAAqB;OAAAA,MAAArB,EAAA;CAAA,IAAAyB;AAAA,KAAAzB,EAAA,OAAAiB,IAAA;AAhCPQ,OAAA,sBAAA,cAAC,KAAD;GACM,IAAA;GACJ,OAAA;GACS,UAAA;GACL,IAAAb;GA+BA,EA7BJ,sBAAA,cAAC,aAAD;GACU,SAAA;GACF,OAAA;GACK,YAAA;GACX,YAAA;GACS,SAAA;GACH,MAAA;IAAAc,SACK;IAAiDC,aAC7C;IAA0CC,MACjDX;IAULY,MACKX;IAAiCH,OAChC;IAAGe,QACF;IAAGC,UACDV;IAIZ;GAEJ,CAAA,CAAM;AAAArB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAyB;OAAAA,MAAAzB,EAAA;CAAA,IAAAgC;AAAA,KAAAhC,EAAA,OAAAG,MAAAH,EAAA,OAAAM,MAAAN,EAAA,OAAAQ,MAAAR,EAAA,QAAAU,MAAAV,EAAA,QAAAyB,IAAA;AA1CRO,OAAA,sBAAA,cAAC,MAAD;GACE,MAAA;GACI,IAAA1B;GACA,IAAAE;GACA,IAAAE;GACCP,KAAAA;GAsCA,EApCLsB,GAoCK;AAAAzB,IAAA,KAAAG;AAAAH,IAAA,KAAAM;AAAAN,IAAA,KAAAQ;AAAAR,IAAA,MAAAU;AAAAV,IAAA,MAAAyB;AAAAzB,IAAA,MAAAgC;OAAAA,MAAAhC,EAAA;AAAA,QA3CPgC"}