drf-react-by-schema 0.23.3 → 0.23.4
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridDesktop.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/DataGridDesktop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAEL,SAAS,EACT,oBAAoB,EAEpB,yBAAyB,EAI1B,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"DataGridDesktop.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/DataGridDesktop.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,6 +39,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
39
39
|
const react_1 = __importStar(require("react"));
|
|
40
40
|
const x_data_grid_1 = require("@mui/x-data-grid");
|
|
41
41
|
const Check_1 = __importDefault(require("@mui/icons-material/Check"));
|
|
42
|
+
const Bolt_1 = __importDefault(require("@mui/icons-material/Bolt"));
|
|
43
|
+
const Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
|
|
42
44
|
const Close_1 = __importDefault(require("@mui/icons-material/Close"));
|
|
43
45
|
const Edit_1 = __importDefault(require("@mui/icons-material/Edit"));
|
|
44
46
|
const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
|
|
@@ -47,6 +49,7 @@ const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgre
|
|
|
47
49
|
const styles_1 = require("../../styles");
|
|
48
50
|
const APIWrapperContext_1 = require("../../context/APIWrapperContext");
|
|
49
51
|
const utils_1 = require("../../utils");
|
|
52
|
+
const utils_2 = require("./utils");
|
|
50
53
|
const CustomToolbar_1 = require("./CustomToolbar");
|
|
51
54
|
const FooterToolbar_1 = require("./FooterToolbar");
|
|
52
55
|
const useOptionsAC_1 = require("./hooks/useOptionsAC");
|
|
@@ -170,6 +173,7 @@ function DataGridDesktop({ schema, dataGrid, setDataGrid, rowCount = 0, columns,
|
|
|
170
173
|
width: 100,
|
|
171
174
|
getActions: (params) => {
|
|
172
175
|
const { id } = params;
|
|
176
|
+
const ActionElement = ({ Icon, label }) => (react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { icon: Icon, label: label, color: "inherit", showInMenu: false }));
|
|
173
177
|
if (isRowEditing === id) {
|
|
174
178
|
return [
|
|
175
179
|
react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: "save", icon: react_1.default.createElement(Check_1.default, null), label: "Salvar", onClick: () => handleSaveRow(id), color: "success" }),
|
|
@@ -178,25 +182,67 @@ function DataGridDesktop({ schema, dataGrid, setDataGrid, rowCount = 0, columns,
|
|
|
178
182
|
}, color: "inherit" }),
|
|
179
183
|
];
|
|
180
184
|
}
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
185
|
+
const actionItems = [];
|
|
186
|
+
actions.forEach((action) => {
|
|
187
|
+
switch (action) {
|
|
188
|
+
case 'editInline':
|
|
189
|
+
actionItems.push(react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `editInline_${id}`, icon: actions.includes('edit') ? react_1.default.createElement(Bolt_1.default, null) : react_1.default.createElement(Edit_1.default, null), label: "Editar essa linha na tabela", onClick: () => {
|
|
190
|
+
const visibleColumns = apiRef.current.getAllColumns();
|
|
191
|
+
const firstEditableCol = visibleColumns.find((col) => col.editable && col.field !== 'actions');
|
|
192
|
+
const fieldToFocus = firstEditableCol === null || firstEditableCol === void 0 ? void 0 : firstEditableCol.field;
|
|
193
|
+
apiRef.current.startRowEditMode({ id, fieldToFocus });
|
|
194
|
+
handleStartEditing(id);
|
|
195
|
+
}, color: "inherit" }));
|
|
196
|
+
break;
|
|
197
|
+
case 'remove':
|
|
198
|
+
actionItems.push(react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `remove_${id}`, icon: react_1.default.createElement(Delete_1.default, null), label: "Apagar essa linha", onClick: () => {
|
|
199
|
+
if ((0, utils_1.isTmpId)(id)) {
|
|
200
|
+
const newData = dataGrid.data.filter(({ id: rowId }) => id !== rowId);
|
|
201
|
+
setDataGrid({ data: newData });
|
|
202
|
+
return;
|
|
203
|
+
}
|
|
204
|
+
handleDeleteClick(id);
|
|
205
|
+
}, color: "error" }));
|
|
206
|
+
break;
|
|
207
|
+
case 'edit':
|
|
208
|
+
if (!LinkComponent) {
|
|
209
|
+
console.log('you must pass LinkComponent prop to navigate externally');
|
|
210
|
+
break;
|
|
194
211
|
}
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
212
|
+
actionItems.push(react_1.default.createElement(LinkComponent, { key: `edit_${id}`, to: (0, utils_2.buildEditPath)(indexFieldBasePath, id), state: stateToLink },
|
|
213
|
+
react_1.default.createElement(ActionElement, { Icon: react_1.default.createElement(Edit_1.default, null), label: "Editar esse item em janela separada" })));
|
|
214
|
+
break;
|
|
215
|
+
case 'view':
|
|
216
|
+
if (!LinkComponent) {
|
|
217
|
+
console.log('you must pass LinkComponent prop to navigate externally');
|
|
218
|
+
break;
|
|
219
|
+
}
|
|
220
|
+
if (!indexFieldViewBasePath) {
|
|
221
|
+
console.log('For view action to work, you must supply indexFieldViewBasePath prop!');
|
|
222
|
+
break;
|
|
223
|
+
}
|
|
224
|
+
actionItems.push(react_1.default.createElement(LinkComponent, { key: `view_${id}`, to: `${indexFieldViewBasePath}${id}`, state: stateToLink },
|
|
225
|
+
react_1.default.createElement(ActionElement, { Icon: react_1.default.createElement(Visibility_1.default, null), label: "Visualizar esse item em janela separada" })));
|
|
226
|
+
break;
|
|
227
|
+
}
|
|
228
|
+
});
|
|
229
|
+
if (customActions) {
|
|
230
|
+
customActions.forEach((customAction) => {
|
|
231
|
+
actionItems.push(react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `${customAction.key}_${id}`, icon: customAction.icon, label: customAction.label, onClick: () => customAction.handleClick(dataGrid.data.find((row) => row.id === id)) }));
|
|
232
|
+
});
|
|
233
|
+
}
|
|
234
|
+
return actionItems;
|
|
198
235
|
},
|
|
199
|
-
}), [
|
|
236
|
+
}), [
|
|
237
|
+
apiRef,
|
|
238
|
+
handleDeleteClick,
|
|
239
|
+
isRowEditing,
|
|
240
|
+
dataGrid.data,
|
|
241
|
+
LinkComponent,
|
|
242
|
+
actions,
|
|
243
|
+
customActions,
|
|
244
|
+
indexFieldBasePath,
|
|
245
|
+
]);
|
|
200
246
|
const InternalFooter = (0, react_1.useCallback)(() => (react_1.default.createElement(FooterToolbar_1.FooterToolbar, { isEditable: isEditable, handleAddItem: handleAddItem, isRowEditing: isRowEditing, handleSaveRow: handleSaveRow, handleCancelRow: handleCancelRow })), [isEditable, handleAddItem, isRowEditing, handleSaveRow, handleCancelRow]);
|
|
201
247
|
const checkboxSelection = hasBulkSelect ? true : undefined;
|
|
202
248
|
const disableRowSelectionOnClick = hasBulkSelect ? true : undefined;
|
package/package.json
CHANGED