drf-react-by-schema 0.7.0 → 0.7.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.
|
@@ -74,9 +74,7 @@ const APIWrapperContext_1 = require("../context/APIWrapperContext");
|
|
|
74
74
|
const stringMask = require('string-mask');
|
|
75
75
|
const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
|
|
76
76
|
var { schema, data, rowCount = 0, columns, model, fieldKey, labelKey = 'nome', index, name = Math.floor(Math.random() * 1000000).toString(), indexField = 'nome', addExistingModel, indexFieldMinWidth = 350, indexFieldBasePath = '', stateToLink = {}, minWidth = 80, modelParent, modelParentId, customColumnOperations, customLinkDestination, LinkComponent, onProcessRow, onDataChange, onEditModel, isEditable = false, sx = { mr: 2 }, isAutoHeight = false, defaultValues = {}, hideFooterPagination = false, setVisibleRows, paginationModel = undefined, setPaginationModel = undefined } = _a, other = __rest(_a, ["schema", "data", "rowCount", "columns", "model", "fieldKey", "labelKey", "index", "name", "indexField", "addExistingModel", "indexFieldMinWidth", "indexFieldBasePath", "stateToLink", "minWidth", "modelParent", "modelParentId", "customColumnOperations", "customLinkDestination", "LinkComponent", "onProcessRow", "onDataChange", "onEditModel", "isEditable", "sx", "isAutoHeight", "defaultValues", "hideFooterPagination", "setVisibleRows", "paginationModel", "setPaginationModel"]);
|
|
77
|
-
const { serverEndPoint } = DRFReactBySchemaContext_1.
|
|
78
|
-
? react_1.default.useContext(DRFReactBySchemaContext_1.DRFReactBySchemaContext)
|
|
79
|
-
: { serverEndPoint: null };
|
|
77
|
+
const { serverEndPoint } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
|
|
80
78
|
const apiContext = react_1.default.useContext(APIWrapperContext_1.APIWrapperContext);
|
|
81
79
|
const initialSnackBar = {
|
|
82
80
|
open: false,
|
|
@@ -147,13 +145,13 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
147
145
|
const isInEditMode = ((_a = rowModesModel[id]) === null || _a === void 0 ? void 0 : _a.mode) === x_data_grid_1.GridRowModes.Edit;
|
|
148
146
|
if (isInEditMode) {
|
|
149
147
|
return [
|
|
150
|
-
react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `save_${id}`, icon: react_1.default.createElement(Check_1.default, null), label: "Salvar", onClick: handleSaveClick(id), color: "success", onResize: () => null, onResizeCapture: () => null, showInMenu:
|
|
151
|
-
react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `cancel_${id}`, icon: react_1.default.createElement(Undo_1.default, null), label: "Cancelar", onClick: handleCancelClick(id), color: "inherit", onResize: () => null, onResizeCapture: () => null, showInMenu:
|
|
148
|
+
react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `save_${id}`, icon: react_1.default.createElement(Check_1.default, null), label: "Salvar", onClick: handleSaveClick(id), color: "success", onResize: () => null, onResizeCapture: () => null, showInMenu: false }),
|
|
149
|
+
react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `cancel_${id}`, icon: react_1.default.createElement(Undo_1.default, null), label: "Cancelar", onClick: handleCancelClick(id), color: "inherit", onResize: () => null, onResizeCapture: () => null, showInMenu: false }),
|
|
152
150
|
];
|
|
153
151
|
}
|
|
154
152
|
return [
|
|
155
|
-
react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `edit_${id}`, icon: react_1.default.createElement(Edit_1.default, null), label: "Edit", onClick: handleEditClick(id), color: "inherit", onResize: () => null, onResizeCapture: () => null, showInMenu:
|
|
156
|
-
react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `remove_${id}`, icon: react_1.default.createElement(Clear_1.default, null), label: "Delete", onClick: handleDeleteClick(id), color: "error", onResize: () => null, onResizeCapture: () => null, showInMenu:
|
|
153
|
+
react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `edit_${id}`, icon: react_1.default.createElement(Edit_1.default, null), label: "Edit", onClick: handleEditClick(id), color: "inherit", onResize: () => null, onResizeCapture: () => null, showInMenu: false }),
|
|
154
|
+
react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `remove_${id}`, icon: react_1.default.createElement(Clear_1.default, null), label: "Delete", onClick: handleDeleteClick(id), color: "error", onResize: () => null, onResizeCapture: () => null, showInMenu: false }),
|
|
157
155
|
];
|
|
158
156
|
},
|
|
159
157
|
});
|
|
@@ -41,7 +41,7 @@ const DRFReactBySchemaProvider = ({ serverEndPoint, theme, isInBatches, firstBat
|
|
|
41
41
|
react_1.default.createElement(CssBaseline_1.default, null),
|
|
42
42
|
react_1.default.createElement(DRFReactBySchemaContext_1.DRFReactBySchemaContext.Provider, { value: {
|
|
43
43
|
serverEndPoint,
|
|
44
|
-
theme,
|
|
44
|
+
theme: mergedTheme,
|
|
45
45
|
isInBatches,
|
|
46
46
|
firstBatchLength,
|
|
47
47
|
} },
|
package/dist/styles/theme.js
CHANGED
|
@@ -6,67 +6,102 @@ const x_data_grid_1 = require("@mui/x-data-grid");
|
|
|
6
6
|
const x_date_pickers_1 = require("@mui/x-date-pickers");
|
|
7
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
8
|
const palette = {
|
|
9
|
-
avatars: [
|
|
10
|
-
|
|
9
|
+
avatars: [
|
|
10
|
+
'#e60049',
|
|
11
|
+
'#0bb4ff',
|
|
12
|
+
'#50e991',
|
|
13
|
+
'#e6d800',
|
|
14
|
+
'#9b19f5',
|
|
15
|
+
'#ffa300',
|
|
16
|
+
'#dc0ab4',
|
|
17
|
+
'#b3d4ff',
|
|
18
|
+
'#00bfa0',
|
|
19
|
+
],
|
|
20
|
+
avatarsMore: [
|
|
21
|
+
'#023fa5',
|
|
22
|
+
'#8e063b',
|
|
23
|
+
'#d33f6a',
|
|
24
|
+
'#11c638',
|
|
25
|
+
'#ef9708',
|
|
26
|
+
'#0fcfc0',
|
|
27
|
+
'#f79cd4',
|
|
28
|
+
'#7d87b9',
|
|
29
|
+
'#bb7784',
|
|
30
|
+
'#4a6fe3',
|
|
31
|
+
'#8595e1',
|
|
32
|
+
'#b5bbe3',
|
|
33
|
+
'#e6afb9',
|
|
34
|
+
'#e07b91',
|
|
35
|
+
'#8dd593',
|
|
36
|
+
'#c6dec7',
|
|
37
|
+
'#ead3c6',
|
|
38
|
+
'#f0b98d',
|
|
39
|
+
'#9cded6',
|
|
40
|
+
'#d5eae7',
|
|
41
|
+
'#f3e1eb',
|
|
42
|
+
'#f6c4e1',
|
|
43
|
+
'#bec1d4',
|
|
44
|
+
'#d6bcc0',
|
|
45
|
+
],
|
|
11
46
|
topBarButton: {
|
|
12
|
-
main: '#ffffff'
|
|
47
|
+
main: '#ffffff',
|
|
13
48
|
},
|
|
14
49
|
producao: {
|
|
15
50
|
main: '#e60049',
|
|
16
|
-
contrastText: '#fff'
|
|
51
|
+
contrastText: '#fff',
|
|
17
52
|
},
|
|
18
53
|
empreendimento: {
|
|
19
54
|
main: '#0bb4ff',
|
|
20
|
-
contrastText: '#fff'
|
|
55
|
+
contrastText: '#fff',
|
|
21
56
|
},
|
|
22
57
|
comercializacao: {
|
|
23
58
|
main: '#ffa300',
|
|
24
|
-
contrastText: '#fff'
|
|
59
|
+
contrastText: '#fff',
|
|
25
60
|
},
|
|
26
61
|
credito: {
|
|
27
62
|
main: '#dc0ab4',
|
|
28
|
-
contrastText: '#fff'
|
|
63
|
+
contrastText: '#fff',
|
|
29
64
|
},
|
|
30
65
|
certificacao: {
|
|
31
66
|
main: '#9b19f5',
|
|
32
|
-
contrastText: '#fff'
|
|
67
|
+
contrastText: '#fff',
|
|
33
68
|
},
|
|
34
69
|
background: {
|
|
35
|
-
default: '#D9D9D9'
|
|
70
|
+
default: '#D9D9D9',
|
|
36
71
|
},
|
|
37
72
|
primary: {
|
|
38
|
-
main: '#3949AB'
|
|
73
|
+
main: '#3949AB',
|
|
39
74
|
},
|
|
40
75
|
secondary: {
|
|
41
76
|
main: '#9ca4d5',
|
|
42
|
-
contrastText: '#fff'
|
|
77
|
+
contrastText: '#fff',
|
|
43
78
|
},
|
|
44
79
|
successButton: {
|
|
45
80
|
main: '#CDDC39',
|
|
46
|
-
contrastText: '#fff'
|
|
81
|
+
contrastText: '#fff',
|
|
47
82
|
},
|
|
48
83
|
success: {
|
|
49
84
|
main: '#0e0',
|
|
50
85
|
contrastText: '#fff',
|
|
51
|
-
semaphoric: '#0e0'
|
|
86
|
+
semaphoric: '#0e0',
|
|
52
87
|
},
|
|
53
88
|
error: {
|
|
54
89
|
main: '#d32f2f',
|
|
55
|
-
semaphoric: '#f66'
|
|
90
|
+
semaphoric: '#f66',
|
|
56
91
|
},
|
|
57
92
|
warning: {
|
|
58
93
|
main: '#ee0',
|
|
59
|
-
semaphoric: '#ee0'
|
|
94
|
+
semaphoric: '#ee0',
|
|
60
95
|
},
|
|
61
96
|
selectedItem: {
|
|
62
|
-
main: '#2962FF'
|
|
97
|
+
main: '#2962FF',
|
|
63
98
|
},
|
|
64
99
|
tableColumnHeader: {
|
|
65
|
-
main: '#ECEFF1'
|
|
100
|
+
main: '#ECEFF1',
|
|
66
101
|
},
|
|
67
102
|
formCard: {
|
|
68
|
-
main: '#FFF'
|
|
69
|
-
}
|
|
103
|
+
main: '#FFF',
|
|
104
|
+
},
|
|
70
105
|
};
|
|
71
106
|
const defaultTheme = (0, styles_1.createTheme)({
|
|
72
107
|
palette,
|
|
@@ -75,17 +110,17 @@ const defaultTheme = (0, styles_1.createTheme)({
|
|
|
75
110
|
styleOverrides: {
|
|
76
111
|
contained: {
|
|
77
112
|
// borderRadius: 50
|
|
78
|
-
}
|
|
79
|
-
}
|
|
113
|
+
},
|
|
114
|
+
},
|
|
80
115
|
},
|
|
81
116
|
MuiTextField: {
|
|
82
117
|
styleOverrides: {
|
|
83
118
|
root: {
|
|
84
119
|
'&.Mui-required .MuiFormLabel-asterisk': {
|
|
85
120
|
// color: '#F00'
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
121
|
+
},
|
|
122
|
+
},
|
|
123
|
+
},
|
|
89
124
|
},
|
|
90
125
|
MuiListItemButton: {
|
|
91
126
|
styleOverrides: {
|
|
@@ -93,20 +128,20 @@ const defaultTheme = (0, styles_1.createTheme)({
|
|
|
93
128
|
'&.Mui-selected, :hover': {
|
|
94
129
|
color: palette.selectedItem.main,
|
|
95
130
|
'& .MuiListItemIcon-root': {
|
|
96
|
-
color: palette.selectedItem.main
|
|
97
|
-
}
|
|
131
|
+
color: palette.selectedItem.main,
|
|
132
|
+
},
|
|
98
133
|
},
|
|
99
134
|
'&.Mui-selected:hover': {
|
|
100
135
|
color: palette.selectedItem.main,
|
|
101
136
|
'& .MuiListItemIcon-root': {
|
|
102
|
-
color: palette.selectedItem.main
|
|
103
|
-
}
|
|
137
|
+
color: palette.selectedItem.main,
|
|
138
|
+
},
|
|
104
139
|
},
|
|
105
140
|
'&.disabled': {
|
|
106
|
-
opacity: 0.5
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
}
|
|
141
|
+
opacity: 0.5,
|
|
142
|
+
},
|
|
143
|
+
},
|
|
144
|
+
},
|
|
110
145
|
},
|
|
111
146
|
MuiDataGrid: {
|
|
112
147
|
styleOverrides: {
|
|
@@ -115,25 +150,25 @@ const defaultTheme = (0, styles_1.createTheme)({
|
|
|
115
150
|
'& .MuiDataGrid-columnHeaderTitle': {
|
|
116
151
|
overflow: 'visible',
|
|
117
152
|
lineHeight: '1.43rem',
|
|
118
|
-
whiteSpace: 'normal'
|
|
119
|
-
}
|
|
153
|
+
whiteSpace: 'normal',
|
|
154
|
+
},
|
|
120
155
|
},
|
|
121
156
|
cell: {
|
|
122
157
|
// backgroundColor: 'yellow'
|
|
123
158
|
},
|
|
124
159
|
columnHeader: {
|
|
125
|
-
backgroundColor: palette.tableColumnHeader.main
|
|
126
|
-
}
|
|
127
|
-
}
|
|
160
|
+
backgroundColor: palette.tableColumnHeader.main,
|
|
161
|
+
},
|
|
162
|
+
},
|
|
128
163
|
},
|
|
129
164
|
MuiTabs: {
|
|
130
165
|
styleOverrides: {
|
|
131
166
|
root: {
|
|
132
167
|
backgroundColor: palette.formCard.main,
|
|
133
|
-
marginTop: 20
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
}
|
|
168
|
+
marginTop: 20,
|
|
169
|
+
},
|
|
170
|
+
},
|
|
171
|
+
},
|
|
172
|
+
},
|
|
138
173
|
}, locale_1.ptBR, x_data_grid_1.ptBR, x_date_pickers_1.ptBR);
|
|
139
174
|
exports.default = defaultTheme;
|
package/package.json
CHANGED