drf-react-by-schema 0.17.13 → 0.17.15

package/dist/components/DataGridBySchemaEditable/CustomToolbar.js

@@ -81,9 +81,9 @@ const CustomToolbar = ({ preparedColumns, setPreparedColumns, onSelectActions, s
                         }
                         selectAction.action(selectionModel, bulkUpdateData);
                     } }, selectAction.title)))))),
-            hideColumnsButton && (react_1.default.createElement(x_data_grid_1.GridToolbarColumnsButton, { sx: { ml: '10px', fontSize: '13px' }, placeholder: '' })),
-            hideFilterButton && (react_1.default.createElement(x_data_grid_1.GridToolbarFilterButton, { sx: { ml: '10px', fontSize: '13px' }, placeholder: '' })),
-            hideDensityButton && (react_1.default.createElement(react_1.default.Fragment, null,
+            !hideColumnsButton && (react_1.default.createElement(x_data_grid_1.GridToolbarColumnsButton, { sx: { ml: '10px', fontSize: '13px' }, placeholder: '' })),
+            !hideFilterButton && (react_1.default.createElement(x_data_grid_1.GridToolbarFilterButton, { sx: { ml: '10px', fontSize: '13px' }, placeholder: '' })),
+            !hideDensityButton && (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(x_data_grid_1.GridToolbarDensitySelector, { sx: { ml: '10px', fontSize: '13px' }, placeholder: '' }),
                 react_1.default.createElement(Button_1.default, { onClick: openResizeMenu, sx: { ml: '0px', fontSize: '13px' } },
                     react_1.default.createElement(Expand_1.default, { sx: { transform: 'rotate(90deg)', mr: '6px' } }),
@@ -97,8 +97,8 @@ const CustomToolbar = ({ preparedColumns, setPreparedColumns, onSelectActions, s
                             closeResizeMenu();
                             setPreparedColumns((0, utils_1.resizeColumns)(preparedColumns, 'maxContent', apiRef));
                         } }, "Ajustar ao conte\u00FAdo")))),
-            hideExportButton && react_1.default.createElement(x_data_grid_1.GridToolbarExport, { sx: { ml: '0px', fontSize: '13px' } })),
-        hideQuickFilterBar && (react_1.default.createElement("div", null,
+            !hideExportButton && react_1.default.createElement(x_data_grid_1.GridToolbarExport, { sx: { ml: '0px', fontSize: '13px' } })),
+        !hideQuickFilterBar && (react_1.default.createElement("div", null,
             react_1.default.createElement(x_data_grid_1.GridToolbarQuickFilter, null)))));
 };
 exports.CustomToolbar = CustomToolbar;

package/dist/components/DataGridBySchemaEditable/SelectEditInputCell.js

@@ -129,6 +129,16 @@ function SelectEditInputCell({ field, id, value, column, type, optionsAC, isInde
             }
             if (newValue && newValue.inputValue) {
                 const tmpId = (0, utils_1.getTmpId)();
+                if (onEditModel) {
+                    // Open modal to save new item:
+                    onEditModel({
+                        model: field,
+                        id: tmpId,
+                        labelKey,
+                        fieldsLayout,
+                    });
+                }
+                // Define new Item as an "optimistic response"
                 newValue = {
                     [valueKey]: tmpId,
                     [labelKey]: newValue.inputValue,
@@ -142,7 +152,7 @@ function SelectEditInputCell({ field, id, value, column, type, optionsAC, isInde
                                     open: true,
                                     loading: false,
                                     title: 'Linha sendo criada',
-                                    Body: 'Esta linha está sendo criado agora por você. Para editar suas propriedades, salve antes, e depois você poderá editar!',
+                                    Body: 'Esta linha está sendo criada agora por você. Para editar suas propriedades, salve antes, e depois você poderá editar!',
                                     Actions: (react_1.default.createElement(DialogActions_1.default, { setDialog: setDialog, btnCancel: "Entendi" })),
                                 });
                                 return;

package/dist/components/DataGridBySchemaEditable.d.ts

@@ -51,6 +51,7 @@ interface DataGridBySchemaEditableProps {
     hideExportButton?: boolean;
     hideQuickFilterBar?: boolean;
     optionsAC?: OptionsAC;
+    extraValidators?: Item;
 }
 declare const DataGridBySchemaEditable: React.ForwardRefExoticComponent<DataGridBySchemaEditableProps & React.RefAttributes<unknown>>;
 export default DataGridBySchemaEditable;

package/dist/components/DataGridBySchemaEditable.js

@@ -63,7 +63,7 @@ const BooleanInputCell_1 = require("./DataGridBySchemaEditable/BooleanInputCell"
 const FooterToolbar_1 = require("./DataGridBySchemaEditable/FooterToolbar");
 const ConfirmDialog_1 = require("./DataGridBySchemaEditable/ConfirmDialog");
 const APIWrapperContext_1 = require("../context/APIWrapperContext");
-const DataGridBySchemaEditable = (0, react_1.forwardRef)(({ schema, data, rowCount = 0, columns, model, name = Math.floor(Math.random() * 1000000).toString(), indexField = 'nome', addExistingModel, indexFieldMinWidth = 350, indexFieldBasePath = '', indexFieldViewBasePath, stateToLink = {}, minWidth = 80, loading, modelParent, modelParentId, customColumnOperations, customFieldFormLayouts, customLinkDestination, LinkComponent, onProcessRow, onDataChange, onEditModel, isEditable = false, hasBulkSelect = false, onSelectActions, isAutoHeight = false, defaultValues = {}, hideFooterPagination = false, setVisibleRows, paginationModel = undefined, setPaginationModel = undefined, hideFooterComponent, hideToolbarComponent, tableAutoHeight, actions = ['editInline', 'remove'], customActions, hideColumnsButton, hideFilterButton, hideDensityButton, hideExportButton, hideQuickFilterBar, optionsAC: optionsACExternal, }, ref) => {
+const DataGridBySchemaEditable = (0, react_1.forwardRef)(({ schema, data, rowCount = 0, columns, model, name = Math.floor(Math.random() * 1000000).toString(), indexField = 'nome', addExistingModel, indexFieldMinWidth = 350, indexFieldBasePath = '', indexFieldViewBasePath, stateToLink = {}, minWidth = 80, loading, modelParent, modelParentId, customColumnOperations, customFieldFormLayouts, customLinkDestination, LinkComponent, onProcessRow, onDataChange, onEditModel, isEditable = false, hasBulkSelect = false, onSelectActions, isAutoHeight = false, defaultValues = {}, hideFooterPagination = false, setVisibleRows, paginationModel = undefined, setPaginationModel = undefined, hideFooterComponent, hideToolbarComponent, tableAutoHeight, actions = ['editInline', 'remove'], customActions, hideColumnsButton, hideFilterButton, hideDensityButton, hideExportButton, hideQuickFilterBar, optionsAC: optionsACExternal, extraValidators, }, ref) => {
     const { serverEndPoint } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
     const apiContext = (0, APIWrapperContext_1.useAPIWrapper)();
     const initialSnackBar = {
@@ -577,6 +577,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)(({ schema, data, rowCou
             data: emptyItem.current,
             schema,
             skipFields,
+            extraValidators,
         });
         setDataGrid({
             data,

package/dist/components/forms/inputs/EditableAutocompleteFieldBySchema.js

@@ -121,20 +121,21 @@ const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, ref) =
                                 };
                             }
                             if (newValue && newValue.inputValue) {
+                                const tmpId = (0, utils_1.getTmpId)();
                                 if (onEditModel) {
+                                    // Open modal to save new item:
                                     onEditModel({
                                         fieldKey,
                                         index,
                                         model: optionsModel,
-                                        id: (0, utils_1.getTmpId)(),
+                                        id: tmpId,
                                         labelKey,
                                         setValue,
                                         getValues,
                                         fieldsLayout,
                                     });
-                                    return;
                                 }
-                                const tmpId = (0, utils_1.getTmpId)();
+                                // Define new Item as an "optimistic response"
                                 newValue = {
                                     id: tmpId,
                                     label: newValue.inputValue,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drf-react-by-schema",
-  "version": "0.17.13",
+  "version": "0.17.15",
   "description": "Components and Tools for building a React App having Django Rest Framework (DRF) as server",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",