{"ast":null,"code":"var _jsxFileName = \"C:\\\\laragon\\\\www\\\\iot.mksolusi\\\\DriverOPCDA\\\\frontend\\\\src\\\\components\\\\pages\\\\OpcRealtime\\\\OpcRealtimeValues.jsx\",\n    _s = $RefreshSig$();\n\nimport React from \"react\";\nimport { useEffect } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Table from \"@material-ui/core/Table\";\nimport TableBody from \"@material-ui/core/TableBody\";\nimport TableCell from \"@material-ui/core/TableCell\";\nimport TableContainer from \"@material-ui/core/TableContainer\";\nimport TableHead from \"@material-ui/core/TableHead\";\nimport TableRow from \"@material-ui/core/TableRow\";\nimport Paper from \"@material-ui/core/Paper\";\nimport { connect } from \"react-redux\";\nimport { Box, Typography } from \"@material-ui/core\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst useStyles = makeStyles({\n  table: {\n    minWidth: 650\n  }\n});\n\nfunction DenseTable(props) {\n  _s();\n\n  const classes = useStyles();\n  useEffect(() => {\n    return () => {};\n  }, [props.realtimeValues]);\n  return /*#__PURE__*/_jsxDEV(Box, {\n    children: [/*#__PURE__*/_jsxDEV(Typography, {\n      style: {\n        marginBottom: \"20px\"\n      },\n      children: [\"Content of '\", props.realtimeSelected.TagGroupName, \"'\"]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 26,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(TableContainer, {\n      component: Paper,\n      children: /*#__PURE__*/_jsxDEV(Table, {\n        className: classes.table,\n        size: \"small\",\n        \"aria-label\": \"a dense table\",\n        children: [/*#__PURE__*/_jsxDEV(TableHead, {\n          children: /*#__PURE__*/_jsxDEV(TableRow, {\n            children: [/*#__PURE__*/_jsxDEV(TableCell, {\n              children: \"Tag Name\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 37,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(TableCell, {\n              children: \"Tag Address\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 38,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(TableCell, {\n              children: \"Value\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 39,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(TableCell, {\n              children: \"Quality\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 40,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(TableCell, {\n              children: \"TimeStamp\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 41,\n              columnNumber: 15\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 36,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 35,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(TableBody, {\n          children: props.realtimeValues.map((row, i) => /*#__PURE__*/_jsxDEV(TableRow, {\n            children: [/*#__PURE__*/_jsxDEV(TableCell, {\n              width: \"20%\",\n              style: {\n                \"fontSize\": '13px'\n              },\n              align: \"left\",\n              children: row.TagName\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 47,\n              columnNumber: 17\n            }, this), /*#__PURE__*/_jsxDEV(TableCell, {\n              width: \"25%\",\n              style: {\n                \"fontSize\": '13px'\n              },\n              align: \"left\",\n              children: row.TagAddress\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 50,\n              columnNumber: 17\n            }, this), /*#__PURE__*/_jsxDEV(TableCell, {\n              width: \"20%\",\n              style: {\n                \"fontSize\": '13px'\n              },\n              children: row.TagValue\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 53,\n              columnNumber: 17\n            }, this), /*#__PURE__*/_jsxDEV(TableCell, {\n              width: \"10%\",\n              style: {\n                \"fontSize\": '13px'\n              },\n              children: row.TagStatusRead\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 56,\n              columnNumber: 17\n            }, this), /*#__PURE__*/_jsxDEV(TableCell, {\n              width: \"25%\",\n              style: {\n                \"fontSize\": '13px'\n              },\n              children: row.TagTstampOpc\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 59,\n              columnNumber: 17\n            }, this)]\n          }, i, true, {\n            fileName: _jsxFileName,\n            lineNumber: 46,\n            columnNumber: 15\n          }, this))\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 44,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 30,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 29,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 25,\n    columnNumber: 5\n  }, this);\n}\n\n_s(DenseTable, \"OAQf9SHEQQsOOZKjohcuI3tGtQ0=\", false, function () {\n  return [useStyles];\n});\n\n_c = DenseTable;\n\nconst mapStateToProps = state => {\n  return {\n    realtimeValues: state.state_realtime_values.values,\n    realtimeSelected: state.state_realtime_values.selected\n  };\n};\n\nexport default connect(mapStateToProps, null)(DenseTable);\n\nvar _c;\n\n$RefreshReg$(_c, \"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    <Box>\r\n      <Typography style={{ marginBottom: \"20px\" }}>\r\n        Content of '{props.realtimeSelected.TagGroupName}'\r\n      </Typography>\r\n      <TableContainer component={Paper}>\r\n        <Table\r\n          className={classes.table}\r\n          size=\"small\"\r\n          aria-label=\"a dense table\"\r\n        >\r\n          <TableHead>\r\n            <TableRow>\r\n              <TableCell>Tag Name</TableCell>\r\n              <TableCell >Tag Address</TableCell>\r\n              <TableCell >Value</TableCell>\r\n              <TableCell >Quality</TableCell>\r\n              <TableCell >TimeStamp</TableCell>\r\n            </TableRow>\r\n          </TableHead>\r\n          <TableBody>\r\n            {props.realtimeValues.map((row, i) => (\r\n              <TableRow key={i}>\r\n                <TableCell width=\"20%\" style={{\"fontSize\":'13px'}} align=\"left\">\r\n                  {row.TagName}\r\n                </TableCell>\r\n                <TableCell width=\"25%\" style={{\"fontSize\":'13px'}} align=\"left\">\r\n                  {row.TagAddress}\r\n                </TableCell>\r\n                <TableCell width=\"20%\" style={{\"fontSize\":'13px'}} >\r\n                  {row.TagValue}\r\n                </TableCell>\r\n                <TableCell width=\"10%\" style={{\"fontSize\":'13px'}} >\r\n                  {row.TagStatusRead}\r\n                </TableCell>\r\n                <TableCell width=\"25%\" style={{\"fontSize\":'13px'}} >\r\n                  {row.TagTstampOpc}\r\n                </TableCell>\r\n              </TableRow>\r\n            ))}\r\n          </TableBody>\r\n        </Table>\r\n      </TableContainer>\r\n    </Box>\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"}