{"ast":null,"code":"import React from\"react\";import{useEffect}from\"react\";import{makeStyles}from\"@material-ui/core/styles\";import Table from\"@material-ui/core/Table\";import TableBody from\"@material-ui/core/TableBody\";import TableCell from\"@material-ui/core/TableCell\";import TableContainer from\"@material-ui/core/TableContainer\";import TableHead from\"@material-ui/core/TableHead\";import TableRow from\"@material-ui/core/TableRow\";import Paper from\"@material-ui/core/Paper\";import{connect}from\"react-redux\";import{Box,Typography}from\"@material-ui/core\";import{jsxs as _jsxs}from\"react/jsx-runtime\";import{jsx as _jsx}from\"react/jsx-runtime\";var useStyles=makeStyles({table:{minWidth:650}});function DenseTable(props){var classes=useStyles();useEffect(function(){return function(){};},[props.realtimeValues]);return/*#__PURE__*/_jsxs(Box,{children:[/*#__PURE__*/_jsxs(Typography,{style:{marginBottom:\"20px\"},children:[\"Content of '\",props.realtimeSelected.TagGroupName,\"'\"]}),/*#__PURE__*/_jsx(TableContainer,{component:Paper,children:/*#__PURE__*/_jsxs(Table,{className:classes.table,size:\"small\",\"aria-label\":\"a dense table\",children:[/*#__PURE__*/_jsx(TableHead,{children:/*#__PURE__*/_jsxs(TableRow,{children:[/*#__PURE__*/_jsx(TableCell,{children:\"Tag Name\"}),/*#__PURE__*/_jsx(TableCell,{children:\"Tag Address\"}),/*#__PURE__*/_jsx(TableCell,{children:\"Value\"}),/*#__PURE__*/_jsx(TableCell,{children:\"Quality\"}),/*#__PURE__*/_jsx(TableCell,{children:\"TimeStamp\"})]})}),/*#__PURE__*/_jsx(TableBody,{children:props.realtimeValues.map(function(row,i){return/*#__PURE__*/_jsxs(TableRow,{children:[/*#__PURE__*/_jsx(TableCell,{width:\"20%\",style:{\"fontSize\":'13px'},align:\"left\",children:row.TagName}),/*#__PURE__*/_jsx(TableCell,{width:\"25%\",style:{\"fontSize\":'13px'},align:\"left\",children:row.TagAddress}),/*#__PURE__*/_jsx(TableCell,{width:\"20%\",style:{\"fontSize\":'13px'},children:row.TagValue}),/*#__PURE__*/_jsx(TableCell,{width:\"10%\",style:{\"fontSize\":'13px'},children:row.TagStatusRead}),/*#__PURE__*/_jsx(TableCell,{width:\"25%\",style:{\"fontSize\":'13px'},children:row.TagTstampOpc})]},i);})})]})})]});}var mapStateToProps=function mapStateToProps(state){return{realtimeValues:state.state_realtime_values.values,realtimeSelected:state.state_realtime_values.selected};};export default connect(mapStateToProps,null)(DenseTable);","map":{"version":3,"sources":["C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/src/components/pages/OpcRealtime/OpcRealtimeValues.jsx"],"names":["React","useEffect","makeStyles","Table","TableBody","TableCell","TableContainer","TableHead","TableRow","Paper","connect","Box","Typography","useStyles","table","minWidth","DenseTable","props","classes","realtimeValues","marginBottom","realtimeSelected","TagGroupName","map","row","i","TagName","TagAddress","TagValue","TagStatusRead","TagTstampOpc","mapStateToProps","state","state_realtime_values","values","selected"],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { connect } from \"react-redux\";\r\nimport { Box, Typography } from \"@material-ui/core\";\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n});\r\n\r\nfunction DenseTable(props) {\r\n const classes = useStyles();\r\n useEffect(() => {\r\n return () => {};\r\n }, [props.realtimeValues]);\r\n return (\r\n \r\n \r\n Content of '{props.realtimeSelected.TagGroupName}'\r\n \r\n \r\n \r\n \r\n \r\n Tag Name\r\n Tag Address\r\n Value\r\n Quality\r\n TimeStamp\r\n \r\n \r\n \r\n {props.realtimeValues.map((row, i) => (\r\n \r\n \r\n {row.TagName}\r\n \r\n \r\n {row.TagAddress}\r\n \r\n \r\n {row.TagValue}\r\n \r\n \r\n {row.TagStatusRead}\r\n \r\n \r\n {row.TagTstampOpc}\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n realtimeValues: state.state_realtime_values.values,\r\n realtimeSelected: state.state_realtime_values.selected,\r\n };\r\n};\r\nexport default connect(mapStateToProps, null)(DenseTable);\r\n"]},"metadata":{},"sourceType":"module"}