@data-c/ui 0.0.12-alpha.0 → 0.0.14-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +38 -0
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { MUIDataTableProps } from 'mui-datatables';
|
|
3
|
+
import { PaginationProps } from '@data-c/hooks';
|
|
4
|
+
import { TooltipProps as TooltipProps$1 } from '@mui/material';
|
|
5
|
+
import * as _mui_material_styles from '@mui/material/styles';
|
|
6
|
+
|
|
7
|
+
interface PageHeaderProps {
|
|
8
|
+
title: string;
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
declare function PageTitle(props: PageHeaderProps): JSX.Element;
|
|
12
|
+
|
|
13
|
+
interface DataTableProps extends Omit<MUIDataTableProps, 'title'> {
|
|
14
|
+
isLoading?: boolean;
|
|
15
|
+
isFetching?: boolean;
|
|
16
|
+
tableTitle?: string;
|
|
17
|
+
pagination?: PaginationProps;
|
|
18
|
+
}
|
|
19
|
+
declare const DataTable: (props: DataTableProps) => JSX.Element;
|
|
20
|
+
|
|
21
|
+
interface TooltipProps extends TooltipProps$1 {
|
|
22
|
+
type: 'warning' | 'info';
|
|
23
|
+
}
|
|
24
|
+
declare const Tooltip: {
|
|
25
|
+
(props: TooltipProps): JSX.Element;
|
|
26
|
+
defaultProps: {
|
|
27
|
+
type: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
declare module '@mui/material/styles' {
|
|
32
|
+
interface Components {
|
|
33
|
+
[key: string]: any;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
declare const theme: _mui_material_styles.Theme;
|
|
37
|
+
|
|
38
|
+
export { DataTable, DataTableProps, PageTitle, Tooltip, theme };
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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 '@datacmio/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"]}
|
|
1
|
+
{"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":"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","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"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@data-c/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.14-alpha.0",
|
|
4
4
|
"description": "> TODO: description",
|
|
5
5
|
"author": "Raphael <raphael@datac.com.br>",
|
|
6
6
|
"homepage": "https://gitlab.com/raphaelbsr/mio#readme",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"react-dom": "^18.2.0"
|
|
58
58
|
},
|
|
59
59
|
"dependencies": {
|
|
60
|
-
"@data-c/hooks": "^0.0.
|
|
60
|
+
"@data-c/hooks": "^0.0.14-alpha.0"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "9718ab681652fe3fca91eedc377cdff0bdd8498d"
|
|
63
63
|
}
|