{"version":3,"sources":["OrgNode.jsx","OrgChart.jsx","App.js","reportWebVitals.js","index.js"],"names":["useStyles","makeStyles","theme","root","width","display","breakpoints","down","subject","title","fontSize","name","email","avatar","height","margin","OrgNode","node","nodes","classes","childNodes","filter","n","parent","id","hasOwnProperty","label","Card","className","CardContent","Avatar","src","img","Typography","color","gutterBottom","map","child","OrgChart","prime","useState","data","setData","useEffect","fetch","headers","then","response","console","log","json","myJson","App","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"8RAQMA,EAAYC,aAAW,SAACC,GAAD,MAAY,CACrCC,KAAK,aACDC,MAAO,IACPC,QAAS,gBACRH,EAAMI,YAAYC,KAAK,MAAO,CAC3BH,MAAO,MAIfI,QAAQ,aACJJ,MAAO,IACPC,QAAS,gBACRH,EAAMI,YAAYC,KAAK,MAAO,CAC3BH,MAAO,MAIfK,MAAO,CACHC,SAAU,GAEdC,KAAM,CACFD,SAAU,IAEdE,MAAO,CACHF,SAAU,GAEdG,OAAQ,CACJT,MAAO,GACPU,OAAQ,GACRC,OAAQ,YAID,SAASC,EAAT,GAAiC,IAAfC,EAAc,EAAdA,KAAMC,EAAQ,EAARA,MAC7BC,EAAUnB,IAEVoB,EAAaF,EAAMG,QAAO,SAAAC,GAAC,OAAIA,EAAEC,SAAWN,EAAKO,MA6BvD,OA3BiBP,EAAKQ,eAAe,OACjC,cAAC,IAAD,CAAMC,MACN,cAACC,EAAA,EAAD,CAAMC,UAAWT,EAAQhB,KAAzB,SACI,eAAC0B,EAAA,EAAD,WACI,cAACC,EAAA,EAAD,CAAQF,UAAWT,EAAQN,OAAQkB,IAAKd,EAAKe,MAC7C,cAACC,EAAA,EAAD,CAAYL,UAAWT,EAAQR,KAA/B,SAAsCM,EAAKN,OAC3C,cAACsB,EAAA,EAAD,CAAYL,UAAWT,EAAQV,MAAOyB,MAAM,gBAAgBC,cAAY,EAAxE,SAA0ElB,EAAKR,QAC/E,cAACwB,EAAA,EAAD,CAAYL,UAAWT,EAAQP,MAAOsB,MAAM,gBAA5C,SAA6DjB,EAAKL,aAN1E,SAUKQ,EAAWgB,KAAI,SAAAC,GAAK,OACjB,cAAC,IAAD,CAAUX,MAAO,cAACV,EAAD,CAASC,KAAMoB,EAAOnB,MAAOA,WAItD,cAACS,EAAA,EAAD,CAAMC,UAAWT,EAAQX,QAAzB,SACI,eAACqB,EAAA,EAAD,WAEI,cAACI,EAAA,EAAD,CAAYL,UAAWT,EAAQR,KAA/B,SAAsCM,EAAKN,OAC3C,cAACsB,EAAA,EAAD,CAAYL,UAAWT,EAAQV,MAAOyB,MAAM,gBAAgBC,cAAY,EAAxE,SAA0ElB,EAAKR,QAC9EW,EAAWgB,KAAI,SAAAC,GAAK,OACjB,cAACrB,EAAD,CAASC,KAAMoB,EAAOnB,MAAOA,YCiBlCoB,MAnCf,WAEI,IAAMC,EATC,CACH,CAACf,GAAI,QAASb,KAAM,gBAAiBY,OAAQ,GAAId,MAAO,iBAAkBG,MAAO,oBAAqBoB,IAAK,mDAMhG,EAGMQ,mBAAS,IAHf,mBAGRC,EAHQ,KAGHC,EAHG,KA2Bf,OALAC,qBAAU,WAjBNC,MAAM,0CACD,CACGC,QAAU,CACN,eAAgB,mBAChB,OAAU,sBAIjBC,MAAK,SAASC,GAEX,OADAC,QAAQC,IAAIF,GACLA,EAASG,UAEnBJ,MAAK,SAASK,GACXH,QAAQC,IAAIE,GACZT,EAAQS,QAKlB,IAKE,qBAAK3B,GAAG,WAAR,SACI,cAACR,EAAD,CAASC,KAAMsB,EAAM,GAAIrB,MAAOuB,OClE7BW,MAVf,WAGE,OACE,qBAAKxB,UAAU,MAAf,SACE,cAAC,EAAD,OCGSyB,EAZS,SAAAC,GAClBA,GAAeA,aAAuBC,UACxC,6BAAqBT,MAAK,YAAkD,IAA/CU,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOF,GACPG,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAQN,OCDdO,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,EAAD,MAEFC,SAASC,eAAe,SAM1BZ,M","file":"static/js/main.e7842f00.chunk.js","sourcesContent":["import React from 'react'\r\nimport { Tree, TreeNode } from 'react-organizational-chart';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Card from '@material-ui/core/Card';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Avatar from '@material-ui/core/Avatar';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n    root: {\r\n        width: 120,\r\n        display: \"inline-block\",\r\n        [theme.breakpoints.down('sm')]:{\r\n            width: 120,\r\n        },\r\n\r\n    },\r\n    subject: {\r\n        width: 152,\r\n        display: \"inline-block\",\r\n        [theme.breakpoints.down('sm')]:{\r\n            width: 152,\r\n        },\r\n\r\n    },\r\n    title: {\r\n        fontSize: 9,\r\n    },\r\n    name: {\r\n        fontSize: 12,\r\n    },\r\n    email: {\r\n        fontSize: 9,\r\n    },\r\n    avatar: {\r\n        width: 60,\r\n        height: 60,\r\n        margin: 'auto',\r\n    },\r\n}));\r\n\r\nexport default function OrgNode({node, nodes}) {\r\n    const classes = useStyles();\r\n\r\n    const childNodes = nodes.filter(n => n.parent === node.id);\r\n\r\n    const useCard =  node.hasOwnProperty(\"img\") ?\r\n        <Tree label={\r\n        <Card className={classes.root}>\r\n            <CardContent>\r\n                <Avatar className={classes.avatar} src={node.img}/>\r\n                <Typography className={classes.name}>{node.name}</Typography>\r\n                <Typography className={classes.title} color=\"textSecondary\" gutterBottom>{node.title}</Typography>\r\n                <Typography className={classes.email} color=\"textSecondary\">{node.email}</Typography>\r\n            </CardContent>\r\n\r\n        </Card> }>\r\n            {childNodes.map(child =>(\r\n                <TreeNode label={<OrgNode node={child} nodes={nodes} />} />\r\n            ))}\r\n        </Tree>\r\n        :\r\n        <Card className={classes.subject}>\r\n            <CardContent>\r\n\r\n                <Typography className={classes.name}>{node.name}</Typography>\r\n                <Typography className={classes.title} color=\"textSecondary\" gutterBottom>{node.title}</Typography>\r\n                {childNodes.map(child =>(\r\n                    <OrgNode node={child} nodes={nodes} />\r\n                ))}\r\n            </CardContent>\r\n        </Card>\r\n\r\n    return useCard\r\n}\r\n\r\n","\r\nimport React, {useState, useEffect} from 'react'\r\n\r\nimport OrgNode from './OrgNode'\r\n\r\n\r\n\r\n// const nodes = [\r\n//     { id: \"economists\", name: \"Economists\", parent: \"awilko\", title: \"Economists\", subject: \"economists\" },\r\n//     { id: \"admin\", name: \"Administrative Team\", parent: \"awilko\", title: \"Administrative Team\", subject: \"admin\" },\r\n//     { id: \"education\", name: \"Education Team\", parent: \"smallred\", title: \"Education Team\", subject: \"education\" },\r\n//     { id: \"bedleocj\", name: \"Business/Justice\", parent: \"smallred\", title: \"Business/Justice\", subject: \"bedleocj\" },\r\n//     { id: \"iggnraeq\", name: \"Infrastructure/Environment\", parent: \"smallred\", title: \"Infrastructure/Environment\", subject: \"iggnraeq\" },\r\n//     { id: \"ss\", name: \"Social Services\", parent: \"smallred\", title: \"Social Services\", subject: \"ss\" },\r\n//     { id: \"jball\", name: \"Jonathan Ball\", parent: \"\", title: \"Fiscal Analyst\", email: \"jball@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/jball.jpg\" },\r\n//     { id: \"awilko\", name: \"Andrea Wilko, Ph. D.\", parent: \"jball\", title: \"Chief Economist/Long-term Fiscal Health\", email: \"awilko@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/awilko.jpg\" },\r\n//     { id: \"smallred\", name: \"Steven Allred\", parent: \"jball\", title: \"Deputy Fiscal Analyst / Operations\", email: \"smallred@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/smallred.jpg\" },\r\n//     { id: \"bfay\", name: \"Brian Fay\", parent: \"jball\", title: \"Lead Technologist\", email: \"bfay@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/bfay.jpg\" },\r\n//     { id: \"moritt\", name: \"Maddy Orit, Ph. D. \", parent: \"economists\", title: \"Sr. Economist\", email: \"moritt@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/moritt.jpg\" },\r\n//     { id: \"bmudbhari\", name: \"Bidusha Mudbhari\", parent: \"economists\", title: \"Economist\", email: \"bmudbhari@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/bmudbhari.jpg\" },\r\n//     { id: \"pkim\", name: \"Paul Kim\", parent: \"economists\", title: \"Economist\", email: \"pkim@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/pkim.jpg\" },\r\n//     { id: \"dbenson\", name: \"Debbie Benson\", parent: \"admin\", title: \"Executive Assistant\", email: \"dbenson@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/dbenson.jpg\" },\r\n//     { id: \"sthompson\", name: \"Sally Thompson\", parent: \"admin\", title: \"Admin Assistant\", email: \"sthompson@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/sthompson.jpg\" },\r\n//     { id: \"agulley\", name: \"Arielle Gulley\", parent: \"admin\", title: \"Executive Assistant\", email: \"agulley@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/agulley.jpg\" },\r\n//     { id: \"bleishman\", name: \"Ben Leishman\", parent: \"education\", title: \"Finance Manager\", email: \"bleishman@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/bleishman.jpg\" },\r\n//     { id: \"sfaherty\", name: \"Sean Faherty\", parent: \"ss\", title: \"Finance Officer\", email: \"sfaherty@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/sfaherty.jpg\" },\r\n//     { id: \"ewillis\", name: \"Emily Willis\", parent: \"education\", title: \"Financial Analyst\", email: \"ewillis@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/ewillis.jpg\" },\r\n//     { id: \"gsyphus\", name: \"Gary Syphus\", parent: \"bedleocj\", title: \"Finance Manager\", email: \"gsyphus@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/gsyphus.jpg\" },\r\n//     { id: \"awilson\", name: \"Alex Wilson\", parent: \"bedleocj\", title: \"Financial Analyst\", email: \"awilson@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/awilson.jpg\" },\r\n//     { id: \"tdinehart\", name: \"Tim Dinehart\", parent: \"bedleocj\", title: \"Financial Analyst\", email: \"tdinehart@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/tdinehart.jpg\" },\r\n//     { id: \"idjambov\", name: \"Ivan Djambov\", parent: \"iggnraeq\", title: \"Finance Manager\", email: \"idjambov@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/idjambov.jpg\" },\r\n//     { id: \"bwikle\", name: \"Brian Wikle\", parent: \"education\", title: \"Financial Analyst\", email: \"bwikle@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/bwikle.jpg\" },\r\n//     { id: \"lmoore\", name: \"Lacey Moore\", parent: \"iggnraeq\", title: \"Financial Analyst\", email: \"lmoore@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/lmoore.jpg\" },\r\n//     { id: \"ctlence\", name: \"Clare Tobin Lence\", parent: \"jball\", title: \"Finance Manager\", email: \"ctlence@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/ctlence.jpg\" },\r\n//     { id: \"rfrandsen\", name: \"Russell Frandsen\", parent: \"ss\", title: \"Finance Officer\", email: \"rfrandsen@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/rfrandsen.jpg\" },\r\n//     { id: \"kmadsen\", name: \"Kimberly Madsen\", parent: \"ss\", title: \"Financial Analyst\", email: \"kmadsen@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/kmadsen.jpg\" },\r\n//     { id: \"TBD\", name: \"TBD\", parent: \"bfay\", title: \"Staff Technologist\", email: \"TBD@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/TBD.jpg\" },\r\n//     { id: \"akilian\", name: \"Amanda Kilian\", parent: \"iggnraeq\", title: \"Financial Analyst\", email: \"akilian@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/akilian.jpg\" },\r\n//\r\n// ];\r\n\r\nconst getPrimeNode = () => {\r\n    // TODO:  Find node without parent\r\n    return [\r\n        {id: \"jball\", name: \"Jonathan Ball\", parent: \"\", title: \"Fiscal Analyst\", email: \"jball@le.utah.gov\", img: \"https://le.utah.gov/lfa/images/staff/jball.jpg\" }\r\n    ]\r\n}\r\n\r\n\r\n\r\nfunction OrgChart(){\r\n\r\n    const prime = getPrimeNode();\r\n    const [data,setData]=useState([]);\r\n    const getData=()=>{\r\n        fetch('https://le.utah.gov/LFAApp/orgChart.jsp'\r\n            ,{\r\n                headers : {\r\n                    'Content-Type': 'application/json',\r\n                    'Accept': 'application/json'\r\n                }\r\n            }\r\n        )\r\n            .then(function(response){\r\n                console.log(response)\r\n                return response.json();\r\n            })\r\n            .then(function(myJson) {\r\n                console.log(myJson);\r\n                setData(myJson)\r\n            });\r\n    }\r\n    useEffect(()=>{\r\n        getData()\r\n    },[])\r\n\r\n\r\n    return(\r\n\r\n        <div id=\"orgChart\">\r\n            <OrgNode node={prime[0]} nodes={data} />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default OrgChart\r\n","\nimport './App.css';\nimport OrgChart from './OrgChart'\n\nfunction App() {\n\n\n  return (\n    <div className=\"App\">\n      <OrgChart />\n    </div>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}