@data-c/ui 0.0.14-alpha.0 → 0.0.15-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-c/ui",
-  "version": "0.0.14-alpha.0",
+  "version": "0.0.15-alpha.0",
   "description": "> TODO: description",
   "author": "Raphael <raphael@datac.com.br>",
   "homepage": "https://gitlab.com/raphaelbsr/mio#readme",
@@ -32,6 +32,10 @@
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
+    "@mui/icons-material": "^5.11.0",
+    "@mui/material": "^5.11.5",
     "@storybook/addon-actions": "^6.5.15",
     "@storybook/addon-essentials": "^6.5.15",
     "@storybook/addon-interactions": "^6.5.15",
@@ -44,20 +48,14 @@
     "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",
     "babel-loader": "^8.3.0",
-    "tsup": "^6.5.0",
-    "typescript": "^4.9.4"
-  },
-  "peerDependencies": {
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "@mui/icons-material": "^5.11.0",
-    "@mui/material": "^5.11.5",
     "mui-datatables": "^4.3.0",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "tsup": "^6.5.0",
+    "typescript": "^4.9.4"
   },
   "dependencies": {
-    "@data-c/hooks": "^0.0.14-alpha.0"
+    "@data-c/hooks": "^0.0.15-alpha.0"
   },
-  "gitHead": "9718ab681652fe3fca91eedc377cdff0bdd8498d"
+  "gitHead": "dc01f33edaeff29d6fd28ce2d674e750b56ff01b"
 }

package/dist/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var S=Object.defineProperty,z=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var u=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var T=(o,r,e)=>r in o?S(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,g=(o,r)=>{for(var e in r||(r={}))y.call(r,e)&&T(o,e,r[e]);if(u)for(var e of u(r))F.call(r,e)&&T(o,e,r[e]);return o},C=(o,r)=>z(o,O(r));var h=(o,r)=>{var e={};for(var t in o)y.call(o,t)&&r.indexOf(t)<0&&(e[t]=o[t]);if(o!=null&&u)for(var t of u(o))r.indexOf(t)<0&&F.call(o,t)&&(e[t]=o[t]);return e};var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _material = require('@mui/material');function w(o){let{title:r,children:e}=o,t=_material.useMediaQuery.call(void 0, n=>n.breakpoints.down("sm"));return _react2.default.createElement(_material.Box,{sx:{display:"flex",flexDirection:t?"column":"row",justifyContent:"space-between",alignItems:"center",gap:2,marginBottom:2}},_react2.default.createElement(_material.Typography,{component:"h1",variant:"h2",sx:{fontWeight:"700"}},r),_react2.default.createElement(_material.Box,null,e))}var _muidatatables = require('mui-datatables'); var _muidatatables2 = _interopRequireDefault(_muidatatables);var N=o=>{let{count:r,rowsPerPage:e,page:t,changePage:n,changeRowsPerPage:p,rowsPerPageOptions:a}=o,d=_react.useMemo.call(void 0, ()=>Math.max(0,Math.ceil(r/e)),[r,e]);return _react2.default.createElement(_material.TableFooter,null,_react2.default.createElement(_material.TableRow,null,_react2.default.createElement(_material.TableCell,{colSpan:1e3,sx:{display:"flex",justifyContent:"flex-end",padding:"12px 12px 12px 12px"}},_react2.default.createElement(_material.Select,{size:"small",value:e,native:!0,onChange:l=>{p(l.target.value)}},a.map(l=>_react2.default.createElement("option",{key:l,value:l},l))),_react2.default.createElement(_material.Pagination,{count:d,showFirstButton:!0,showLastButton:!0,onChange:(l,P)=>{n(P)},page:t,color:"secondary"}))))},M=N;var j={body:{noMatch:"Nenhum registro encontrado",toolTip:"Ordenar"},pagination:{next:"Pr\xF3ximo",previous:"Anterior",rowsPerPage:"Linhas por p\xE1g:",displayRows:"de"},toolbar:{search:"Procurar",downloadCsv:"Download CSV",print:"Imprimir",viewColumns:"Colunas",filterTable:"Procurar na Tabela"},filter:{all:"Todos",title:"Filtros",reset:"Limpar"},viewColumns:{title:"Visualizar Colunas",titleAria:"Mostrar/Ocultar Colunas da Tabela"},selectedRows:{text:"Linhas Selecionadas",delete:"Remover",deleteAria:"Remover Linhas Selecionadas"}},c={filterType:"textField",selectableRows:"none",elevation:0,responsive:"vertical",print:!1,download:!1,filter:!1,search:!1,sort:!1,viewColumns:!1,textLabels:j,serverSide:!0,fixedHeader:!1,rowsPerPageOptions:[20,50,100]},V=o=>{let{tableTitle:r,isLoading:e,isFetching:t,data:n,columns:p,options:a,pagination:d}=o;return a&&(a.customFooter=(l,P,so,po,go,B)=>!d||e?_react2.default.createElement(_react2.default.Fragment,null):_react2.default.createElement(M,{count:d.totalRecords,page:d.page,rowsPerPage:d.pageSize,rowsPerPageOptions:(a==null?void 0:a.rowsPerPageOptions)||(c==null?void 0:c.rowsPerPageOptions),changeRowsPerPage:a==null?void 0:a.onChangeRowsPerPage,changePage:a==null?void 0:a.onChangePage,textLabels:B})),_react2.default.createElement(_react2.default.Fragment,null,t&&_react2.default.createElement(_material.LinearProgress,null),_react2.default.createElement(_muidatatables2.default,{title:r,data:n,columns:p,options:g(g({},c),a)}))},G= exports.DataTable =V;var _styles = require('@mui/material/styles');var Y=_styles.styled.call(void 0, e=>{var t=e,{className:o}=t,r=h(t,["className"]);return _react2.default.createElement(_material.Tooltip,C(g({},r),{classes:{popper:o}}))})(({theme:o})=>({[`& .${_material.tooltipClasses.tooltip}`]:{backgroundColor:"#f5f5f9",color:"rgba(0, 0, 0, 0.87)",maxWidth:320,minWidth:180,fontSize:o.typography.pxToRem(12),border:"1px solid #dadde9"}})),Z={info:"Informa\xE7\xE3o",warning:"Aten\xE7\xE3o"},oo=o=>{let{title:r,type:e}=o;return _react2.default.createElement(_material.Box,{sx:{mt:.5}},_react2.default.createElement(_material.Box,{sx:{display:"flex",flexDirection:"row",alignItems:"center",alignContent:"center"}},_react2.default.createElement(_material.Icon,{color:e,fontSize:"small"},e)," ",_react2.default.createElement(_material.Typography,{variant:"subtitle2",sx:{ml:.5}},Z[e])),_react2.default.createElement(_material.Divider,{sx:{mt:.5}}),_react2.default.createElement(_material.Box,{sx:{mt:1}},r))},D=o=>{let p=o,{type:r,children:e,title:t}=p,n=h(p,["type","children","title"]);return _react2.default.createElement(Y,g({arrow:!0,title:_react2.default.createElement(oo,{title:t||"",type:r}),enterDelay:300},n),e)};D.defaultProps={type:"info"};var eo=D;var f="#59C3E0",ao={palette:{text:{primary:"#262626",secondary:"#808080"},primary:{light:"#83EDFF",main:f,dark:"#2C96B3"},background:{default:"#F2F2F2",paper:"#FAFAFA"},error:{main:"#F44336",dark:"#BE0D00",light:"#FF6C5F"},warning:{main:"#FFCD38",dark:"#C29000",light:"#FFED58"},success:{main:"#4CAF50",dark:"#187B1C",light:"#7DE081"},grey:{800:"#202024",700:"#262626",600:"#333333",500:"#808080",400:"#BBBBBA",300:"#E0E0E0",200:"#F2F2F2",100:"#FAFAFA"}},typography:{h1:{fontSize:"2rem",fontFamily:"Poppins"},h2:{fontSize:"1.75rem"},h3:{fontSize:"1.5rem"},h4:{fontSize:"1.25rem"},h5:{fontSize:"1rem"},h6:{fontSize:"0.875rem"},button:{fontSize:"0.875rem",fontWeight:"bold",textTransform:"none"},body1:{fontSize:"1rem",color:"#262626"},body2:{fontSize:"0.875rem",color:"#808080"},fontFamily:["sans-serif","Roboto","Poppins"].join(",")},components:{MuiContainer:{defaultProps:{maxWidth:!1},styleOverrides:{root:{paddingTop:"16px",paddingBottom:"16px"}}},MuiButton:{defaultProps:{size:"medium"},styleOverrides:{root:{textTransform:"none",height:"36px",color:"#FAFAFA",fontWeight:"bold",boxShadow:"2px 3px 4px -2px rgb(32 32 36 / 30%)",":disabled":{background:"rgba(89 195 224 / 30%)",color:"rgb(128 128 128 / 60%)"}},outlined:{borderColor:f,color:f,":hover":{color:"#2C96B3",borderColor:"#2C96B3",background:"rgb(89 195 224 / 15%)"},":disabled":{background:"none",boxShadow:"none",borderColor:"#E0E0E0"}}}},MuiTextField:{defaultProps:{size:"small",fullWidth:!0},styleOverrides:{root:{"& label":{color:"#808080"}}}},MuiInputLabel:{styleOverrides:{root:{fontSize:"0.875rem"}}},MuiSvgIcon:{defaultProps:{fontSize:"small",color:"inherit"}},MuiIconButton:{defaultProps:{size:"small",color:"inherit"}},MuiPopover:{styleOverrides:{paper:{borderRadius:"12px"}}},MuiMenuItem:{styleOverrides:{root:{"&.Mui-selected":{"& .MuiIcon-root":{color:f},"& .MuiTypography-root":{color:f}},":hover":{borderRadius:"6px",background:"rgba(89, 195, 224, 15%)"}}}},MuiTableCell:{styleOverrides:{root:{padding:0,"&.selected":{backgroundColor:"#199"}},head:{backgroundColor:"#FAFAFA",border:"1px solid #D0D0D0",color:"#808080","& span":{color:"#808080"},"& div":{marginLeft:"4px"}},body:{backgroundColor:"#ffffff00",border:"1px solid #D0D0D0",borderTop:"none",borderBottom:"none","& > div":{fontSize:"9pt",paddingLeft:"6px",paddingRight:"6px",paddingTop:"2px",paddingBottom:"2px"}}}},MuiTableRow:{styleOverrides:{root:{backgroundColor:"#FFFFFF",height:"30px","&.MuiTableRow-hover":{"&:hover":{backgroundColor:"#ffffde"}}},head:{borderRadius:"4px","& div":{fontWeight:"600",fontSize:"13px",padding:"2px"}}}},MUIDataTableHeadCell:{styleOverrides:{toolButton:{height:"48px"}}},MUIDataTableBodyRow:{styleOverrides:{root:{"&:hover":{backgroundColor:"#333"},"&:nth-of-type(even)":{backgroundColor:"#F5F5F5"},"&:last-child":{borderBottom:"1px solid #D0D0D0"}}}},MuiTableHead:{styleOverrides:{root:{height:"48px"}}}}},io=_styles.createTheme.call(void 0, ao),no=_styles.responsiveFontSizes.call(void 0, io),lo= exports.theme =no;exports.DataTable = G; exports.PageTitle = w; exports.Tooltip = eo; exports.theme = lo;
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/PageTitle/index.tsx","../src/DataTable/index.tsx","../src/DataTable/components/Pagination/index.tsx","../src/Tooltip/index.tsx","../src/theme.tsx"],"names":["React","Box","Typography","useMediaQuery","PageTitle","props","title","children","isSmall","theme","LinearProgress","MUIDataTable","useMemo","TableFooter","TableRow","TableCell","Select","MuiPagination","PaginationFooter","_count","rowsPerPage","page","changePage","changeRowsPerPage","rowsPerPageOptions","countOfPages","e","option","_","_page","Pagination_default","DataGridTextLabels","defaultOptions","DataTable","tableTitle","isLoading","isFetching","data","columns","options","pagination","_rowCount","_rowsPerPage","_changeRowsPerPage","_changePage","textLabels","__spreadValues","DataTable_default","MuiTooltip","tooltipClasses","Icon","Divider","styled","CustomizedTooltip","_a","_b","className","__objRest","__spreadProps","titleMaps","Title","type","Tooltip","rest","Tooltip_default","createTheme","responsiveFontSizes","primaryColor","themeOptions","preparedTheme","theme_default"],"mappings":"+kBAAA,OAAOA,MAA0B,QACjC,OAAS,OAAAC,EAAY,cAAAC,EAAY,iBAAAC,MAAqB,gBAOvC,SAARC,EAA2BC,EAAwB,CACxD,GAAM,CAAE,MAAAC,EAAO,SAAAC,CAAS,EAAIF,EAEtBG,EAAUL,EAAeM,GAAiBA,EAAM,YAAY,KAAK,IAAI,CAAC,EAE5E,OACET,EAAA,cAACC,EAAA,CACC,GAAI,CACF,QAAS,OACT,cAAgBO,EAAkB,SAAR,MAC1B,eAAgB,gBAChB,WAAY,SACZ,IAAK,EACL,aAAc,CAChB,GAEAR,EAAA,cAACE,EAAA,CAAW,UAAU,KAAK,QAAQ,KAAK,GAAI,CAAE,WAAY,KAAM,GAC7DI,CACH,EAEAN,EAAA,cAACC,EAAA,KAAKM,CAAS,CACjB,CAEJ,CC/BA,OAAOP,MAAW,QAClB,OAAS,kBAAAU,MAAsB,gBAE/B,OAAOC,MAGA,iBCNP,OAAOX,GAAS,WAAAY,MAAe,QAC/B,OACE,eAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,cAAcC,MACT,gBAEP,IAAMC,EAAoBb,GAAe,CACvC,GAAM,CACJ,MAAOc,EACP,YAAAC,EACA,KAAAC,EACA,WAAAC,EACA,kBAAAC,EACA,mBAAAC,CACF,EAAInB,EAEEoB,EAAeb,EAAQ,IACpB,KAAK,IAAI,EAAG,KAAK,KAAKO,EAASC,CAAW,CAAC,EACjD,CAACD,EAAQC,CAAW,CAAC,EAExB,OACEpB,EAAA,cAACa,EAAA,KACCb,EAAA,cAACc,EAAA,KACCd,EAAA,cAACe,EAAA,CACC,QAAS,IACT,GAAI,CACF,QAAS,OACT,eAAgB,WAChB,QAAS,qBACX,GAEAf,EAAA,cAACgB,EAAA,CACC,KAAK,QACL,MAAOI,EACP,OAAM,GACN,SAAWM,GAAM,CACfH,EAAkBG,EAAE,OAAO,KAAK,CAClC,GAECF,EAAmB,IAAKG,GACvB3B,EAAA,cAAC,UAAO,IAAK2B,EAAQ,MAAOA,GACzBA,CACH,CACD,CACH,EACA3B,EAAA,cAACiB,EAAA,CACC,MAAOQ,EACP,gBAAe,GACf,eAAc,GACd,SAAU,CAACG,EAAGC,IAAU,CACtBP,EAAWO,CAAK,CAClB,EACA,KAAMR,EACN,MAAM,YACR,CACF,CACF,CACF,CAEJ,EAEOS,EAAQZ,ED/Cf,IAAMa,EAAqB,CACzB,KAAM,CACJ,QAAS,6BACT,QAAS,SACX,EACA,WAAY,CACV,KAAM,aACN,SAAU,WACV,YAAa,qBACb,YAAa,IACf,EACA,QAAS,CACP,OAAQ,WACR,YAAa,eACb,MAAO,WACP,YAAa,UACb,YAAa,oBACf,EACA,OAAQ,CACN,IAAK,QACL,MAAO,UACP,MAAO,QACT,EACA,YAAa,CACX,MAAO,qBACP,UAAW,mCACb,EACA,aAAc,CACZ,KAAM,sBACN,OAAQ,UACR,WAAY,6BACd,CACF,EAEMC,EAAsC,CAC1C,WAAY,YACZ,eAAgB,OAChB,UAAW,EACX,WAAY,WACZ,MAAO,GACP,SAAU,GACV,OAAQ,GACR,OAAQ,GACR,KAAM,GACN,YAAa,GACb,WAAYD,EACZ,WAAY,GACZ,YAAa,GACb,mBAAoB,CAAC,GAAI,GAAI,GAAG,CAClC,EAEME,EAAa5B,GAA0B,CAC3C,GAAM,CACJ,WAAA6B,EACA,UAAAC,EACA,WAAAC,EACA,KAAAC,EACA,QAAAC,EACA,QAAAC,EACA,WAAAC,CACF,EAAInC,EAEJ,OAAIkC,IACFA,EAAQ,aAAe,CACrBE,EACAZ,EACAa,GACAC,GACAC,GACAC,IAEI,CAACL,GAAcL,EAAkBnC,EAAA,cAAAA,EAAA,aAAE,EAErCA,EAAA,cAAC8B,EAAA,CACC,MAAOU,EAAW,aAClB,KAAMA,EAAW,KACjB,YAAaA,EAAW,SACxB,oBACED,GAAA,YAAAA,EAAS,sBAAsBP,GAAA,YAAAA,EAAgB,oBAEjD,kBAAmBO,GAAA,YAAAA,EAAS,oBAC5B,WAAYA,GAAA,YAAAA,EAAS,aACrB,WAAYM,EACd,GAMJ7C,EAAA,cAACA,EAAM,SAAN,KACEoC,GAAcpC,EAAA,cAACU,EAAA,IAAe,EAC/BV,EAAA,cAACW,EAAA,CACC,MAAOuB,EACP,KAAMG,EACN,QAASC,EACT,QAASQ,IAAA,GAAKd,GAAmBO,GACnC,CACF,CAEJ,EAEOQ,EAAQd,EEtHf,OACE,WAAWe,EAEX,kBAAAC,EACA,OAAAhD,EACA,QAAAiD,EACA,cAAAhD,EACA,WAAAiD,MACK,gBACP,OAAS,UAAAC,MAAc,uBACvB,OAAOpD,MAAW,QAMlB,IAAMqD,EAAoBD,EAAQE,GAA0C,CAA1C,IAAAC,EAAAD,EAAE,WAAAE,CAhBpC,EAgBkCD,EAAgBlD,EAAAoD,EAAhBF,EAAgB,CAAd,cAClC,OAAAvD,EAAA,cAACgD,EAAAU,EAAAZ,EAAA,GAAezC,GAAf,CAAsB,QAAS,CAAE,OAAQmD,CAAU,GAAG,EACxD,EAAE,CAAC,CAAE,MAAA/C,CAAM,KAAO,CACjB,CAAC,MAAMwC,EAAe,WAAY,CAChC,gBAAiB,UACjB,MAAO,sBACP,SAAU,IACV,SAAU,IACV,SAAUxC,EAAM,WAAW,QAAQ,EAAE,EACrC,OAAQ,mBACV,CACF,EAAE,EAEIkD,EAAY,CAChB,KAAM,mBACN,QAAS,eACX,EAEMC,GAASvD,GAGT,CACJ,GAAM,CAAE,MAAAC,EAAO,KAAAuD,CAAK,EAAIxD,EACxB,OACEL,EAAA,cAACC,EAAA,CAAI,GAAI,CAAE,GAAI,EAAI,GACjBD,EAAA,cAACC,EAAA,CACC,GAAI,CACF,QAAS,OACT,cAAe,MACf,WAAY,SACZ,aAAc,QAChB,GAEAD,EAAA,cAACkD,EAAA,CAAK,MAAOW,EAAM,SAAS,SACzBA,CACH,EAAQ,IACR7D,EAAA,cAACE,EAAA,CAAW,QAAQ,YAAY,GAAI,CAAE,GAAI,EAAI,GAC3CyD,EAAUE,EACb,CACF,EACA7D,EAAA,cAACmD,EAAA,CAAQ,GAAI,CAAE,GAAI,EAAI,EAAG,EAC1BnD,EAAA,cAACC,EAAA,CAAI,GAAI,CAAE,GAAI,CAAE,GAAIK,CAAM,CAC7B,CAEJ,EAEMwD,EAAWzD,GAAwB,CACvC,IAA2CiD,EAAAjD,EAAnC,MAAAwD,EAAM,SAAAtD,EAAU,MAAAD,CA/D1B,EA+D6CgD,EAATS,EAAAN,EAASH,EAAT,CAA1B,OAAM,WAAU,UACxB,OACEtD,EAAA,cAACqD,EAAAP,EAAA,CACC,MAAK,GACL,MAAO9C,EAAA,cAAC4D,GAAA,CAAM,MAAOtD,GAAS,GAAI,KAAMuD,EAAM,EAC9C,WAAY,KACRE,GAEHxD,CACH,CAEJ,EAEAuD,EAAQ,aAAe,CACrB,KAAM,MACR,EAEA,IAAOE,GAAQF,EChFf,OACE,eAAAG,GACA,uBAAAC,OAEK,uBAEP,IAAMC,EAAe,UAQfC,GAA6B,CACjC,QAAS,CACP,KAAM,CACJ,QAAS,UACT,UAAW,SACb,EACA,QAAS,CACP,MAAO,UACP,KAAMD,EACN,KAAM,SACR,EACA,WAAY,CACV,QAAS,UACT,MAAO,SACT,EACA,MAAO,CACL,KAAM,UACN,KAAM,UACN,MAAO,SACT,EACA,QAAS,CACP,KAAM,UACN,KAAM,UACN,MAAO,SACT,EACA,QAAS,CACP,KAAM,UACN,KAAM,UACN,MAAO,SACT,EACA,KAAM,CACJ,IAAO,UACP,IAAO,UACP,IAAO,UACP,IAAO,UACP,IAAO,UACP,IAAO,UACP,IAAO,UACP,IAAO,SACT,CACF,EACA,WAAY,CACV,GAAI,CACF,SAAU,OACV,WAAY,SACd,EACA,GAAI,CACF,SAAU,SACZ,EACA,GAAI,CACF,SAAU,QACZ,EACA,GAAI,CACF,SAAU,SACZ,EACA,GAAI,CACF,SAAU,MACZ,EACA,GAAI,CACF,SAAU,UACZ,EACA,OAAQ,CACN,SAAU,WACV,WAAY,OACZ,cAAe,MACjB,EACA,MAAO,CACL,SAAU,OACV,MAAO,SACT,EACA,MAAO,CACL,SAAU,WACV,MAAO,SACT,EAEA,WAAY,CAAC,aAAc,SAAU,SAAS,EAAE,KAAK,GAAG,CAC1D,EACA,WAAY,CACV,aAAc,CACZ,aAAc,CACZ,SAAU,EACZ,EACA,eAAgB,CACd,KAAM,CACJ,WAAY,OACZ,cAAe,MACjB,CACF,CACF,EACA,UAAW,CACT,aAAc,CACZ,KAAM,QACR,EACA,eAAgB,CACd,KAAM,CACJ,cAAe,OACf,OAAQ,OACR,MAAO,UACP,WAAY,OACZ,UAAW,uCACX,YAAa,CACX,WAAY,yBACZ,MAAO,wBACT,CACF,EACA,SAAU,CACR,YAAaA,EACb,MAAOA,EACP,SAAU,CACR,MAAO,UACP,YAAa,UACb,WAAY,uBACd,EACA,YAAa,CACX,WAAY,OACZ,UAAW,OACX,YAAa,SACf,CACF,CACF,CACF,EACA,aAAc,CACZ,aAAc,CACZ,KAAM,QACN,UAAW,EACb,EACA,eAAgB,CACd,KAAM,CACJ,UAAW,CACT,MAAO,SACT,CACF,CACF,CACF,EACA,cAAe,CACb,eAAgB,CACd,KAAM,CACJ,SAAU,UACZ,CACF,CACF,EACA,WAAY,CACV,aAAc,CACZ,SAAU,QACV,MAAO,SACT,CACF,EACA,cAAe,CACb,aAAc,CACZ,KAAM,QACN,MAAO,SACT,CACF,EACA,WAAY,CACV,eAAgB,CACd,MAAO,CACL,aAAc,MAChB,CACF,CACF,EACA,YAAa,CACX,eAAgB,CACd,KAAM,CACJ,iBAAkB,CAChB,kBAAmB,CACjB,MAAOA,CACT,EACA,wBAAyB,CACvB,MAAOA,CACT,CACF,EACA,SAAU,CACR,aAAc,MACd,WAAY,yBACd,CACF,CACF,CACF,EAEA,aAAc,CACZ,eAAgB,CACd,KAAM,CACJ,QAAS,EACT,aAAc,CACZ,gBAAiB,MACnB,CAIF,EACA,KAAM,CACJ,gBAAiB,UACjB,OAAQ,oBACR,MAAO,UACP,SAAU,CACR,MAAO,SACT,EACA,QAAS,CACP,WAAY,KACd,CACF,EACA,KAAM,CACJ,gBAAiB,YACjB,OAAQ,oBACR,UAAW,OACX,aAAc,OACd,UAAW,CACT,SAAU,MACV,YAAa,MACb,aAAc,MACd,WAAY,MACZ,cAAe,KACjB,CACF,CACF,CACF,EAEA,YAAa,CACX,eAAgB,CACd,KAAM,CACJ,gBAAiB,UACjB,OAAQ,OACR,sBAAuB,CACrB,UAAW,CACT,gBAAiB,SACnB,CACF,CACF,EAEA,KAAM,CACJ,aAAc,MACd,QAAS,CACP,WAAY,MACZ,SAAU,OACV,QAAS,KACX,CACF,CACF,CACF,EAEA,qBAAsB,CACpB,eAAgB,CACd,WAAY,CACV,OAAQ,MACV,CASF,CACF,EAEA,oBAAqB,CACnB,eAAgB,CACd,KAAM,CACJ,UAAW,CACT,gBAAiB,MACnB,EACA,sBAAuB,CACrB,gBAAiB,SACnB,EACA,eAAgB,CACd,aAAc,mBAChB,CACF,CACF,CACF,EAEA,aAAc,CACZ,eAAgB,CACd,KAAM,CACJ,OAAQ,MACV,CACF,CACF,CACF,CACF,EAEME,GAAgBJ,GAAYG,EAAY,EACxC3D,GAAQyD,GAAoBG,EAAa,EAExCC,GAAQ7D","sourcesContent":["import React, { ReactNode } from \"react\";\nimport { Box, Theme, Typography, useMediaQuery } from \"@mui/material\";\n\ninterface PageHeaderProps {\n  title: string;\n  children?: ReactNode;\n}\n\nexport default function PageTitle(props: PageHeaderProps) {\n  const { title, children } = props;\n\n  const isSmall = useMediaQuery((theme: Theme) => theme.breakpoints.down(\"sm\"));\n\n  return (\n    <Box\n      sx={{\n        display: \"flex\",\n        flexDirection: !isSmall ? \"row\" : \"column\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n        gap: 2,\n        marginBottom: 2,\n      }}\n    >\n      <Typography component=\"h1\" variant=\"h2\" sx={{ fontWeight: \"700\" }}>\n        {title}\n      </Typography>\n\n      <Box>{children}</Box>\n    </Box>\n  );\n}\n","import React from 'react'\nimport { LinearProgress } from '@mui/material'\n\nimport MUIDataTable, {\n  MUIDataTableOptions,\n  MUIDataTableProps,\n} from 'mui-datatables'\nimport { PaginationProps } from '@data-c/hooks'\nimport PaginationFooter from './components/Pagination'\n\nexport interface DataTableProps extends Omit<MUIDataTableProps, 'title'> {\n  isLoading?: boolean\n  isFetching?: boolean\n  tableTitle?: string\n  pagination?: PaginationProps\n}\n\nconst DataGridTextLabels = {\n  body: {\n    noMatch: 'Nenhum registro encontrado',\n    toolTip: 'Ordenar',\n  },\n  pagination: {\n    next: 'Próximo',\n    previous: 'Anterior',\n    rowsPerPage: 'Linhas por pág:',\n    displayRows: 'de',\n  },\n  toolbar: {\n    search: 'Procurar',\n    downloadCsv: 'Download CSV',\n    print: 'Imprimir',\n    viewColumns: 'Colunas',\n    filterTable: 'Procurar na Tabela',\n  },\n  filter: {\n    all: 'Todos',\n    title: 'Filtros',\n    reset: 'Limpar',\n  },\n  viewColumns: {\n    title: 'Visualizar Colunas',\n    titleAria: 'Mostrar/Ocultar Colunas da Tabela',\n  },\n  selectedRows: {\n    text: 'Linhas Selecionadas',\n    delete: 'Remover',\n    deleteAria: 'Remover Linhas Selecionadas',\n  },\n}\n\nconst defaultOptions: MUIDataTableOptions = {\n  filterType: 'textField',\n  selectableRows: 'none',\n  elevation: 0,\n  responsive: 'vertical',\n  print: false,\n  download: false,\n  filter: false,\n  search: false,\n  sort: false,\n  viewColumns: false,\n  textLabels: DataGridTextLabels,\n  serverSide: true,\n  fixedHeader: false,\n  rowsPerPageOptions: [20, 50, 100],\n}\n\nconst DataTable = (props: DataTableProps) => {\n  const {\n    tableTitle,\n    isLoading,\n    isFetching,\n    data,\n    columns,\n    options,\n    pagination,\n  } = props\n\n  if (options) {\n    options.customFooter = (\n      _rowCount,\n      _page,\n      _rowsPerPage,\n      _changeRowsPerPage,\n      _changePage,\n      textLabels,\n    ) => {\n      if (!pagination || isLoading) return <></>\n      return (\n        <PaginationFooter\n          count={pagination.totalRecords}\n          page={pagination.page}\n          rowsPerPage={pagination.pageSize}\n          rowsPerPageOptions={\n            options?.rowsPerPageOptions || defaultOptions?.rowsPerPageOptions\n          }\n          changeRowsPerPage={options?.onChangeRowsPerPage}\n          changePage={options?.onChangePage}\n          textLabels={textLabels}\n        />\n      )\n    }\n  }\n\n  return (\n    <React.Fragment>\n      {isFetching && <LinearProgress />}\n      <MUIDataTable\n        title={tableTitle}\n        data={data}\n        columns={columns}\n        options={{ ...defaultOptions, ...options }}\n      />\n    </React.Fragment>\n  )\n}\n\nexport default DataTable\n","import React, { useMemo } from 'react'\nimport {\n  TableFooter,\n  TableRow,\n  TableCell,\n  Select,\n  Pagination as MuiPagination,\n} from '@mui/material'\n\nconst PaginationFooter = (props: any) => {\n  const {\n    count: _count,\n    rowsPerPage,\n    page,\n    changePage,\n    changeRowsPerPage,\n    rowsPerPageOptions,\n  } = props\n\n  const countOfPages = useMemo(() => {\n    return Math.max(0, Math.ceil(_count / rowsPerPage))\n  }, [_count, rowsPerPage])\n\n  return (\n    <TableFooter>\n      <TableRow>\n        <TableCell\n          colSpan={1000}\n          sx={{\n            display: 'flex',\n            justifyContent: 'flex-end',\n            padding: '12px 12px 12px 12px',\n          }}\n        >\n          <Select\n            size=\"small\"\n            value={rowsPerPage}\n            native\n            onChange={(e) => {\n              changeRowsPerPage(e.target.value)\n            }}\n          >\n            {rowsPerPageOptions.map((option: string) => (\n              <option key={option} value={option}>\n                {option}\n              </option>\n            ))}\n          </Select>\n          <MuiPagination\n            count={countOfPages}\n            showFirstButton\n            showLastButton\n            onChange={(_, _page) => {\n              changePage(_page)\n            }}\n            page={page}\n            color=\"secondary\"\n          />\n        </TableCell>\n      </TableRow>\n    </TableFooter>\n  )\n}\n\nexport default PaginationFooter\n","import {\n  Tooltip as MuiTooltip,\n  TooltipProps as MuiTooltipProps,\n  tooltipClasses,\n  Box,\n  Icon,\n  Typography,\n  Divider,\n} from '@mui/material'\nimport { styled } from '@mui/material/styles'\nimport React from 'react'\n\ninterface TooltipProps extends MuiTooltipProps {\n  type: 'warning' | 'info'\n}\n\nconst CustomizedTooltip = styled(({ className, ...props }: MuiTooltipProps) => (\n  <MuiTooltip {...props} classes={{ popper: className }} />\n))(({ theme }) => ({\n  [`& .${tooltipClasses.tooltip}`]: {\n    backgroundColor: '#f5f5f9',\n    color: 'rgba(0, 0, 0, 0.87)',\n    maxWidth: 320,\n    minWidth: 180,\n    fontSize: theme.typography.pxToRem(12),\n    border: '1px solid #dadde9',\n  },\n}))\n\nconst titleMaps = {\n  info: 'Informação',\n  warning: 'Atenção',\n}\n\nconst Title = (props: {\n  title: NonNullable<React.ReactNode>\n  type: 'warning' | 'info'\n}) => {\n  const { title, type } = props\n  return (\n    <Box sx={{ mt: 0.5 }}>\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          alignItems: 'center',\n          alignContent: 'center',\n        }}\n      >\n        <Icon color={type} fontSize=\"small\">\n          {type}\n        </Icon>{' '}\n        <Typography variant=\"subtitle2\" sx={{ ml: 0.5 }}>\n          {titleMaps[type]}\n        </Typography>\n      </Box>\n      <Divider sx={{ mt: 0.5 }} />\n      <Box sx={{ mt: 1 }}>{title}</Box>\n    </Box>\n  )\n}\n\nconst Tooltip = (props: TooltipProps) => {\n  const { type, children, title, ...rest } = props\n  return (\n    <CustomizedTooltip\n      arrow\n      title={<Title title={title || ''} type={type} />}\n      enterDelay={300}\n      {...rest}\n    >\n      {children}\n    </CustomizedTooltip>\n  )\n}\n\nTooltip.defaultProps = {\n  type: 'info',\n}\n\nexport default Tooltip\n","import {\n  createTheme,\n  responsiveFontSizes,\n  ThemeOptions,\n} from '@mui/material/styles'\n\nconst primaryColor = '#59C3E0'\n\ndeclare module '@mui/material/styles' {\n  interface Components {\n    [key: string]: any\n  }\n}\n\nconst themeOptions: ThemeOptions = {\n  palette: {\n    text: {\n      primary: '#262626',\n      secondary: '#808080',\n    },\n    primary: {\n      light: '#83EDFF',\n      main: primaryColor,\n      dark: '#2C96B3',\n    },\n    background: {\n      default: '#F2F2F2',\n      paper: '#FAFAFA',\n    },\n    error: {\n      main: '#F44336',\n      dark: '#BE0D00',\n      light: '#FF6C5F',\n    },\n    warning: {\n      main: '#FFCD38',\n      dark: '#C29000',\n      light: '#FFED58',\n    },\n    success: {\n      main: '#4CAF50',\n      dark: '#187B1C',\n      light: '#7DE081',\n    },\n    grey: {\n      '800': '#202024',\n      '700': '#262626',\n      '600': '#333333',\n      '500': '#808080',\n      '400': '#BBBBBA',\n      '300': '#E0E0E0',\n      '200': '#F2F2F2',\n      '100': '#FAFAFA',\n    },\n  },\n  typography: {\n    h1: {\n      fontSize: '2rem',\n      fontFamily: 'Poppins',\n    },\n    h2: {\n      fontSize: '1.75rem',\n    },\n    h3: {\n      fontSize: '1.5rem',\n    },\n    h4: {\n      fontSize: '1.25rem',\n    },\n    h5: {\n      fontSize: '1rem',\n    },\n    h6: {\n      fontSize: '0.875rem',\n    },\n    button: {\n      fontSize: '0.875rem',\n      fontWeight: 'bold',\n      textTransform: 'none',\n    },\n    body1: {\n      fontSize: '1rem',\n      color: '#262626',\n    },\n    body2: {\n      fontSize: '0.875rem',\n      color: '#808080',\n    },\n    // htmlFontSize: 10,\n    fontFamily: ['sans-serif', 'Roboto', 'Poppins'].join(','),\n  },\n  components: {\n    MuiContainer: {\n      defaultProps: {\n        maxWidth: false,\n      },\n      styleOverrides: {\n        root: {\n          paddingTop: '16px',\n          paddingBottom: '16px',\n        },\n      },\n    },\n    MuiButton: {\n      defaultProps: {\n        size: 'medium',\n      },\n      styleOverrides: {\n        root: {\n          textTransform: 'none',\n          height: '36px',\n          color: '#FAFAFA',\n          fontWeight: 'bold',\n          boxShadow: '2px 3px 4px -2px rgb(32 32 36 / 30%)',\n          ':disabled': {\n            background: 'rgba(89 195 224 / 30%)',\n            color: 'rgb(128 128 128 / 60%)',\n          },\n        },\n        outlined: {\n          borderColor: primaryColor,\n          color: primaryColor,\n          ':hover': {\n            color: '#2C96B3',\n            borderColor: '#2C96B3',\n            background: 'rgb(89 195 224 / 15%)',\n          },\n          ':disabled': {\n            background: 'none',\n            boxShadow: 'none',\n            borderColor: '#E0E0E0',\n          },\n        },\n      },\n    },\n    MuiTextField: {\n      defaultProps: {\n        size: 'small',\n        fullWidth: true,\n      },\n      styleOverrides: {\n        root: {\n          '& label': {\n            color: '#808080',\n          },\n        },\n      },\n    },\n    MuiInputLabel: {\n      styleOverrides: {\n        root: {\n          fontSize: '0.875rem',\n        },\n      },\n    },\n    MuiSvgIcon: {\n      defaultProps: {\n        fontSize: 'small',\n        color: 'inherit',\n      },\n    },\n    MuiIconButton: {\n      defaultProps: {\n        size: 'small',\n        color: 'inherit',\n      },\n    },\n    MuiPopover: {\n      styleOverrides: {\n        paper: {\n          borderRadius: '12px',\n        },\n      },\n    },\n    MuiMenuItem: {\n      styleOverrides: {\n        root: {\n          '&.Mui-selected': {\n            '& .MuiIcon-root': {\n              color: primaryColor,\n            },\n            '& .MuiTypography-root': {\n              color: primaryColor,\n            },\n          },\n          ':hover': {\n            borderRadius: '6px',\n            background: 'rgba(89, 195, 224, 15%)',\n          },\n        },\n      },\n    },\n\n    MuiTableCell: {\n      styleOverrides: {\n        root: {\n          padding: 0,\n          '&.selected': {\n            backgroundColor: '#199',\n          },\n          // '&:hover': {\n          //   backgroundColor: '#333',\n          // },\n        },\n        head: {\n          backgroundColor: '#FAFAFA',\n          border: '1px solid #D0D0D0',\n          color: '#808080',\n          '& span': {\n            color: '#808080',\n          },\n          '& div': {\n            marginLeft: '4px',\n          },\n        },\n        body: {\n          backgroundColor: '#ffffff00',\n          border: '1px solid #D0D0D0',\n          borderTop: 'none',\n          borderBottom: 'none',\n          '& > div': {\n            fontSize: '9pt',\n            paddingLeft: '6px',\n            paddingRight: '6px',\n            paddingTop: '2px',\n            paddingBottom: '2px',\n          },\n        },\n      },\n    },\n\n    MuiTableRow: {\n      styleOverrides: {\n        root: {\n          backgroundColor: '#FFFFFF',\n          height: '30px',\n          '&.MuiTableRow-hover': {\n            '&:hover': {\n              backgroundColor: '#ffffde',\n            },\n          },\n        },\n\n        head: {\n          borderRadius: '4px',\n          '& div': {\n            fontWeight: '600',\n            fontSize: '13px',\n            padding: '2px',\n          },\n        },\n      },\n    },\n\n    MUIDataTableHeadCell: {\n      styleOverrides: {\n        toolButton: {\n          height: '48px',\n        },\n        // sortActive: {\n        //   color: primaryContrastText,\n        // },\n        // sortAction: {\n        //   '& path': {\n        //     color: primaryContrastText,\n        //   },\n        // },\n      },\n    },\n\n    MUIDataTableBodyRow: {\n      styleOverrides: {\n        root: {\n          '&:hover': {\n            backgroundColor: '#333',\n          },\n          '&:nth-of-type(even)': {\n            backgroundColor: '#F5F5F5',\n          },\n          '&:last-child': {\n            borderBottom: '1px solid #D0D0D0',\n          },\n        },\n      },\n    },\n\n    MuiTableHead: {\n      styleOverrides: {\n        root: {\n          height: '48px',\n        },\n      },\n    },\n  },\n}\n\nconst preparedTheme = createTheme(themeOptions)\nconst theme = responsiveFontSizes(preparedTheme)\n\nexport default theme\n"]}