drf-react-by-schema 0.2.2 → 0.3.1
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/api.d.ts +84 -0
- package/dist/api.js +613 -0
- package/dist/components/DataGridBySchemaEditable/ConfirmDialog.d.ts +8 -0
- package/dist/components/DataGridBySchemaEditable/ConfirmDialog.js +21 -0
- package/dist/components/DataGridBySchemaEditable/CustomToolbar.d.ts +16 -0
- package/dist/components/DataGridBySchemaEditable/CustomToolbar.js +77 -0
- package/dist/components/DataGridBySchemaEditable/FooterToolbar.d.ts +16 -0
- package/dist/components/DataGridBySchemaEditable/FooterToolbar.js +41 -0
- package/dist/components/DataGridBySchemaEditable/GridDecimalInput.d.ts +8 -0
- package/dist/components/DataGridBySchemaEditable/GridDecimalInput.js +32 -0
- package/dist/components/DataGridBySchemaEditable/GridPatternInput.d.ts +8 -0
- package/dist/components/DataGridBySchemaEditable/GridPatternInput.js +30 -0
- package/dist/components/DataGridBySchemaEditable/InputInterval.d.ts +3 -0
- package/dist/components/DataGridBySchemaEditable/InputInterval.js +105 -0
- package/dist/components/DataGridBySchemaEditable/SelectEditInputCell.d.ts +33 -0
- package/dist/components/DataGridBySchemaEditable/SelectEditInputCell.js +140 -0
- package/dist/components/DataGridBySchemaEditable/utils.d.ts +15 -0
- package/{src/components/DataGridBySchemaEditable/utils.ts → dist/components/DataGridBySchemaEditable/utils.js} +32 -50
- package/dist/components/DataGridBySchemaEditable.d.ts +34 -0
- package/dist/components/DataGridBySchemaEditable.js +549 -0
- package/dist/components/DataTotals.d.ts +14 -0
- package/dist/components/DataTotals.js +23 -0
- package/dist/components/DialogActions.d.ts +10 -0
- package/dist/components/DialogActions.js +17 -0
- package/dist/components/DialogJSONSchemaForm.d.ts +12 -0
- package/dist/components/DialogJSONSchemaForm.js +20 -0
- package/dist/components/FormButtons.d.ts +14 -0
- package/dist/components/FormButtons.js +39 -0
- package/dist/components/GenericModelList.d.ts +19 -0
- package/dist/components/GenericModelList.js +113 -0
- package/dist/components/GenericRelatedModelList.d.ts +25 -0
- package/dist/components/GenericRelatedModelList.js +111 -0
- package/dist/components/TextFieldBySchema.js +39 -0
- package/dist/context/APIWrapper.d.ts +12 -0
- package/dist/context/APIWrapper.js +341 -0
- package/dist/context/APIWrapperContext.d.ts +75 -0
- package/dist/context/APIWrapperContext.js +15 -0
- package/dist/context/DRFReactBySchemaContext.d.ts +20 -0
- package/dist/context/DRFReactBySchemaContext.js +19 -0
- package/dist/context/DRFReactBySchemaProvider.d.ts +13 -0
- package/dist/context/DRFReactBySchemaProvider.js +53 -0
- package/dist/context/Form.d.ts +11 -0
- package/dist/context/Form.js +82 -0
- package/dist/context/Overlays.d.ts +4 -0
- package/dist/context/Overlays.js +87 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.js +14 -27
- package/{src/styles/index.ts → dist/styles/index.d.ts} +0 -1
- package/dist/styles/index.js +28 -0
- package/dist/styles/layout.d.ts +107 -0
- package/dist/styles/layout.js +56 -0
- package/dist/styles/theme.d.ts +21 -0
- package/dist/styles/theme.js +139 -0
- package/dist/utils.d.ts +75 -0
- package/dist/utils.js +268 -0
- package/package.json +15 -2
- package/.eslintrc.js +0 -14
- package/.gitlab-ci.yml +0 -14
- package/src/api.ts +0 -733
- package/src/components/DataGridBySchemaEditable/ConfirmDialog.tsx +0 -41
- package/src/components/DataGridBySchemaEditable/CustomToolbar.tsx +0 -93
- package/src/components/DataGridBySchemaEditable/FooterToolbar.tsx +0 -77
- package/src/components/DataGridBySchemaEditable/GridDecimalInput.tsx +0 -41
- package/src/components/DataGridBySchemaEditable/GridPatternInput.tsx +0 -37
- package/src/components/DataGridBySchemaEditable/InputInterval.tsx +0 -194
- package/src/components/DataGridBySchemaEditable/SelectEditInputCell.tsx +0 -153
- package/src/components/DataGridBySchemaEditable.md +0 -50
- package/src/components/DataGridBySchemaEditable.tsx +0 -747
- package/src/components/DataTotals.tsx +0 -56
- package/src/components/GenericModelList.tsx +0 -155
- package/src/context/DRFReactBySchemaProvider.md +0 -50
- package/src/context/DRFReactBySchemaProvider.tsx +0 -78
- package/src/index.ts +0 -64
- package/src/styles/layout.ts +0 -104
- package/src/styles/theme.ts +0 -190
- package/src/utils.ts +0 -321
- package/styleguide.config.js +0 -13
- package/tsconfig.json +0 -104
- package/webpack.config.js +0 -24
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
const react_1 = __importStar(require("react"));
|
|
30
|
+
const Backdrop_1 = __importDefault(require("@mui/material/Backdrop"));
|
|
31
|
+
const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
|
|
32
|
+
const Snackbar_1 = __importDefault(require("@mui/material/Snackbar"));
|
|
33
|
+
const Alert_1 = __importDefault(require("@mui/material/Alert"));
|
|
34
|
+
const Dialog_1 = __importDefault(require("@mui/material/Dialog"));
|
|
35
|
+
const DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
|
|
36
|
+
const DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
|
|
37
|
+
const DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
|
|
38
|
+
const Box_1 = __importDefault(require("@mui/material/Box"));
|
|
39
|
+
const utils_1 = require("../utils");
|
|
40
|
+
const APIWrapper_1 = __importDefault(require("./APIWrapper"));
|
|
41
|
+
function Overlays({ children }) {
|
|
42
|
+
const initialSnackBar = {
|
|
43
|
+
open: false,
|
|
44
|
+
msg: '',
|
|
45
|
+
severity: 'info'
|
|
46
|
+
};
|
|
47
|
+
const initialDialog = {
|
|
48
|
+
open: false,
|
|
49
|
+
loading: true,
|
|
50
|
+
title: '',
|
|
51
|
+
Body: null,
|
|
52
|
+
Actions: null
|
|
53
|
+
};
|
|
54
|
+
const [snackBar, setSnackBar] = (0, react_1.useReducer)(utils_1.reducer, initialSnackBar);
|
|
55
|
+
const [dialog, setDialog] = (0, react_1.useReducer)(utils_1.reducer, initialDialog);
|
|
56
|
+
const [loading, setLoading] = (0, react_1.useState)(true);
|
|
57
|
+
// give some time to stop loading when data is retrieved and must render before loading rendering:
|
|
58
|
+
const handleLoading = (loadingState) => {
|
|
59
|
+
if (loadingState) {
|
|
60
|
+
setLoading(true);
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
setTimeout(() => {
|
|
64
|
+
setLoading(false);
|
|
65
|
+
}, 300);
|
|
66
|
+
};
|
|
67
|
+
const handleDialogClose = () => {
|
|
68
|
+
setDialog({
|
|
69
|
+
open: false
|
|
70
|
+
});
|
|
71
|
+
};
|
|
72
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
73
|
+
react_1.default.createElement(APIWrapper_1.default, { setLoading: setLoading, handleLoading: handleLoading, setSnackBar: setSnackBar, setDialog: setDialog, children: children }),
|
|
74
|
+
react_1.default.createElement(Backdrop_1.default, { sx: { color: '#fff', zIndex: (theme) => theme.zIndex.drawer + 1 }, open: loading },
|
|
75
|
+
react_1.default.createElement(CircularProgress_1.default, null)),
|
|
76
|
+
react_1.default.createElement(Snackbar_1.default, { open: snackBar.open, autoHideDuration: 3000, onClose: () => { setSnackBar({ open: false }); }, anchorOrigin: { vertical: 'top', horizontal: 'right' } },
|
|
77
|
+
react_1.default.createElement(Alert_1.default, { severity: snackBar.severity }, snackBar.msg)),
|
|
78
|
+
react_1.default.createElement(Dialog_1.default, { open: dialog.open, onClose: handleDialogClose },
|
|
79
|
+
react_1.default.createElement(DialogTitle_1.default, null, dialog.loading ? 'Carregando...' : dialog.title),
|
|
80
|
+
react_1.default.createElement(DialogContent_1.default, null, dialog.loading
|
|
81
|
+
? react_1.default.createElement(Box_1.default, { sx: { display: 'flex' } },
|
|
82
|
+
react_1.default.createElement(CircularProgress_1.default, null))
|
|
83
|
+
: react_1.default.createElement(react_1.default.Fragment, null, dialog.Body)),
|
|
84
|
+
react_1.default.createElement(DialogActions_1.default, null, !dialog.loading &&
|
|
85
|
+
react_1.default.createElement(react_1.default.Fragment, null, dialog.Actions)))));
|
|
86
|
+
}
|
|
87
|
+
exports.default = Overlays;
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { updateData, partialUpdateData, createData, deleteData, createOrUpdateData, updateDataBySchema, addExistingRelatedModel, getAutoComplete, getJSONSchema, createOrUpdateJSONSchema, loginByPayload, setAuthToken, isLoggedIn, getGenericModelList, getGenericModel } from './api';
|
|
2
|
+
import { emptyByType, getChoiceByValue, populateValues, buildGenericYupValidationSchema, errorProps, getTmpId, isTmpId, getPatternFormat } from './utils';
|
|
3
|
+
import DRFReactBySchemaProvider from './context/DRFReactBySchemaProvider';
|
|
4
|
+
import { DRFReactBySchemaContext, useTheme } from './context/DRFReactBySchemaContext';
|
|
5
|
+
import { APIWrapperContext } from './context/APIWrapperContext';
|
|
6
|
+
import DataGridBySchemaEditable from './components/DataGridBySchemaEditable';
|
|
7
|
+
import GenericModelList from './components/GenericModelList';
|
|
8
|
+
import GenericRelatedModelList from './components/GenericRelatedModelList';
|
|
9
|
+
import DataTotals from './components/DataTotals';
|
|
10
|
+
import DialogActions from './components/DialogActions';
|
|
11
|
+
export { DRFReactBySchemaProvider, DRFReactBySchemaContext, APIWrapperContext, useTheme, 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
CHANGED
|
@@ -1,32 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
28
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
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.DataTotals = exports.GenericModelList = exports.DataGridBySchemaEditable = exports.DRFReactBySchemaContext = exports.DRFReactBySchemaProvider = void 0;
|
|
6
|
+
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;
|
|
7
|
+
// Methods:
|
|
30
8
|
const api_1 = require("./api");
|
|
31
9
|
Object.defineProperty(exports, "updateData", { enumerable: true, get: function () { return api_1.updateData; } });
|
|
32
10
|
Object.defineProperty(exports, "partialUpdateData", { enumerable: true, get: function () { return api_1.partialUpdateData; } });
|
|
@@ -52,13 +30,22 @@ Object.defineProperty(exports, "errorProps", { enumerable: true, get: function (
|
|
|
52
30
|
Object.defineProperty(exports, "getTmpId", { enumerable: true, get: function () { return utils_1.getTmpId; } });
|
|
53
31
|
Object.defineProperty(exports, "isTmpId", { enumerable: true, get: function () { return utils_1.isTmpId; } });
|
|
54
32
|
Object.defineProperty(exports, "getPatternFormat", { enumerable: true, get: function () { return utils_1.getPatternFormat; } });
|
|
55
|
-
//
|
|
56
|
-
const DRFReactBySchemaProvider_1 =
|
|
33
|
+
// Wrappers/Providers:
|
|
34
|
+
const DRFReactBySchemaProvider_1 = __importDefault(require("./context/DRFReactBySchemaProvider"));
|
|
57
35
|
exports.DRFReactBySchemaProvider = DRFReactBySchemaProvider_1.default;
|
|
58
|
-
|
|
36
|
+
const DRFReactBySchemaContext_1 = require("./context/DRFReactBySchemaContext");
|
|
37
|
+
Object.defineProperty(exports, "DRFReactBySchemaContext", { enumerable: true, get: function () { return DRFReactBySchemaContext_1.DRFReactBySchemaContext; } });
|
|
38
|
+
Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return DRFReactBySchemaContext_1.useTheme; } });
|
|
39
|
+
const APIWrapperContext_1 = require("./context/APIWrapperContext");
|
|
40
|
+
Object.defineProperty(exports, "APIWrapperContext", { enumerable: true, get: function () { return APIWrapperContext_1.APIWrapperContext; } });
|
|
41
|
+
// Components
|
|
59
42
|
const DataGridBySchemaEditable_1 = __importDefault(require("./components/DataGridBySchemaEditable"));
|
|
60
43
|
exports.DataGridBySchemaEditable = DataGridBySchemaEditable_1.default;
|
|
61
44
|
const GenericModelList_1 = __importDefault(require("./components/GenericModelList"));
|
|
62
45
|
exports.GenericModelList = GenericModelList_1.default;
|
|
46
|
+
const GenericRelatedModelList_1 = __importDefault(require("./components/GenericRelatedModelList"));
|
|
47
|
+
exports.GenericRelatedModelList = GenericRelatedModelList_1.default;
|
|
63
48
|
const DataTotals_1 = __importDefault(require("./components/DataTotals"));
|
|
64
49
|
exports.DataTotals = DataTotals_1.default;
|
|
50
|
+
const DialogActions_1 = __importDefault(require("./components/DialogActions"));
|
|
51
|
+
exports.DialogActions = DialogActions_1.default;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.Layout = void 0;
|
|
27
|
+
const Layout = __importStar(require("./layout"));
|
|
28
|
+
exports.Layout = Layout;
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
export declare const content: {
|
|
2
|
+
flexGrow: number;
|
|
3
|
+
pr: number;
|
|
4
|
+
pl: number;
|
|
5
|
+
pt: number;
|
|
6
|
+
pb: number;
|
|
7
|
+
};
|
|
8
|
+
export declare const main: {
|
|
9
|
+
ml: number;
|
|
10
|
+
flexGrow: number;
|
|
11
|
+
pr: number;
|
|
12
|
+
pl: number;
|
|
13
|
+
pt: number;
|
|
14
|
+
pb: number;
|
|
15
|
+
};
|
|
16
|
+
export declare const flexRow: {
|
|
17
|
+
display: string;
|
|
18
|
+
flexDirection: string;
|
|
19
|
+
justifyContent: string;
|
|
20
|
+
alignItems: string;
|
|
21
|
+
};
|
|
22
|
+
export declare const topBar: {
|
|
23
|
+
width: string;
|
|
24
|
+
pl: number;
|
|
25
|
+
pr: number;
|
|
26
|
+
display: string;
|
|
27
|
+
flexDirection: string;
|
|
28
|
+
justifyContent: string;
|
|
29
|
+
alignItems: string;
|
|
30
|
+
};
|
|
31
|
+
export declare const loadingBox: {
|
|
32
|
+
height: string;
|
|
33
|
+
backgroundColor: string;
|
|
34
|
+
justifyContent: string;
|
|
35
|
+
display: string;
|
|
36
|
+
flexDirection: string;
|
|
37
|
+
alignItems: string;
|
|
38
|
+
};
|
|
39
|
+
export declare const actionButtons: {
|
|
40
|
+
width: string;
|
|
41
|
+
alignItems: string;
|
|
42
|
+
display: string;
|
|
43
|
+
flexDirection: string;
|
|
44
|
+
justifyContent: string;
|
|
45
|
+
};
|
|
46
|
+
export declare const inLineForm: {
|
|
47
|
+
width: string;
|
|
48
|
+
justifyContent: string;
|
|
49
|
+
display: string;
|
|
50
|
+
flexDirection: string;
|
|
51
|
+
alignItems: string;
|
|
52
|
+
};
|
|
53
|
+
export declare const flexColumn: {
|
|
54
|
+
flexDirection: string;
|
|
55
|
+
display: string;
|
|
56
|
+
justifyContent: string;
|
|
57
|
+
alignItems: string;
|
|
58
|
+
};
|
|
59
|
+
export declare const flexRowGrow: {
|
|
60
|
+
flexGrow: number;
|
|
61
|
+
display: string;
|
|
62
|
+
flexDirection: string;
|
|
63
|
+
justifyContent: string;
|
|
64
|
+
alignItems: string;
|
|
65
|
+
};
|
|
66
|
+
export declare const topBarOverList: {
|
|
67
|
+
mb: number;
|
|
68
|
+
flexGrow: number;
|
|
69
|
+
display: string;
|
|
70
|
+
flexDirection: string;
|
|
71
|
+
justifyContent: string;
|
|
72
|
+
alignItems: string;
|
|
73
|
+
};
|
|
74
|
+
export declare const dataGrid: {
|
|
75
|
+
height: string;
|
|
76
|
+
mt: number;
|
|
77
|
+
};
|
|
78
|
+
export declare const dataGridWithTabs: {
|
|
79
|
+
mt: number;
|
|
80
|
+
height: string;
|
|
81
|
+
};
|
|
82
|
+
export declare const dataGridFixedHeight: {
|
|
83
|
+
height: number;
|
|
84
|
+
mt: number;
|
|
85
|
+
};
|
|
86
|
+
export declare const fullWidthButton: {
|
|
87
|
+
mt: number;
|
|
88
|
+
width: string;
|
|
89
|
+
};
|
|
90
|
+
export declare const formCard: {
|
|
91
|
+
width: string;
|
|
92
|
+
backgroundColor: string;
|
|
93
|
+
mt: number;
|
|
94
|
+
mb: number;
|
|
95
|
+
};
|
|
96
|
+
export declare const formCardContent: {
|
|
97
|
+
maxHeight: number;
|
|
98
|
+
overflow: string;
|
|
99
|
+
};
|
|
100
|
+
export declare const metabaseAppEmbed: {
|
|
101
|
+
height: number;
|
|
102
|
+
};
|
|
103
|
+
export declare const geoPicker: {
|
|
104
|
+
height: number;
|
|
105
|
+
width: string;
|
|
106
|
+
mt: number;
|
|
107
|
+
};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
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;
|
|
7
|
+
const theme_1 = __importDefault(require("./theme"));
|
|
8
|
+
exports.content = {
|
|
9
|
+
flexGrow: 1,
|
|
10
|
+
pr: 3,
|
|
11
|
+
pl: 3,
|
|
12
|
+
pt: 2,
|
|
13
|
+
pb: 0
|
|
14
|
+
};
|
|
15
|
+
exports.main = Object.assign(Object.assign({}, exports.content), { ml: 4 });
|
|
16
|
+
exports.flexRow = {
|
|
17
|
+
display: 'flex',
|
|
18
|
+
flexDirection: 'row',
|
|
19
|
+
justifyContent: 'space-between',
|
|
20
|
+
alignItems: 'center'
|
|
21
|
+
};
|
|
22
|
+
exports.topBar = Object.assign(Object.assign({}, exports.flexRow), { width: '100%', pl: 3, pr: 6 });
|
|
23
|
+
exports.loadingBox = Object.assign(Object.assign({}, exports.flexRow), { height: '100%', backgroundColor: '#ccc', justifyContent: 'center' });
|
|
24
|
+
exports.actionButtons = Object.assign(Object.assign({}, exports.flexRow), { width: '100%', alignItems: 'flex-start' });
|
|
25
|
+
exports.inLineForm = Object.assign(Object.assign({}, exports.flexRow), { width: '100%', justifyContent: 'flex-start' });
|
|
26
|
+
exports.flexColumn = Object.assign(Object.assign({}, exports.flexRow), { flexDirection: 'column' });
|
|
27
|
+
exports.flexRowGrow = Object.assign(Object.assign({}, exports.flexRow), { flexGrow: 1 });
|
|
28
|
+
exports.topBarOverList = Object.assign(Object.assign({}, exports.flexRowGrow), { mb: 2 });
|
|
29
|
+
exports.dataGrid = {
|
|
30
|
+
height: 'calc(100vh - 180px)',
|
|
31
|
+
mt: 2
|
|
32
|
+
};
|
|
33
|
+
exports.dataGridWithTabs = Object.assign(Object.assign({}, exports.dataGrid), { mt: 0 });
|
|
34
|
+
exports.dataGridFixedHeight = Object.assign(Object.assign({}, exports.dataGrid), { height: 400 });
|
|
35
|
+
exports.fullWidthButton = {
|
|
36
|
+
mt: 3,
|
|
37
|
+
width: '100%'
|
|
38
|
+
};
|
|
39
|
+
exports.formCard = {
|
|
40
|
+
width: '100%',
|
|
41
|
+
backgroundColor: theme_1.default.palette.formCard.main,
|
|
42
|
+
mt: 2,
|
|
43
|
+
mb: 2
|
|
44
|
+
};
|
|
45
|
+
exports.formCardContent = {
|
|
46
|
+
maxHeight: 350,
|
|
47
|
+
overflow: 'scroll'
|
|
48
|
+
};
|
|
49
|
+
exports.metabaseAppEmbed = {
|
|
50
|
+
height: 1700
|
|
51
|
+
};
|
|
52
|
+
exports.geoPicker = {
|
|
53
|
+
height: 350,
|
|
54
|
+
width: '100%',
|
|
55
|
+
mt: 0
|
|
56
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
declare module '@mui/material/styles' {
|
|
2
|
+
interface Palette {
|
|
3
|
+
avatars: string[];
|
|
4
|
+
avatarsMore: string[];
|
|
5
|
+
topBarButton: Palette['primary'];
|
|
6
|
+
producao: Palette['primary'];
|
|
7
|
+
empreendimento: Palette['primary'];
|
|
8
|
+
comercializacao: Palette['primary'];
|
|
9
|
+
credito: Palette['primary'];
|
|
10
|
+
certificacao: Palette['primary'];
|
|
11
|
+
successButton: Palette['primary'];
|
|
12
|
+
selectedItem: Palette['primary'];
|
|
13
|
+
tableColumnHeader: Palette['primary'];
|
|
14
|
+
formCard: Palette['primary'];
|
|
15
|
+
}
|
|
16
|
+
interface PaletteColor {
|
|
17
|
+
semaphoric?: string;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
declare const defaultTheme: import("@mui/material/styles").Theme;
|
|
21
|
+
export default defaultTheme;
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const styles_1 = require("@mui/material/styles");
|
|
4
|
+
const locale_1 = require("@mui/material/locale");
|
|
5
|
+
const x_data_grid_1 = require("@mui/x-data-grid");
|
|
6
|
+
const x_date_pickers_1 = require("@mui/x-date-pickers");
|
|
7
|
+
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' });
|
|
8
|
+
const palette = {
|
|
9
|
+
avatars: ['#e60049', '#0bb4ff', '#50e991', '#e6d800', '#9b19f5', '#ffa300', '#dc0ab4', '#b3d4ff', '#00bfa0'],
|
|
10
|
+
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'],
|
|
11
|
+
topBarButton: {
|
|
12
|
+
main: '#ffffff'
|
|
13
|
+
},
|
|
14
|
+
producao: {
|
|
15
|
+
main: '#e60049',
|
|
16
|
+
contrastText: '#fff'
|
|
17
|
+
},
|
|
18
|
+
empreendimento: {
|
|
19
|
+
main: '#0bb4ff',
|
|
20
|
+
contrastText: '#fff'
|
|
21
|
+
},
|
|
22
|
+
comercializacao: {
|
|
23
|
+
main: '#ffa300',
|
|
24
|
+
contrastText: '#fff'
|
|
25
|
+
},
|
|
26
|
+
credito: {
|
|
27
|
+
main: '#dc0ab4',
|
|
28
|
+
contrastText: '#fff'
|
|
29
|
+
},
|
|
30
|
+
certificacao: {
|
|
31
|
+
main: '#9b19f5',
|
|
32
|
+
contrastText: '#fff'
|
|
33
|
+
},
|
|
34
|
+
background: {
|
|
35
|
+
default: '#D9D9D9'
|
|
36
|
+
},
|
|
37
|
+
primary: {
|
|
38
|
+
main: '#3949AB'
|
|
39
|
+
},
|
|
40
|
+
secondary: {
|
|
41
|
+
main: '#9ca4d5',
|
|
42
|
+
contrastText: '#fff'
|
|
43
|
+
},
|
|
44
|
+
successButton: {
|
|
45
|
+
main: '#CDDC39',
|
|
46
|
+
contrastText: '#fff'
|
|
47
|
+
},
|
|
48
|
+
success: {
|
|
49
|
+
main: '#0e0',
|
|
50
|
+
contrastText: '#fff',
|
|
51
|
+
semaphoric: '#0e0'
|
|
52
|
+
},
|
|
53
|
+
error: {
|
|
54
|
+
main: '#d32f2f',
|
|
55
|
+
semaphoric: '#f66'
|
|
56
|
+
},
|
|
57
|
+
warning: {
|
|
58
|
+
main: '#ee0',
|
|
59
|
+
semaphoric: '#ee0'
|
|
60
|
+
},
|
|
61
|
+
selectedItem: {
|
|
62
|
+
main: '#2962FF'
|
|
63
|
+
},
|
|
64
|
+
tableColumnHeader: {
|
|
65
|
+
main: '#ECEFF1'
|
|
66
|
+
},
|
|
67
|
+
formCard: {
|
|
68
|
+
main: '#FFF'
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
const defaultTheme = (0, styles_1.createTheme)({
|
|
72
|
+
palette,
|
|
73
|
+
components: {
|
|
74
|
+
MuiButton: {
|
|
75
|
+
styleOverrides: {
|
|
76
|
+
contained: {
|
|
77
|
+
// borderRadius: 50
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
MuiTextField: {
|
|
82
|
+
styleOverrides: {
|
|
83
|
+
root: {
|
|
84
|
+
'&.Mui-required .MuiFormLabel-asterisk': {
|
|
85
|
+
// color: '#F00'
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
MuiListItemButton: {
|
|
91
|
+
styleOverrides: {
|
|
92
|
+
root: {
|
|
93
|
+
'&.Mui-selected, :hover': {
|
|
94
|
+
color: palette.selectedItem.main,
|
|
95
|
+
'& .MuiListItemIcon-root': {
|
|
96
|
+
color: palette.selectedItem.main
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
'&.Mui-selected:hover': {
|
|
100
|
+
color: palette.selectedItem.main,
|
|
101
|
+
'& .MuiListItemIcon-root': {
|
|
102
|
+
color: palette.selectedItem.main
|
|
103
|
+
}
|
|
104
|
+
},
|
|
105
|
+
'&.disabled': {
|
|
106
|
+
opacity: 0.5
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
MuiDataGrid: {
|
|
112
|
+
styleOverrides: {
|
|
113
|
+
root: {
|
|
114
|
+
backgroundColor: palette.formCard.main,
|
|
115
|
+
'& .MuiDataGrid-columnHeaderTitle': {
|
|
116
|
+
overflow: 'visible',
|
|
117
|
+
lineHeight: '1.43rem',
|
|
118
|
+
whiteSpace: 'normal'
|
|
119
|
+
}
|
|
120
|
+
},
|
|
121
|
+
cell: {
|
|
122
|
+
// backgroundColor: 'yellow'
|
|
123
|
+
},
|
|
124
|
+
columnHeader: {
|
|
125
|
+
backgroundColor: palette.tableColumnHeader.main
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
MuiTabs: {
|
|
130
|
+
styleOverrides: {
|
|
131
|
+
root: {
|
|
132
|
+
backgroundColor: palette.formCard.main,
|
|
133
|
+
marginTop: 20
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}, locale_1.ptBR, x_data_grid_1.ptBR, x_date_pickers_1.ptBR);
|
|
139
|
+
exports.default = defaultTheme;
|
package/dist/utils.d.ts
ADDED
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import * as Yup from 'yup';
|
|
2
|
+
import { GridActionsColDef, GridColDef } from '@mui/x-data-grid';
|
|
3
|
+
export type Id = string | number;
|
|
4
|
+
export type Item = Record<string, any>;
|
|
5
|
+
export type SchemaType = Record<string, Field>;
|
|
6
|
+
export interface Choice {
|
|
7
|
+
value: string | number;
|
|
8
|
+
display_name: string;
|
|
9
|
+
}
|
|
10
|
+
type FieldChild = Record<string, SchemaType>;
|
|
11
|
+
export interface Field {
|
|
12
|
+
type: string;
|
|
13
|
+
child?: FieldChild;
|
|
14
|
+
children?: SchemaType;
|
|
15
|
+
model_default?: any;
|
|
16
|
+
model_required?: boolean;
|
|
17
|
+
choices?: Choice[];
|
|
18
|
+
max_length?: number | string;
|
|
19
|
+
label: string;
|
|
20
|
+
read_only?: boolean;
|
|
21
|
+
}
|
|
22
|
+
interface GridBySchemaColDef extends GridColDef {
|
|
23
|
+
isIndexField?: boolean;
|
|
24
|
+
creatable?: boolean;
|
|
25
|
+
orderable?: boolean;
|
|
26
|
+
patternFormat?: string;
|
|
27
|
+
}
|
|
28
|
+
interface GridActionsBySchemaColDef extends GridActionsColDef {
|
|
29
|
+
isIndexField?: boolean;
|
|
30
|
+
creatable?: boolean;
|
|
31
|
+
orderable?: boolean;
|
|
32
|
+
patternFormat?: string;
|
|
33
|
+
}
|
|
34
|
+
export type GridEnrichedBySchemaColDef = GridBySchemaColDef | GridActionsBySchemaColDef;
|
|
35
|
+
export interface DataSchemaColumnsType {
|
|
36
|
+
data: Item[];
|
|
37
|
+
schema: SchemaType;
|
|
38
|
+
columns?: GridEnrichedBySchemaColDef[];
|
|
39
|
+
}
|
|
40
|
+
export interface ItemSchemaColumnsType {
|
|
41
|
+
data: Item;
|
|
42
|
+
schema: SchemaType;
|
|
43
|
+
columns?: GridEnrichedBySchemaColDef[];
|
|
44
|
+
}
|
|
45
|
+
export declare const emptyByType: any;
|
|
46
|
+
export declare const getChoiceByValue: (value: number | string, choices: Choice[] | undefined) => string | null | undefined;
|
|
47
|
+
export declare const populateValues: ({ data, schema }: {
|
|
48
|
+
data: Item;
|
|
49
|
+
schema: SchemaType;
|
|
50
|
+
}) => Record<string, any>;
|
|
51
|
+
export declare const buildGenericYupValidationSchema: ({ data, schema, many, skipFields, extraValidators }: {
|
|
52
|
+
data: Item;
|
|
53
|
+
schema: SchemaType;
|
|
54
|
+
many?: boolean | undefined;
|
|
55
|
+
skipFields?: string[] | undefined;
|
|
56
|
+
extraValidators?: Item | undefined;
|
|
57
|
+
}) => Yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Record<string, any>>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Record<string, any>>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Record<string, any>>>> | Yup.ArraySchema<Yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Record<string, any>>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Record<string, any>>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Record<string, any>>>>, import("yup/lib/types").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Record<string, any>>>[] | undefined, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Record<string, any>>>[] | undefined>;
|
|
58
|
+
export declare const errorProps: ({ type, errors, fieldKey, fieldKeyProp, index }: {
|
|
59
|
+
type: string;
|
|
60
|
+
errors: Item;
|
|
61
|
+
fieldKey: string;
|
|
62
|
+
fieldKeyProp: string;
|
|
63
|
+
index?: number | undefined;
|
|
64
|
+
}) => {
|
|
65
|
+
error: any;
|
|
66
|
+
helperText: any;
|
|
67
|
+
};
|
|
68
|
+
export declare const getTmpId: () => string;
|
|
69
|
+
export declare const isTmpId: (id: string | number | undefined | null) => boolean;
|
|
70
|
+
export declare const reducer: (state: Record<string, any>, newState: Record<string, any>) => {
|
|
71
|
+
[x: string]: any;
|
|
72
|
+
};
|
|
73
|
+
export declare const getPatternFormat: (type: string) => string;
|
|
74
|
+
export type AddParametersToEnd<TFunction extends (...args: any) => any, TParameters extends [...args: any]> = (...args: [...Parameters<TFunction>, ...TParameters]) => ReturnType<TFunction>;
|
|
75
|
+
export {};
|