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.
Files changed (79) hide show
  1. package/dist/api.d.ts +84 -0
  2. package/dist/api.js +613 -0
  3. package/dist/components/DataGridBySchemaEditable/ConfirmDialog.d.ts +8 -0
  4. package/dist/components/DataGridBySchemaEditable/ConfirmDialog.js +21 -0
  5. package/dist/components/DataGridBySchemaEditable/CustomToolbar.d.ts +16 -0
  6. package/dist/components/DataGridBySchemaEditable/CustomToolbar.js +77 -0
  7. package/dist/components/DataGridBySchemaEditable/FooterToolbar.d.ts +16 -0
  8. package/dist/components/DataGridBySchemaEditable/FooterToolbar.js +41 -0
  9. package/dist/components/DataGridBySchemaEditable/GridDecimalInput.d.ts +8 -0
  10. package/dist/components/DataGridBySchemaEditable/GridDecimalInput.js +32 -0
  11. package/dist/components/DataGridBySchemaEditable/GridPatternInput.d.ts +8 -0
  12. package/dist/components/DataGridBySchemaEditable/GridPatternInput.js +30 -0
  13. package/dist/components/DataGridBySchemaEditable/InputInterval.d.ts +3 -0
  14. package/dist/components/DataGridBySchemaEditable/InputInterval.js +105 -0
  15. package/dist/components/DataGridBySchemaEditable/SelectEditInputCell.d.ts +33 -0
  16. package/dist/components/DataGridBySchemaEditable/SelectEditInputCell.js +140 -0
  17. package/dist/components/DataGridBySchemaEditable/utils.d.ts +15 -0
  18. package/{src/components/DataGridBySchemaEditable/utils.ts → dist/components/DataGridBySchemaEditable/utils.js} +32 -50
  19. package/dist/components/DataGridBySchemaEditable.d.ts +34 -0
  20. package/dist/components/DataGridBySchemaEditable.js +549 -0
  21. package/dist/components/DataTotals.d.ts +14 -0
  22. package/dist/components/DataTotals.js +23 -0
  23. package/dist/components/DialogActions.d.ts +10 -0
  24. package/dist/components/DialogActions.js +17 -0
  25. package/dist/components/DialogJSONSchemaForm.d.ts +12 -0
  26. package/dist/components/DialogJSONSchemaForm.js +20 -0
  27. package/dist/components/FormButtons.d.ts +14 -0
  28. package/dist/components/FormButtons.js +39 -0
  29. package/dist/components/GenericModelList.d.ts +19 -0
  30. package/dist/components/GenericModelList.js +113 -0
  31. package/dist/components/GenericRelatedModelList.d.ts +25 -0
  32. package/dist/components/GenericRelatedModelList.js +111 -0
  33. package/dist/components/TextFieldBySchema.js +39 -0
  34. package/dist/context/APIWrapper.d.ts +12 -0
  35. package/dist/context/APIWrapper.js +341 -0
  36. package/dist/context/APIWrapperContext.d.ts +75 -0
  37. package/dist/context/APIWrapperContext.js +15 -0
  38. package/dist/context/DRFReactBySchemaContext.d.ts +20 -0
  39. package/dist/context/DRFReactBySchemaContext.js +19 -0
  40. package/dist/context/DRFReactBySchemaProvider.d.ts +13 -0
  41. package/dist/context/DRFReactBySchemaProvider.js +53 -0
  42. package/dist/context/Form.d.ts +11 -0
  43. package/dist/context/Form.js +82 -0
  44. package/dist/context/Overlays.d.ts +4 -0
  45. package/dist/context/Overlays.js +87 -0
  46. package/dist/index.d.ts +11 -0
  47. package/dist/index.js +14 -27
  48. package/{src/styles/index.ts → dist/styles/index.d.ts} +0 -1
  49. package/dist/styles/index.js +28 -0
  50. package/dist/styles/layout.d.ts +107 -0
  51. package/dist/styles/layout.js +56 -0
  52. package/dist/styles/theme.d.ts +21 -0
  53. package/dist/styles/theme.js +139 -0
  54. package/dist/utils.d.ts +75 -0
  55. package/dist/utils.js +268 -0
  56. package/package.json +15 -2
  57. package/.eslintrc.js +0 -14
  58. package/.gitlab-ci.yml +0 -14
  59. package/src/api.ts +0 -733
  60. package/src/components/DataGridBySchemaEditable/ConfirmDialog.tsx +0 -41
  61. package/src/components/DataGridBySchemaEditable/CustomToolbar.tsx +0 -93
  62. package/src/components/DataGridBySchemaEditable/FooterToolbar.tsx +0 -77
  63. package/src/components/DataGridBySchemaEditable/GridDecimalInput.tsx +0 -41
  64. package/src/components/DataGridBySchemaEditable/GridPatternInput.tsx +0 -37
  65. package/src/components/DataGridBySchemaEditable/InputInterval.tsx +0 -194
  66. package/src/components/DataGridBySchemaEditable/SelectEditInputCell.tsx +0 -153
  67. package/src/components/DataGridBySchemaEditable.md +0 -50
  68. package/src/components/DataGridBySchemaEditable.tsx +0 -747
  69. package/src/components/DataTotals.tsx +0 -56
  70. package/src/components/GenericModelList.tsx +0 -155
  71. package/src/context/DRFReactBySchemaProvider.md +0 -50
  72. package/src/context/DRFReactBySchemaProvider.tsx +0 -78
  73. package/src/index.ts +0 -64
  74. package/src/styles/layout.ts +0 -104
  75. package/src/styles/theme.ts +0 -190
  76. package/src/utils.ts +0 -321
  77. package/styleguide.config.js +0 -13
  78. package/tsconfig.json +0 -104
  79. 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;
@@ -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
- // Components:
56
- const DRFReactBySchemaProvider_1 = __importStar(require("./context/DRFReactBySchemaProvider"));
33
+ // Wrappers/Providers:
34
+ const DRFReactBySchemaProvider_1 = __importDefault(require("./context/DRFReactBySchemaProvider"));
57
35
  exports.DRFReactBySchemaProvider = DRFReactBySchemaProvider_1.default;
58
- Object.defineProperty(exports, "DRFReactBySchemaContext", { enumerable: true, get: function () { return DRFReactBySchemaProvider_1.DRFReactBySchemaContext; } });
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;
@@ -1,3 +1,2 @@
1
1
  import * as Layout from './layout';
2
-
3
2
  export { Layout };
@@ -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;
@@ -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 {};