{"ast":null,"code":"var _jsxFileName = \"C:\\\\laragon\\\\www\\\\itokin\\\\DriverOPCDA\\\\frontend\\\\src\\\\components\\\\pages\\\\RoleManagement.jsx\";\nimport React from \"react\";\nimport Container from \"@material-ui/core/Container\";\nimport BreadCrumb from \"../layouts/Breadcrumb\";\nimport PageTitle from \"../layouts/PageTitle\";\nimport RoleList from \"../pages/Roles/RoleList\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { Box, Button } from \"@material-ui/core\";\nimport { NavLink } from \"react-router-dom\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst AddUserButton = withStyles({\n root: {\n background: \"linear-gradient(45deg, #2196F3 30%, #2196F3 90%)\",\n borderRadius: 3,\n border: 0,\n float: \"right\",\n color: \"white\",\n height: 40,\n padding: \"0 30px\",\n boxShadow: \"0 3px 20px 2px rgb(151 151 151 / 42%)\"\n },\n label: {\n textTransform: \"capitalize\"\n }\n})(Button);\nexport default class RoleManagement extends React.Component {\n constructor(props) {\n super(props);\n this.pageTitle = \"Role Management\";\n this.links = [{\n link: \"roles\",\n text: this.pageTitle\n }];\n this.state = {\n roles: []\n };\n }\n\n async componentDidMount() {\n document.title = process.env.REACT_APP_APP_NAME + \" - \" + this.pageTitle;\n }\n\n render() {\n const links = this.links;\n const pageTitle = this.pageTitle;\n return /*#__PURE__*/_jsxDEV(\"main\", {\n className: this.props.content,\n children: /*#__PURE__*/_jsxDEV(Container, {\n maxWidth: \"xl\",\n children: [/*#__PURE__*/_jsxDEV(BreadCrumb, {\n links: links\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 51,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Box, {\n boxShadow: 1,\n p: 3,\n style: {\n background: \"white\"\n },\n mt: 3,\n width: \"100%\",\n children: [/*#__PURE__*/_jsxDEV(Box, {\n children: [/*#__PURE__*/_jsxDEV(PageTitle, {\n pageTitle: pageTitle\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(Box, {\n children: /*#__PURE__*/_jsxDEV(AddUserButton, {\n component: NavLink,\n to: \"/roles/add\",\n children: \"Add Role\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 62,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 61,\n columnNumber: 15\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(RoleList, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 49,\n columnNumber: 7\n }, this);\n }\n\n}","map":{"version":3,"sources":["C:/laragon/www/itokin/DriverOPCDA/frontend/src/components/pages/RoleManagement.jsx"],"names":["React","Container","BreadCrumb","PageTitle","RoleList","withStyles","Box","Button","NavLink","AddUserButton","root","background","borderRadius","border","float","color","height","padding","boxShadow","label","textTransform","RoleManagement","Component","constructor","props","pageTitle","links","link","text","state","roles","componentDidMount","document","title","process","env","REACT_APP_APP_NAME","render","content"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,6BAAtB;AACA,OAAOC,UAAP,MAAuB,uBAAvB;AACA,OAAOC,SAAP,MAAsB,sBAAtB;AACA,OAAOC,QAAP,MAAqB,yBAArB;AACA,SAASC,UAAT,QAA2B,0BAA3B;AAEA,SAASC,GAAT,EAAcC,MAAd,QAA4B,mBAA5B;AACA,SAASC,OAAT,QAAwB,kBAAxB;;AAEA,MAAMC,aAAa,GAAGJ,UAAU,CAAC;AAC/BK,EAAAA,IAAI,EAAE;AACJC,IAAAA,UAAU,EAAE,kDADR;AAEJC,IAAAA,YAAY,EAAE,CAFV;AAGJC,IAAAA,MAAM,EAAE,CAHJ;AAIJC,IAAAA,KAAK,EAAE,OAJH;AAKJC,IAAAA,KAAK,EAAE,OALH;AAMJC,IAAAA,MAAM,EAAE,EANJ;AAOJC,IAAAA,OAAO,EAAE,QAPL;AAQJC,IAAAA,SAAS,EAAE;AARP,GADyB;AAW/BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE;AADV;AAXwB,CAAD,CAAV,CAcnBb,MAdmB,CAAtB;AAgBA,eAAe,MAAMc,cAAN,SAA6BrB,KAAK,CAACsB,SAAnC,CAA6C;AAC1DC,EAAAA,WAAW,CAACC,KAAD,EAAQ;AACjB,UAAMA,KAAN;AACA,SAAKC,SAAL,GAAiB,iBAAjB;AACA,SAAKC,KAAL,GAAa,CACX;AACEC,MAAAA,IAAI,EAAE,OADR;AAEEC,MAAAA,IAAI,EAAE,KAAKH;AAFb,KADW,CAAb;AAMA,SAAKI,KAAL,GAAa;AACXC,MAAAA,KAAK,EAAE;AADI,KAAb;AAGD;;AACsB,QAAjBC,iBAAiB,GAAG;AACxBC,IAAAA,QAAQ,CAACC,KAAT,GAAiBC,OAAO,CAACC,GAAR,CAAYC,kBAAZ,GAAiC,KAAjC,GAAyC,KAAKX,SAA/D;AACD;;AAEDY,EAAAA,MAAM,GAAG;AACP,UAAMX,KAAK,GAAG,KAAKA,KAAnB;AACA,UAAMD,SAAS,GAAG,KAAKA,SAAvB;AACA,wBACE;AAAM,MAAA,SAAS,EAAE,KAAKD,KAAL,CAAWc,OAA5B;AAAA,6BACE,QAAC,SAAD;AAAW,QAAA,QAAQ,EAAE,IAArB;AAAA,gCACE,QAAC,UAAD;AAAY,UAAA,KAAK,EAAEZ;AAAnB;AAAA;AAAA;AAAA;AAAA,gBADF,eAEE,QAAC,GAAD;AACE,UAAA,SAAS,EAAE,CADb;AAEE,UAAA,CAAC,EAAE,CAFL;AAGE,UAAA,KAAK,EAAE;AAAEf,YAAAA,UAAU,EAAE;AAAd,WAHT;AAIE,UAAA,EAAE,EAAE,CAJN;AAKE,UAAA,KAAK,EAAC,MALR;AAAA,kCAOE,QAAC,GAAD;AAAA,oCACE,QAAC,SAAD;AAAW,cAAA,SAAS,EAAEc;AAAtB;AAAA;AAAA;AAAA;AAAA,oBADF,eAEE,QAAC,GAAD;AAAA,qCACE,QAAC,aAAD;AAAe,gBAAA,SAAS,EAAEjB,OAA1B;AAAmC,gBAAA,EAAE,EAAC,YAAtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,oBAFF;AAAA;AAAA;AAAA;AAAA;AAAA,kBAPF,eAgBE,QAAC,QAAD;AAAA;AAAA;AAAA;AAAA,kBAhBF;AAAA;AAAA;AAAA;AAAA;AAAA,gBAFF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YADF;AAyBD;;AA9CyD","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 RoleList from \"../pages/Roles/RoleList\";\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 AddUserButton = 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 RoleManagement extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.pageTitle = \"Role Management\";\r\n this.links = [\r\n {\r\n link: \"roles\",\r\n text: this.pageTitle,\r\n },\r\n ];\r\n this.state = {\r\n roles: [],\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
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Add Role\r\n \r\n \r\n \r\n {/* CONTENT */}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n"]},"metadata":{},"sourceType":"module"}