\n
\n );\n // return ;\n };\n const handleChange = ({ selectedRows }) => {\n setSelectedRows(selectedRows);\n };\n\n const handleClearRows = () => {\n props.setTableData(_.difference(props.tableData, selectedRows));\n props.setSmallTableData(selectedRows);\n props.setSmallTableNav(parseTreeNav(selectedRows));\n props.setClearSelectedRows(true);\n // props.setSmallTable(selectedRows);\n\n // setToggleClearRows(!toggledClearRows);\n };\n // const actionsMemo = React.useMemo(\n // () => Last updated = {singleData['lastUpdated']}
\n {showHistogram ? (\n \n
\n ) : null}\n {/* Distribution
\n Distribution
\n \n {' '}\n
\n ) : null}\n \n Total Records {singleData['count']}/{singleData['totalNumbers']}\n
\n\n {' '}\n {props.tableData.length == 0 ? '' : props.selectedMainNav[1]}\n
\n\n
\n \n );\n\n const customStyles = {\n rows: {\n style: {\n paddingTop: '5px',\n paddingBottom: '5px',\n },\n },\n headCells: {\n style: {\n backgroundColor: '#f5f8fe',\n fontSize: '14px',\n minHeight: '56px',\n },\n },\n subHeader: {\n style: {\n margin: 0,\n padding: 0,\n },\n },\n };\n\n return (\n \r\n
\r\n );\r\n};\r\n\r\nexport default RequestDataForm;\r\n","import RequestDataForm from './RequestDataForm';\r\nexport default RequestDataForm;\r\n","import React from 'react';\nimport Button from '@mui/material/Button';\nimport Typography from '@mui/material/Typography';\nimport ShowChartOutlinedIcon from '@mui/icons-material/ShowChartOutlined';\n\nconst UpsetDataButton = ({ buttonLabel, onClickHandler }) => (\n \r\n \r\n x\r\n \r\n <>\r\n \r\n \r\n
\r\n \n {' '}\n {props.smallTableData.length == 0 ? '' : props.selectedNav[1]}\n
\n\n
\n \n );\n\n const customStyles = {\n rows: {\n style: {\n paddingTop: '5px',\n paddingBottom: '5px',\n },\n },\n headCells: {\n style: {\n backgroundColor: '#f5f8fe',\n fontSize: '14px',\n minHeight: '56px',\n },\n },\n subHeader: {\n style: {\n margin: 0,\n padding: 0,\n },\n },\n };\n\n return (\n \r\n
\r\n );\r\n};\r\n\r\nexport default UpsetView;\r\n","import React, { useState } from 'react';\nimport ListItem from '@material-ui/core/ListItem';\nimport List from '@mui/material/List';\nimport ListItemButton from '@mui/material/ListItemButton';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport Collapse from '@material-ui/core/Collapse';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { margin } from '@mui/system';\n\nconst hasChildren = (item) => {\n const { nodes: children } = item;\n\n if (children === undefined) {\n return false;\n }\n\n if (children.constructor !== Array) {\n return false;\n }\n\n if (children.length === 0) {\n return false;\n }\n\n return true;\n};\n\nconst MenuItem = ({\n level,\n item,\n parentItem,\n setTableData,\n setSelectedMainNav,\n}) => {\n const Component = hasChildren(item) ? MultiLevel : SingleLevel;\n return (\n \r\n This view cannot be used with the environmental data.\r\n
\r\n\r\n {/* {showInfo ? (\r\n Data to be visualized
\r\n{printString(props.dataToSee)}
\r\n {/*\r\n 
\r\n
\r\n ) : null} */}\r\n {props.hideUpset ? (\r\n \r\n
\r\n ) : null}\r\n - \n {children.map((child) => (\n
\n {treeNav.map((item) => (\n
\n );\n};\n\nexport default MainDrawer;\n","import React, { useState } from 'react';\nimport ListItem from '@material-ui/core/ListItem';\nimport List from '@mui/material/List';\nimport ListItemButton from '@mui/material/ListItemButton';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport Collapse from '@material-ui/core/Collapse';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { margin } from '@mui/system';\nimport { curveNatural } from 'd3';\n\nconst hasChildren = (item) => {\n const { nodes: children } = item;\n\n if (children === undefined) {\n return false;\n }\n\n if (children.constructor !== Array) {\n return false;\n }\n\n if (children.length === 0) {\n return false;\n }\n\n return true;\n};\n\nconst SmallMenuItem = ({\n level,\n item,\n parentItem,\n setSmallTable,\n setSelectedSmallNav,\n}) => {\n const Component = hasChildren(item) ? MultiLevel : SingleLevel;\n return (\n - \n {children.map((child) => (\n
\n {smallTableNav.map((item) => (\n
\n );\n};\n\nexport default SmallDrawer;\n","import React, { useEffect, useState } from 'react';\nimport _, { result } from 'lodash';\nimport { ReflexContainer, ReflexSplitter, ReflexElement } from 'react-reflex';\nimport { BsArrowBarRight } from 'react-icons/bs';\nimport { Button, InputGroup } from 'react-bootstrap';\nimport './style.css';\nimport { readString } from 'react-papaparse';\nimport MenuPanel from './menu';\nimport Header from './header';\nimport {\n getCorrectData,\n addAditionalData,\n parseSmallTable,\n parseTreeNav,\n} from './loadData';\nimport TreeNav from './TreeNav';\nimport Search from './Search';\nimport DataTableMain from './DataTableMain/DataTableMain';\nimport DataTableSmall from './DataTableSmall/DataTableSmall';\nimport SmallTreeNav from './SmallTreeNav/SmallTreeNav';\nimport UpsetView from './upsetView/upsetView';\nimport MainDrawer from './MainDrawer/MainDrawer';\nimport SmallDrawer from './SmallDrawer/SmallDrawer';\n\nconst Views = (props) => {\n const [data, setData] = useState(null);\n const [treeNav, setTreeNav] = useState([]);\n\n const [searchData, setSearchData] = useState(null);\n const [tableData, setTableData] = useState([]);\n const [selectedMainNav, setSelectedMainNav] = useState([]);\n const [smallTable, setSmallTable] = useState([]);\n const [smallTableNav, setSmallTableNav] = useState([]);\n const [smallTableData, setSmallTableData] = useState([]);\n const [selectedSmallNav, setSelectedSmallNav] = useState([]);\n const [clearSelectedRows, setClearSelectedRows] = useState(true);\n const [dataToSee, setDataToSee] = useState([]);\n const [changeText, setChangeText] = useState(true);\n const [transferRows, setTransferRows] = useState([]);\n\n const [rowSelectCritera, setRowSelectCriteria] = useState((row) => false);\n const [databaseData, setDatabaseData] = useState([[], []]);\n const [hideUpset, setHideUpset] = useState(false);\n\n const loadData = async () => {\n try {\n const allPosts = await fetch(\n `${process.env.PUBLIC_URL}data/bioPlayground.csv`\n ).then((res) => res.text());\n return allPosts;\n } catch (err) {\n console.log(err);\n }\n };\n useEffect(() => {\n loadData().then((res) => {\n readString(res, {\n header: true,\n worker: true,\n complete: (results) => {\n var newData = addAditionalData(results.data);\n setTreeNav(parseTreeNav(results.data));\n setData(newData);\n },\n });\n });\n }, []);\n\n // const rowSelectCritera = (row) => {\n // if (smallTableData.includes(row)) {\n // return true;\n // }\n // };\n //https://www.npmjs.com/package/react-reflex\n\n return (\n <>\n \n
\n {this.state.footMessage}
\n