{"ast":null,"code":"import _regeneratorRuntime from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/regenerator\";import _asyncToGenerator from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/asyncToGenerator\";import _classCallCheck from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck\";import _createClass from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass\";import _inherits from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits\";import _createSuper from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createSuper\";import React from\"react\";import Container from\"@material-ui/core/Container\";import BreadCrumb from\"../layouts/Breadcrumb\";import PageTitle from\"../layouts/PageTitle\";import TagGroupList from\"./TagGroups/TagGroupList\";import{withStyles}from\"@material-ui/core/styles\";import{Box,Button}from\"@material-ui/core\";import{NavLink}from\"react-router-dom\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";var AddButton=withStyles({root:{background:\"linear-gradient(45deg, #2196F3 30%, #2196F3 90%)\",borderRadius:3,border:0,float:\"right\",color:\"white\",height:40,padding:\"0 30px\",boxShadow:\"0 3px 20px 2px rgb(151 151 151 / 42%)\"},label:{textTransform:\"capitalize\"}})(Button);var TagGroup=/*#__PURE__*/function(_React$Component){_inherits(TagGroup,_React$Component);var _super=_createSuper(TagGroup);function TagGroup(props){var _this;_classCallCheck(this,TagGroup);_this=_super.call(this,props);_this.pageTitle=\"Tag Groups\";_this.links=[{link:\"/opc/tag-groups\",text:_this.pageTitle}];_this.state={users:[]};return _this;}_createClass(TagGroup,[{key:\"componentDidMount\",value:function(){var _componentDidMount=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:document.title=process.env.REACT_APP_APP_NAME+\" - \"+this.pageTitle;case 1:case\"end\":return _context.stop();}}},_callee,this);}));function componentDidMount(){return _componentDidMount.apply(this,arguments);}return componentDidMount;}()},{key:\"render\",value:function render(){var links=this.links;var pageTitle=this.pageTitle;return/*#__PURE__*/_jsx(\"main\",{className:this.props.content,children:/*#__PURE__*/_jsxs(Container,{maxWidth:\"xl\",children:[/*#__PURE__*/_jsx(BreadCrumb,{links:links}),/*#__PURE__*/_jsxs(Box,{boxShadow:1,p:3,style:{background:\"white\"},mt:3,width:\"100%\",children:[/*#__PURE__*/_jsxs(Box,{children:[/*#__PURE__*/_jsx(PageTitle,{pageTitle:pageTitle}),/*#__PURE__*/_jsx(Box,{children:/*#__PURE__*/_jsx(AddButton,{component:NavLink,to:\"/opc/tag-groups/add\",children:\"Add Tag Group\"})})]}),/*#__PURE__*/_jsx(TagGroupList,{users:this.state.users})]})]})});}}]);return TagGroup;}(React.Component);export{TagGroup as default};","map":{"version":3,"sources":["C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/src/components/pages/TagGroup.jsx"],"names":["React","Container","BreadCrumb","PageTitle","TagGroupList","withStyles","Box","Button","NavLink","AddButton","root","background","borderRadius","border","float","color","height","padding","boxShadow","label","textTransform","TagGroup","props","pageTitle","links","link","text","state","users","document","title","process","env","REACT_APP_APP_NAME","content","Component"],"mappings":"u9BAAA,MAAOA,CAAAA,KAAP,KAAkB,OAAlB,CACA,MAAOC,CAAAA,SAAP,KAAsB,6BAAtB,CACA,MAAOC,CAAAA,UAAP,KAAuB,uBAAvB,CACA,MAAOC,CAAAA,SAAP,KAAsB,sBAAtB,CACA,MAAOC,CAAAA,YAAP,KAAyB,0BAAzB,CACA,OAASC,UAAT,KAA2B,0BAA3B,CAEA,OAASC,GAAT,CAAcC,MAAd,KAA4B,mBAA5B,CACA,OAASC,OAAT,KAAwB,kBAAxB,C,wFAEA,GAAMC,CAAAA,SAAS,CAAGJ,UAAU,CAAC,CAC3BK,IAAI,CAAE,CACJC,UAAU,CAAE,kDADR,CAEJC,YAAY,CAAE,CAFV,CAGJC,MAAM,CAAE,CAHJ,CAIJC,KAAK,CAAE,OAJH,CAKJC,KAAK,CAAE,OALH,CAMJC,MAAM,CAAE,EANJ,CAOJC,OAAO,CAAE,QAPL,CAQJC,SAAS,CAAE,uCARP,CADqB,CAW3BC,KAAK,CAAE,CACLC,aAAa,CAAE,YADV,CAXoB,CAAD,CAAV,CAcfb,MAde,CAAlB,C,GAgBqBc,CAAAA,Q,gHACnB,kBAAYC,KAAZ,CAAmB,0CACjB,uBAAMA,KAAN,EACA,MAAKC,SAAL,CAAiB,YAAjB,CACA,MAAKC,KAAL,CAAa,CACX,CACEC,IAAI,CAAE,iBADR,CAEEC,IAAI,CAAE,MAAKH,SAFb,CADW,CAAb,CAMA,MAAKI,KAAL,CAAa,CACXC,KAAK,CAAE,EADI,CAAb,CATiB,aAYlB,C,gJACD,mIACEC,QAAQ,CAACC,KAAT,CAAiBC,OAAO,CAACC,GAAR,CAAYC,kBAAZ,CAAiC,KAAjC,CAAyC,KAAKV,SAA/D,CADF,2D,mIAIA,iBAAS,CACP,GAAMC,CAAAA,KAAK,CAAG,KAAKA,KAAnB,CACA,GAAMD,CAAAA,SAAS,CAAG,KAAKA,SAAvB,CACA,mBACE,aAAM,SAAS,CAAE,KAAKD,KAAL,CAAWY,OAA5B,uBACE,MAAC,SAAD,EAAW,QAAQ,CAAE,IAArB,wBACE,KAAC,UAAD,EAAY,KAAK,CAAEV,KAAnB,EADF,cAEE,MAAC,GAAD,EACE,SAAS,CAAE,CADb,CAEE,CAAC,CAAE,CAFL,CAGE,KAAK,CAAE,CAAEb,UAAU,CAAE,OAAd,CAHT,CAIE,EAAE,CAAE,CAJN,CAKE,KAAK,CAAC,MALR,wBAOE,MAAC,GAAD,yBACE,KAAC,SAAD,EAAW,SAAS,CAAEY,SAAtB,EADF,cAEE,KAAC,GAAD,wBACE,KAAC,SAAD,EAAW,SAAS,CAAEf,OAAtB,CAA+B,EAAE,CAAC,qBAAlC,2BADF,EAFF,GAPF,cAgBE,KAAC,YAAD,EAAc,KAAK,CAAE,KAAKmB,KAAL,CAAWC,KAAhC,EAhBF,GAFF,GADF,EADF,CAyBD,C,sBA9CmC5B,KAAK,CAACmC,S,SAAvBd,Q","sourcesContent":["import React from \"react\";\r\nimport Container from \"@material-ui/core/Container\";\r\nimport BreadCrumb from \"../layouts/Breadcrumb\";\r\nimport PageTitle from \"../layouts/PageTitle\";\r\nimport TagGroupList from \"./TagGroups/TagGroupList\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\n\r\nimport { Box, Button } from \"@material-ui/core\";\r\nimport { NavLink } from \"react-router-dom\";\r\n\r\nconst AddButton = withStyles({\r\n  root: {\r\n    background: \"linear-gradient(45deg, #2196F3 30%, #2196F3 90%)\",\r\n    borderRadius: 3,\r\n    border: 0,\r\n    float: \"right\",\r\n    color: \"white\",\r\n    height: 40,\r\n    padding: \"0 30px\",\r\n    boxShadow: \"0 3px 20px 2px rgb(151 151 151 / 42%)\",\r\n  },\r\n  label: {\r\n    textTransform: \"capitalize\",\r\n  },\r\n})(Button);\r\n\r\nexport default class TagGroup extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.pageTitle = \"Tag Groups\";\r\n    this.links = [\r\n      {\r\n        link: \"/opc/tag-groups\",\r\n        text: this.pageTitle,\r\n      },\r\n    ];\r\n    this.state = {\r\n      users: [],\r\n    };\r\n  }\r\n  async componentDidMount() {\r\n    document.title = process.env.REACT_APP_APP_NAME + \" - \" + this.pageTitle;\r\n  }\r\n\r\n  render() {\r\n    const links = this.links;\r\n    const pageTitle = this.pageTitle;\r\n    return (\r\n      <main className={this.props.content}>\r\n        <Container maxWidth={\"xl\"}>\r\n          <BreadCrumb links={links} />\r\n          <Box\r\n            boxShadow={1}\r\n            p={3}\r\n            style={{ background: \"white\" }}\r\n            mt={3}\r\n            width=\"100%\"\r\n          >\r\n            <Box>\r\n              <PageTitle pageTitle={pageTitle} />\r\n              <Box>\r\n                <AddButton component={NavLink} to=\"/opc/tag-groups/add\">\r\n                  Add Tag Group\r\n                </AddButton>\r\n              </Box>\r\n            </Box>\r\n            {/* CONTENT */}\r\n            <TagGroupList users={this.state.users}></TagGroupList>\r\n          </Box>\r\n        </Container>\r\n      </main>\r\n    );\r\n  }\r\n}\r\n"]},"metadata":{},"sourceType":"module"}