drf-react-by-schema 0.3.0 → 0.4.0

package/dist/context/Form.js

@@ -0,0 +1,99 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_hook_form_1 = require("react-hook-form");
+const yup_1 = require("@hookform/resolvers/yup");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
+const LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
+const FormButtons_1 = __importDefault(require("../components/FormButtons"));
+const APIWrapperContext_1 = require("./APIWrapperContext");
+const utils_1 = require("../utils");
+const DRFReactBySchemaContext_1 = require("./DRFReactBySchemaContext");
+const FormContext_1 = require("./FormContext");
+function Form({ model, id, objTitleField = 'name', optionsACModels = [], cancelBtn, cancelBtnLabel, deleteBtnLabel, saveAndCreateNewBtnLabel, saveAndContinueBtnLabel, saveBtnLabel, onSuccess, borderBottom, saveAndContinue, formButtonsSx, children }) {
+    const apiContext = react_1.default.useContext(APIWrapperContext_1.APIWrapperContext);
+    const context = react_1.default.useContext(DRFReactBySchemaContext_1.DRFReactBySchemaContext);
+    if (!context.serverEndPoint || !apiContext) {
+        console.error('Error in drf-react-by-schema: There is no serverEndPoint configured!');
+        return (react_1.default.createElement(react_1.default.Fragment, null));
+    }
+    const { loadSinglePageData, onSubmit, onEditModel, onDeleteModel, onEditRelatedModelSave, onDeleteRelatedModel } = apiContext;
+    const pageForm = apiContext.pageFormState[0];
+    const optionsAC = apiContext.optionsACState[0];
+    const { control, handleSubmit, reset, getValues, setValue, formState: { errors, isDirty } } = (0, react_hook_form_1.useForm)({
+        mode: 'onBlur',
+        resolver: (0, yup_1.yupResolver)(pageForm.validationSchema)
+    });
+    const loadAllData = () => {
+        loadSinglePageData({
+            model,
+            objTitleField,
+            objId: id,
+            optionsACModels
+        }).then(values => {
+            if (values && typeof values !== 'boolean') {
+                reset(values);
+            }
+        });
+    };
+    (0, react_1.useEffect)(() => {
+        loadAllData();
+    }, [id]);
+    const formButtonProps = {
+        model,
+        objId: id,
+        title: (0, utils_1.isTmpId)(id) ? 'Novo' : 'Editar',
+        formDisabled: !isDirty,
+        cancelBtn,
+        cancelBtnLabel,
+        deleteBtnLabel,
+        saveAndCreateNewBtnLabel,
+        saveAndContinueBtnLabel,
+        saveBtnLabel,
+        onSuccess,
+        borderBottom,
+        saveAndContinue,
+        sx: formButtonsSx
+    };
+    // onSubmit={handleSubmit((data, event) => {
+    //     onSubmit(
+    //         model,
+    //         id,
+    //         data,
+    //         event
+    //     );
+    return (react_1.default.createElement(react_1.default.Fragment, null, pageForm.initialValues && pageForm.schema && control &&
+        react_1.default.createElement(FormContext_1.FormContext.Provider, { value: null },
+            react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment },
+                react_1.default.createElement(FormButtons_1.default, Object.assign({}, formButtonProps)),
+                react_1.default.createElement(Box_1.default, null, children),
+                react_1.default.createElement(FormButtons_1.default, Object.assign({}, formButtonProps, { bottom: true }))))));
+}
+exports.default = Form;

package/dist/context/FormContext.d.ts

@@ -0,0 +1,72 @@
+import React from 'react';
+import { Id, Item, SchemaType } from '../utils';
+export interface LoadSinglePageDataProps {
+    model: string;
+    objId?: Id;
+    objTitleField?: string;
+    optionsACModels: string[];
+    basePath?: string;
+    formPath?: string | null;
+    extraValidators?: Item;
+}
+export type OptionsACType = Record<string, Item[]>;
+export interface PageFormType {
+    id: Id;
+    schema: SchemaType | null;
+    initialValues: Item | null;
+    validationSchema: Item | null;
+}
+export interface OnEditModelType {
+    fieldKey: string;
+    index: string;
+    model: string;
+    id: Id;
+    labelKey: string;
+    setValue: (p: any) => void;
+    getValues: (p: any) => any;
+}
+export interface OnEditRelatedModelType {
+    model: string;
+    id: Id;
+    relatedModel: string;
+    relatedModelId: Id;
+    newRow: Item;
+    schema: SchemaType;
+    onlyAddExisting: boolean;
+}
+export interface OnDeleteRelatedModelType {
+    model: string;
+    id: Id;
+    relatedModel: string;
+    relatedModelId: Id;
+}
+export interface SnackBarType {
+    open?: boolean;
+    msg?: string;
+    severity?: string;
+}
+export interface DialogType {
+    open: boolean;
+    loading?: boolean;
+    title?: string;
+    Body?: React.ReactNode;
+    Actions?: React.ReactNode;
+}
+export interface FormContextType {
+    model: string;
+    id: Id;
+    objTitleField: string;
+    optionsACModels: string[];
+    cancelBtn?: (e: React.BaseSyntheticEvent) => any;
+    cancelBtnLabel: any;
+    deleteBtnLabel: any;
+    saveAndCreateNewBtnLabel: any;
+    saveAndContinueBtnLabel: any;
+    saveBtnLabel: any;
+    onSuccess: any;
+    borderBottom: any;
+    saveAndContinue: any;
+    formButtonsSx: any;
+    children: any;
+}
+export declare const FormContext: React.Context<FormContextType | null>;

package/dist/context/FormContext.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormContext = void 0;
+const react_1 = __importDefault(require("react"));
+;
+;
+;
+;
+;
+;
+;
+exports.FormContext = react_1.default.createContext(null);

package/dist/context/Overlays.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default function Overlays({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;

package/dist/context/Overlays.js

@@ -0,0 +1,87 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const Backdrop_1 = __importDefault(require("@mui/material/Backdrop"));
+const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
+const Snackbar_1 = __importDefault(require("@mui/material/Snackbar"));
+const Alert_1 = __importDefault(require("@mui/material/Alert"));
+const Dialog_1 = __importDefault(require("@mui/material/Dialog"));
+const DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
+const DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
+const DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const utils_1 = require("../utils");
+const APIWrapper_1 = __importDefault(require("./APIWrapper"));
+function Overlays({ children }) {
+    const initialSnackBar = {
+        open: false,
+        msg: '',
+        severity: 'info'
+    };
+    const initialDialog = {
+        open: false,
+        loading: true,
+        title: '',
+        Body: null,
+        Actions: null
+    };
+    const [snackBar, setSnackBar] = (0, react_1.useReducer)(utils_1.reducer, initialSnackBar);
+    const [dialog, setDialog] = (0, react_1.useReducer)(utils_1.reducer, initialDialog);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    // give some time to stop loading when data is retrieved and must render before loading rendering:
+    const handleLoading = (loadingState) => {
+        if (loadingState) {
+            setLoading(true);
+            return;
+        }
+        setTimeout(() => {
+            setLoading(false);
+        }, 300);
+    };
+    const handleDialogClose = () => {
+        setDialog({
+            open: false
+        });
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(APIWrapper_1.default, { setLoading: setLoading, handleLoading: handleLoading, setSnackBar: setSnackBar, setDialog: setDialog, children: children }),
+        react_1.default.createElement(Backdrop_1.default, { sx: { color: '#fff', zIndex: (theme) => theme.zIndex.drawer + 1 }, open: loading },
+            react_1.default.createElement(CircularProgress_1.default, null)),
+        react_1.default.createElement(Snackbar_1.default, { open: snackBar.open, autoHideDuration: 3000, onClose: () => { setSnackBar({ open: false }); }, anchorOrigin: { vertical: 'top', horizontal: 'right' } },
+            react_1.default.createElement(Alert_1.default, { severity: snackBar.severity }, snackBar.msg)),
+        react_1.default.createElement(Dialog_1.default, { open: dialog.open, onClose: handleDialogClose },
+            react_1.default.createElement(DialogTitle_1.default, null, dialog.loading ? 'Carregando...' : dialog.title),
+            react_1.default.createElement(DialogContent_1.default, null, dialog.loading
+                ? react_1.default.createElement(Box_1.default, { sx: { display: 'flex' } },
+                    react_1.default.createElement(CircularProgress_1.default, null))
+                : react_1.default.createElement(react_1.default.Fragment, null, dialog.Body)),
+            react_1.default.createElement(DialogActions_1.default, null, !dialog.loading &&
+                react_1.default.createElement(react_1.default.Fragment, null, dialog.Actions)))));
+}
+exports.default = Overlays;

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+import { updateData, partialUpdateData, createData, deleteData, createOrUpdateData, updateDataBySchema, addExistingRelatedModel, getAutoComplete, getJSONSchema, createOrUpdateJSONSchema, loginByPayload, setAuthToken, isLoggedIn, getGenericModelList, getGenericModel } from './api';
+import { emptyByType, getChoiceByValue, populateValues, buildGenericYupValidationSchema, errorProps, getTmpId, isTmpId, getPatternFormat } from './utils';
+import DRFReactBySchemaProvider from './context/DRFReactBySchemaProvider';
+import { DRFReactBySchemaContext, useTheme } from './context/DRFReactBySchemaContext';
+import { APIWrapperContext } from './context/APIWrapperContext';
+import DataGridBySchemaEditable from './components/DataGridBySchemaEditable';
+import GenericModelList from './components/GenericModelList';
+import GenericRelatedModelList from './components/GenericRelatedModelList';
+import DataTotals from './components/DataTotals';
+import DialogActions from './components/DialogActions';
+import Form from './context/Form';
+export { DRFReactBySchemaProvider, DRFReactBySchemaContext, APIWrapperContext, useTheme, Form, FormContext, DataGridBySchemaEditable, GenericModelList, GenericRelatedModelList, DataTotals, DialogActions, updateData, partialUpdateData, createData, deleteData, createOrUpdateData, updateDataBySchema, addExistingRelatedModel, getAutoComplete, getJSONSchema, createOrUpdateJSONSchema, loginByPayload, setAuthToken, isLoggedIn, getGenericModelList, getGenericModel, emptyByType, getChoiceByValue, populateValues, buildGenericYupValidationSchema, errorProps, getTmpId, isTmpId, getPatternFormat };

package/dist/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPatternFormat = exports.isTmpId = exports.getTmpId = exports.errorProps = exports.buildGenericYupValidationSchema = exports.populateValues = exports.getChoiceByValue = exports.emptyByType = exports.getGenericModel = exports.getGenericModelList = exports.isLoggedIn = exports.setAuthToken = exports.loginByPayload = exports.createOrUpdateJSONSchema = exports.getJSONSchema = exports.getAutoComplete = exports.addExistingRelatedModel = exports.updateDataBySchema = exports.createOrUpdateData = exports.deleteData = exports.createData = exports.partialUpdateData = exports.updateData = exports.DialogActions = exports.DataTotals = exports.GenericRelatedModelList = exports.GenericModelList = exports.DataGridBySchemaEditable = exports.useTheme = exports.APIWrapperContext = exports.DRFReactBySchemaContext = exports.DRFReactBySchemaProvider = void 0;
+exports.getPatternFormat = exports.isTmpId = exports.getTmpId = exports.errorProps = exports.buildGenericYupValidationSchema = exports.populateValues = exports.getChoiceByValue = exports.emptyByType = exports.getGenericModel = exports.getGenericModelList = exports.isLoggedIn = exports.setAuthToken = exports.loginByPayload = exports.createOrUpdateJSONSchema = exports.getJSONSchema = exports.getAutoComplete = exports.addExistingRelatedModel = exports.updateDataBySchema = exports.createOrUpdateData = exports.deleteData = exports.createData = exports.partialUpdateData = exports.updateData = exports.DialogActions = exports.DataTotals = exports.GenericRelatedModelList = exports.GenericModelList = exports.DataGridBySchemaEditable = exports.FormContext = exports.Form = exports.useTheme = exports.APIWrapperContext = exports.DRFReactBySchemaContext = exports.DRFReactBySchemaProvider = void 0;
 // Methods:
 const api_1 = require("./api");
 Object.defineProperty(exports, "updateData", { enumerable: true, get: function () { return api_1.updateData; } });
@@ -49,3 +49,5 @@ const DataTotals_1 = __importDefault(require("./components/DataTotals"));
 exports.DataTotals = DataTotals_1.default;
 const DialogActions_1 = __importDefault(require("./components/DialogActions"));
 exports.DialogActions = DialogActions_1.default;
+const Form_1 = __importDefault(require("./context/Form"));
+exports.Form = Form_1.default;

package/{src/styles/index.ts → dist/styles/index.d.ts}

@@ -1,3 +1,2 @@
 import * as Layout from './layout';
-
 export { Layout };

package/dist/styles/index.js

@@ -0,0 +1,28 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Layout = void 0;
+const Layout = __importStar(require("./layout"));
+exports.Layout = Layout;

package/dist/styles/layout.d.ts

@@ -0,0 +1,107 @@
+export declare const content: {
+    flexGrow: number;
+    pr: number;
+    pl: number;
+    pt: number;
+    pb: number;
+};
+export declare const main: {
+    ml: number;
+    flexGrow: number;
+    pr: number;
+    pl: number;
+    pt: number;
+    pb: number;
+};
+export declare const flexRow: {
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    alignItems: string;
+};
+export declare const topBar: {
+    width: string;
+    pl: number;
+    pr: number;
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    alignItems: string;
+};
+export declare const loadingBox: {
+    height: string;
+    backgroundColor: string;
+    justifyContent: string;
+    display: string;
+    flexDirection: string;
+    alignItems: string;
+};
+export declare const actionButtons: {
+    width: string;
+    alignItems: string;
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+};
+export declare const inLineForm: {
+    width: string;
+    justifyContent: string;
+    display: string;
+    flexDirection: string;
+    alignItems: string;
+};
+export declare const flexColumn: {
+    flexDirection: string;
+    display: string;
+    justifyContent: string;
+    alignItems: string;
+};
+export declare const flexRowGrow: {
+    flexGrow: number;
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    alignItems: string;
+};
+export declare const topBarOverList: {
+    mb: number;
+    flexGrow: number;
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    alignItems: string;
+};
+export declare const dataGrid: {
+    height: string;
+    mt: number;
+};
+export declare const dataGridWithTabs: {
+    mt: number;
+    height: string;
+};
+export declare const dataGridFixedHeight: {
+    height: number;
+    mt: number;
+};
+export declare const fullWidthButton: {
+    mt: number;
+    width: string;
+};
+export declare const formCard: {
+    width: string;
+    backgroundColor: any;
+    mt: number;
+    mb: number;
+};
+export declare const formCardContent: {
+    maxHeight: number;
+    overflow: string;
+};
+export declare const metabaseAppEmbed: {
+    height: number;
+};
+export declare const geoPicker: {
+    height: number;
+    width: string;
+    mt: number;
+};

package/dist/styles/layout.js

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.geoPicker = exports.metabaseAppEmbed = exports.formCardContent = exports.formCard = exports.fullWidthButton = exports.dataGridFixedHeight = exports.dataGridWithTabs = exports.dataGrid = exports.topBarOverList = exports.flexRowGrow = exports.flexColumn = exports.inLineForm = exports.actionButtons = exports.loadingBox = exports.topBar = exports.flexRow = exports.main = exports.content = void 0;
+const theme_1 = __importDefault(require("./theme"));
+exports.content = {
+    flexGrow: 1,
+    pr: 3,
+    pl: 3,
+    pt: 2,
+    pb: 0
+};
+exports.main = Object.assign(Object.assign({}, exports.content), { ml: 4 });
+exports.flexRow = {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+};
+exports.topBar = Object.assign(Object.assign({}, exports.flexRow), { width: '100%', pl: 3, pr: 6 });
+exports.loadingBox = Object.assign(Object.assign({}, exports.flexRow), { height: '100%', backgroundColor: '#ccc', justifyContent: 'center' });
+exports.actionButtons = Object.assign(Object.assign({}, exports.flexRow), { width: '100%', alignItems: 'flex-start' });
+exports.inLineForm = Object.assign(Object.assign({}, exports.flexRow), { width: '100%', justifyContent: 'flex-start' });
+exports.flexColumn = Object.assign(Object.assign({}, exports.flexRow), { flexDirection: 'column' });
+exports.flexRowGrow = Object.assign(Object.assign({}, exports.flexRow), { flexGrow: 1 });
+exports.topBarOverList = Object.assign(Object.assign({}, exports.flexRowGrow), { mb: 2 });
+exports.dataGrid = {
+    height: 'calc(100vh - 180px)',
+    mt: 2
+};
+exports.dataGridWithTabs = Object.assign(Object.assign({}, exports.dataGrid), { mt: 0 });
+exports.dataGridFixedHeight = Object.assign(Object.assign({}, exports.dataGrid), { height: 400 });
+exports.fullWidthButton = {
+    mt: 3,
+    width: '100%'
+};
+exports.formCard = {
+    width: '100%',
+    backgroundColor: theme_1.default.palette.formCard.main,
+    mt: 2,
+    mb: 2
+};
+exports.formCardContent = {
+    maxHeight: 350,
+    overflow: 'scroll'
+};
+exports.metabaseAppEmbed = {
+    height: 1700
+};
+exports.geoPicker = {
+    height: 350,
+    width: '100%',
+    mt: 0
+};

package/dist/styles/theme.d.ts

@@ -0,0 +1,21 @@
+declare module '@mui/material/styles' {
+    interface Palette {
+        avatars: string[];
+        avatarsMore: string[];
+        topBarButton: Palette['primary'];
+        producao: Palette['primary'];
+        empreendimento: Palette['primary'];
+        comercializacao: Palette['primary'];
+        credito: Palette['primary'];
+        certificacao: Palette['primary'];
+        successButton: Palette['primary'];
+        selectedItem: Palette['primary'];
+        tableColumnHeader: Palette['primary'];
+        formCard: Palette['primary'];
+    }
+    interface PaletteColor {
+        semaphoric?: string;
+    }
+}
+declare const defaultTheme: any;
+export default defaultTheme;

package/dist/styles/theme.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const styles_1 = require("@mui/material/styles");
+const locale_1 = require("@mui/material/locale");
+const x_data_grid_1 = require("@mui/x-data-grid");
+const x_date_pickers_1 = require("@mui/x-date-pickers");
+x_data_grid_1.ptBR.components.MuiDataGrid.defaultProps.localeText = Object.assign(Object.assign({}, x_data_grid_1.ptBR.components.MuiDataGrid.defaultProps.localeText), { toolbarQuickFilterPlaceholder: 'Buscar...', toolbarQuickFilterLabel: 'Buscar', toolbarQuickFilterDeleteIconLabel: 'Limpar busca' });
+const palette = {
+    avatars: ['#e60049', '#0bb4ff', '#50e991', '#e6d800', '#9b19f5', '#ffa300', '#dc0ab4', '#b3d4ff', '#00bfa0'],
+    avatarsMore: ['#023fa5', '#8e063b', '#d33f6a', '#11c638', '#ef9708', '#0fcfc0', '#f79cd4', '#7d87b9', '#bb7784', '#4a6fe3', '#8595e1', '#b5bbe3', '#e6afb9', '#e07b91', '#8dd593', '#c6dec7', '#ead3c6', '#f0b98d', '#9cded6', '#d5eae7', '#f3e1eb', '#f6c4e1', '#bec1d4', '#d6bcc0'],
+    topBarButton: {
+        main: '#ffffff'
+    },
+    producao: {
+        main: '#e60049',
+        contrastText: '#fff'
+    },
+    empreendimento: {
+        main: '#0bb4ff',
+        contrastText: '#fff'
+    },
+    comercializacao: {
+        main: '#ffa300',
+        contrastText: '#fff'
+    },
+    credito: {
+        main: '#dc0ab4',
+        contrastText: '#fff'
+    },
+    certificacao: {
+        main: '#9b19f5',
+        contrastText: '#fff'
+    },
+    background: {
+        default: '#D9D9D9'
+    },
+    primary: {
+        main: '#3949AB'
+    },
+    secondary: {
+        main: '#9ca4d5',
+        contrastText: '#fff'
+    },
+    successButton: {
+        main: '#CDDC39',
+        contrastText: '#fff'
+    },
+    success: {
+        main: '#0e0',
+        contrastText: '#fff',
+        semaphoric: '#0e0'
+    },
+    error: {
+        main: '#d32f2f',
+        semaphoric: '#f66'
+    },
+    warning: {
+        main: '#ee0',
+        semaphoric: '#ee0'
+    },
+    selectedItem: {
+        main: '#2962FF'
+    },
+    tableColumnHeader: {
+        main: '#ECEFF1'
+    },
+    formCard: {
+        main: '#FFF'
+    }
+};
+const defaultTheme = (0, styles_1.createTheme)({
+    palette,
+    components: {
+        MuiButton: {
+            styleOverrides: {
+                contained: {
+                // borderRadius: 50
+                }
+            }
+        },
+        MuiTextField: {
+            styleOverrides: {
+                root: {
+                    '&.Mui-required .MuiFormLabel-asterisk': {
+                    // color: '#F00'
+                    }
+                }
+            }
+        },
+        MuiListItemButton: {
+            styleOverrides: {
+                root: {
+                    '&.Mui-selected, :hover': {
+                        color: palette.selectedItem.main,
+                        '& .MuiListItemIcon-root': {
+                            color: palette.selectedItem.main
+                        }
+                    },
+                    '&.Mui-selected:hover': {
+                        color: palette.selectedItem.main,
+                        '& .MuiListItemIcon-root': {
+                            color: palette.selectedItem.main
+                        }
+                    },
+                    '&.disabled': {
+                        opacity: 0.5
+                    }
+                }
+            }
+        },
+        MuiDataGrid: {
+            styleOverrides: {
+                root: {
+                    backgroundColor: palette.formCard.main,
+                    '& .MuiDataGrid-columnHeaderTitle': {
+                        overflow: 'visible',
+                        lineHeight: '1.43rem',
+                        whiteSpace: 'normal'
+                    }
+                },
+                cell: {
+                // backgroundColor: 'yellow'
+                },
+                columnHeader: {
+                    backgroundColor: palette.tableColumnHeader.main
+                }
+            }
+        },
+        MuiTabs: {
+            styleOverrides: {
+                root: {
+                    backgroundColor: palette.formCard.main,
+                    marginTop: 20
+                }
+            }
+        }
+    }
+}, locale_1.ptBR, x_data_grid_1.ptBR, x_date_pickers_1.ptBR);
+exports.default = defaultTheme;