drf-react-by-schema 0.8.10 → 0.9.0

package/README.md

@@ -1,4 +1,4 @@
-![DRF And React By Schema - React](https://gitlab.com/eita/drf-react-by-schema/drf-react-by-schema-js/-/raw/master/banner_drf-react-by-schema_react_1280x500.png){width=100%}
+![DRF And React By Schema - React](https://gitlab.com/eita/drf-react-by-schema/drf-react-by-schema-js/-/raw/master/banner_drf-react-by-schema_react_1280x500.png)
 
 *This package, with the corresponding Django package with the same name, enables a django headless infrastructure for running with react very easily, directly from your models.*
 

package/dist/api.d.ts

@@ -15,6 +15,10 @@ interface TargetApiParamsOptionalId {
     data: Item;
     id?: Id;
 }
+export declare const getRawData: ({ path, serverEndPoint, }: {
+    path: string;
+    serverEndPoint: serverEndPointType | null;
+}) => Promise<any>;
 /**
  *
  * @param options - params

package/dist/api.js

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAllModels = exports.getGenericModel = exports.getGenericModelList = exports.signUp = exports.getSignUpOptions = exports.isLoggedIn = exports.setAuthToken = exports.hasJWT = exports.clearJWT = exports.loginByPayload = exports.getAutoComplete = exports.addExistingRelatedModel = exports.updateDataBySchema = exports.createOrUpdateData = exports.deleteData = exports.createData = exports.partialUpdateData = exports.updateData = void 0;
+exports.getAllModels = exports.getGenericModel = exports.getGenericModelList = exports.signUp = exports.getSignUpOptions = exports.isLoggedIn = exports.setAuthToken = exports.hasJWT = exports.clearJWT = exports.loginByPayload = exports.getAutoComplete = exports.addExistingRelatedModel = exports.updateDataBySchema = exports.createOrUpdateData = exports.deleteData = exports.createData = exports.partialUpdateData = exports.updateData = exports.getRawData = void 0;
 const axios_1 = __importDefault(require("axios"));
 const moment_1 = __importDefault(require("moment"));
 const utils_1 = require("./utils");
@@ -77,11 +77,45 @@ const getSchema = (path, serverEndPoint) => __awaiter(void 0, void 0, void 0, fu
     delete modelOptions.actions;
     return { schema: options.actions.POST, modelOptions };
 });
-const getData = ({ path, serverEndPoint, route = 'api', page, }) => __awaiter(void 0, void 0, void 0, function* () {
+const getRawData = ({ path, serverEndPoint, }) => __awaiter(void 0, void 0, void 0, function* () {
     var _b;
     if (!serverEndPoint) {
         return false;
     }
+    const url = `${serverEndPoint.api}/${path}`;
+    try {
+        const { data } = yield axios_1.default.get(url);
+        return data;
+    }
+    catch (e) {
+        if (axios_1.default.isAxiosError(e)) {
+            const err = e;
+            if (((_b = err.response) === null || _b === void 0 ? void 0 : _b.status) === 401) {
+                const isRefreshed = yield refreshToken(serverEndPoint);
+                if (!isRefreshed) {
+                    console.log('Token expirou! Deve-se fazer login de novo');
+                    return false;
+                }
+                try {
+                    const { data } = yield axios_1.default.get(url);
+                    return data;
+                }
+                catch (e) {
+                    console.log(`Error fetching data from ${url} after token refresh`, e);
+                    return false;
+                }
+            }
+        }
+        console.log(`Error fetching data from ${url}`, e);
+        return false;
+    }
+});
+exports.getRawData = getRawData;
+const getData = ({ path, serverEndPoint, route = 'api', page, }) => __awaiter(void 0, void 0, void 0, function* () {
+    var _c;
+    if (!serverEndPoint) {
+        return false;
+    }
     const url = `${serverEndPoint[route]}/${path}`;
     try {
         const { data } = yield axios_1.default.get(url);
@@ -90,7 +124,7 @@ const getData = ({ path, serverEndPoint, route = 'api', page, }) => __awaiter(vo
     catch (e) {
         if (axios_1.default.isAxiosError(e)) {
             const err = e;
-            if (((_b = err.response) === null || _b === void 0 ? void 0 : _b.status) === 401) {
+            if (((_c = err.response) === null || _c === void 0 ? void 0 : _c.status) === 401) {
                 const isRefreshed = yield refreshToken(serverEndPoint);
                 if (!isRefreshed) {
                     console.log('Token expirou! Deve-se fazer login de novo');
@@ -116,7 +150,7 @@ const getData = ({ path, serverEndPoint, route = 'api', page, }) => __awaiter(vo
  * @returns Id when succesfully updated, false otherwise
  */
 const updateData = ({ path, serverEndPoint, data, id }) => __awaiter(void 0, void 0, void 0, function* () {
-    var _c, _d, _e;
+    var _d, _e, _f;
     if (!serverEndPoint) {
         return { errors: 'Não há definição de API (serverEndPoint!' };
     }
@@ -127,7 +161,7 @@ const updateData = ({ path, serverEndPoint, data, id }) => __awaiter(void 0, voi
     catch (e) {
         if (axios_1.default.isAxiosError(e)) {
             const err = e;
-            if (((_c = err.response) === null || _c === void 0 ? void 0 : _c.status) === 401) {
+            if (((_d = err.response) === null || _d === void 0 ? void 0 : _d.status) === 401) {
                 const isRefreshed = yield refreshToken(serverEndPoint);
                 if (!isRefreshed) {
                     console.log('Token expirou! Deve-se fazer login de novo');
@@ -142,15 +176,15 @@ const updateData = ({ path, serverEndPoint, data, id }) => __awaiter(void 0, voi
                 }
                 return id;
             }
-            console.log(`Error updating data at ${url}`, data, (_d = err.response) === null || _d === void 0 ? void 0 : _d.data);
-            return { errors: (_e = err.response) === null || _e === void 0 ? void 0 : _e.data };
+            console.log(`Error updating data at ${url}`, data, (_e = err.response) === null || _e === void 0 ? void 0 : _e.data);
+            return { errors: (_f = err.response) === null || _f === void 0 ? void 0 : _f.data };
         }
     }
     return id;
 });
 exports.updateData = updateData;
 const partialUpdateData = ({ path, serverEndPoint, data, id }) => __awaiter(void 0, void 0, void 0, function* () {
-    var _f, _g, _h, _j, _k;
+    var _g, _h, _j, _k, _l;
     if (!serverEndPoint) {
         return { errors: 'Não há definição de API (serverEndPoint!' };
     }
@@ -162,30 +196,30 @@ const partialUpdateData = ({ path, serverEndPoint, data, id }) => __awaiter(void
     catch (e) {
         if (axios_1.default.isAxiosError(e)) {
             const err = e;
-            if (((_f = err.response) === null || _f === void 0 ? void 0 : _f.status) === 401) {
+            if (((_g = err.response) === null || _g === void 0 ? void 0 : _g.status) === 401) {
                 const isRefreshed = yield refreshToken(serverEndPoint);
                 if (!isRefreshed) {
                     console.log('Token expirou! Deve-se fazer login de novo');
-                    return { errors: (_g = err.response) === null || _g === void 0 ? void 0 : _g.data };
+                    return { errors: (_h = err.response) === null || _h === void 0 ? void 0 : _h.data };
                 }
                 try {
                     yield axios_1.default.patch(url, data);
                 }
                 catch (e) {
                     console.log(`Error partial updating data at ${url}`, data, e);
-                    return { errors: (_h = err.response) === null || _h === void 0 ? void 0 : _h.data };
+                    return { errors: (_j = err.response) === null || _j === void 0 ? void 0 : _j.data };
                 }
                 return id;
             }
-            console.log(`Error partial updating data at ${url}`, data, (_j = err.response) === null || _j === void 0 ? void 0 : _j.data);
-            return { errors: (_k = err.response) === null || _k === void 0 ? void 0 : _k.data };
+            console.log(`Error partial updating data at ${url}`, data, (_k = err.response) === null || _k === void 0 ? void 0 : _k.data);
+            return { errors: (_l = err.response) === null || _l === void 0 ? void 0 : _l.data };
         }
     }
     return id;
 });
 exports.partialUpdateData = partialUpdateData;
 const createData = ({ path, serverEndPoint, data }) => __awaiter(void 0, void 0, void 0, function* () {
-    var _l, _m, _o;
+    var _m, _o, _p;
     if (!serverEndPoint) {
         return { errors: 'Não há definição de API (serverEndPoint!' };
     }
@@ -197,7 +231,7 @@ const createData = ({ path, serverEndPoint, data }) => __awaiter(void 0, void 0,
     catch (e) {
         if (axios_1.default.isAxiosError(e)) {
             const err = e;
-            if (((_l = err.response) === null || _l === void 0 ? void 0 : _l.status) === 401) {
+            if (((_m = err.response) === null || _m === void 0 ? void 0 : _m.status) === 401) {
                 const isRefreshed = yield refreshToken(serverEndPoint);
                 if (!isRefreshed) {
                     console.log('Token expirou! Deve-se fazer login de novo');
@@ -212,15 +246,15 @@ const createData = ({ path, serverEndPoint, data }) => __awaiter(void 0, void 0,
                 }
                 return ret;
             }
-            console.log(`Error creating data at ${url}`, data, (_m = err.response) === null || _m === void 0 ? void 0 : _m.data);
-            return { errors: (_o = err.response) === null || _o === void 0 ? void 0 : _o.data };
+            console.log(`Error creating data at ${url}`, data, (_o = err.response) === null || _o === void 0 ? void 0 : _o.data);
+            return { errors: (_p = err.response) === null || _p === void 0 ? void 0 : _p.data };
         }
     }
     return ret;
 });
 exports.createData = createData;
 const deleteData = (path, serverEndPoint, id) => __awaiter(void 0, void 0, void 0, function* () {
-    var _p;
+    var _q;
     if (!serverEndPoint) {
         console.log('Não há definição de API (serverEndPoint!');
         return false;
@@ -232,7 +266,7 @@ const deleteData = (path, serverEndPoint, id) => __awaiter(void 0, void 0, void
     catch (e) {
         if (axios_1.default.isAxiosError(e)) {
             const err = e;
-            if (((_p = err.response) === null || _p === void 0 ? void 0 : _p.status) === 401) {
+            if (((_q = err.response) === null || _q === void 0 ? void 0 : _q.status) === 401) {
                 const isRefreshed = yield refreshToken(serverEndPoint);
                 if (!isRefreshed) {
                     console.log('Token expirou! Deve-se fazer login de novo');
@@ -336,12 +370,6 @@ const prepareDataBySchema = ({ data, schema }) => {
     return dbData;
 };
 const updateDataBySchema = ({ model, modelObjectId, serverEndPoint, data, schema, path = null, }) => __awaiter(void 0, void 0, void 0, function* () {
-    /*console.log({
-        model,
-        modelObjectId,
-        data,
-        schema
-    });*/
     const dbData = prepareDataBySchema({ data, schema });
     if (!path) {
         path = model;
@@ -353,6 +381,14 @@ const updateDataBySchema = ({ model, modelObjectId, serverEndPoint, data, schema
         data: dbData,
         id: modelObjectId,
     });
+    /*console.log({
+        model,
+        modelObjectId,
+        data,
+        schema,
+        dbData,
+        response,
+    });*/
     if (typeof response !== 'object' && parseInt(response)) {
         return response;
     }
@@ -495,7 +531,7 @@ const getSignUpOptions = (serverEndPoint) => __awaiter(void 0, void 0, void 0, f
 });
 exports.getSignUpOptions = getSignUpOptions;
 const signUp = (data, serverEndPoint) => __awaiter(void 0, void 0, void 0, function* () {
-    var _q;
+    var _r;
     if (!serverEndPoint || !serverEndPoint.signUp) {
         return false;
     }
@@ -508,7 +544,7 @@ const signUp = (data, serverEndPoint) => __awaiter(void 0, void 0, void 0, funct
     catch (e) {
         if (axios_1.default.isAxiosError(e)) {
             const err = e;
-            if (((_q = err.response) === null || _q === void 0 ? void 0 : _q.status) === 401) {
+            if (((_r = err.response) === null || _r === void 0 ? void 0 : _r.status) === 401) {
                 const isRefreshed = yield refreshToken(serverEndPoint);
                 if (!isRefreshed) {
                     console.log('Token expirou! Deve-se fazer login de novo');

package/dist/components/DataGridBySchemaEditable.js

@@ -75,7 +75,7 @@ const stringMask = require('string-mask');
 const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
     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, hasBulkSelect = 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", "hasBulkSelect", "sx", "isAutoHeight", "defaultValues", "hideFooterPagination", "setVisibleRows", "paginationModel", "setPaginationModel"]);
     const { serverEndPoint } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
-    const apiContext = react_1.default.useContext(APIWrapperContext_1.APIWrapperContext);
+    const apiContext = (0, APIWrapperContext_1.useAPIWrapper)();
     const initialSnackBar = {
         open: false,
         msg: '',
@@ -513,8 +513,20 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                 setDataGridLoading(false);
                 return newRow;
             }
+            setDataGridLoading(false);
+            return false;
         }
+        const response = yield apiContext.onEditModelDataGridSave({
+            model,
+            id: newRow.id,
+            newRow,
+            schema,
+        });
         setDataGridLoading(false);
+        if (response) {
+            newRow.id = response;
+            return newRow;
+        }
         return false;
     });
     const customPaddings = isAutoHeight

package/dist/components/GenericModelList.d.ts

@@ -3,17 +3,21 @@ import { GridFilterModel } from '@mui/x-data-grid';
 import { GridEnrichedBySchemaColDef } from '../utils';
 import { SumRowsType } from '../api';
 interface GenericModelListProps {
+    model: string;
     columnFields: string[];
     hiddenFields?: string[];
+    creatableFields?: string[];
     minWidthFields?: Record<string, number>;
-    indexFieldBasePath: string;
     indexField: string;
-    hasBulkSelect?: boolean;
+    indexFieldBasePath: string;
+    addExistingModel?: string;
+    onProcessRow?: (p: any) => void;
     customColumnOperations?: (column: GridEnrichedBySchemaColDef) => GridEnrichedBySchemaColDef;
     customLinkDestination?: (p: any) => string;
+    isEditable?: boolean;
+    hasBulkSelect?: boolean;
     sumRows?: SumRowsType;
     isAutoHeight?: boolean;
-    model: string;
     forceReload: boolean;
     LinkComponent?: any | null;
     hasHeader: boolean;
@@ -21,5 +25,5 @@ interface GenericModelListProps {
     defaultFilter?: GridFilterModel;
     queryParams?: string[];
 }
-declare const GenericModelList: ({ columnFields, hiddenFields, minWidthFields, indexFieldBasePath, indexField, hasBulkSelect, customColumnOperations, customLinkDestination, sumRows, isAutoHeight, model, forceReload, LinkComponent, hasHeader, paginationMode, defaultFilter, queryParams, }: GenericModelListProps) => JSX.Element;
+declare const GenericModelList: ({ model, columnFields, hiddenFields, creatableFields, minWidthFields, indexField, indexFieldBasePath, addExistingModel, onProcessRow, customColumnOperations, customLinkDestination, isEditable, hasBulkSelect, sumRows, isAutoHeight, forceReload, LinkComponent, hasHeader, paginationMode, defaultFilter, queryParams, }: GenericModelListProps) => JSX.Element;
 export default GenericModelList;

package/dist/components/GenericModelList.js

@@ -48,15 +48,9 @@ const utils_1 = require("../utils");
 const api_1 = require("../api");
 const DRFReactBySchemaContext_1 = require("../context/DRFReactBySchemaContext");
 const APIWrapperContext_1 = require("../context/APIWrapperContext");
-const GenericModelList = ({ columnFields, hiddenFields = [], minWidthFields, indexFieldBasePath, indexField, hasBulkSelect = false, customColumnOperations, customLinkDestination, sumRows, isAutoHeight = true, model, forceReload = false, LinkComponent = null, hasHeader = false, paginationMode = 'client', defaultFilter, queryParams, }) => {
-    const context = react_1.default.useContext(DRFReactBySchemaContext_1.DRFReactBySchemaContext);
-    const apiContext = react_1.default.useContext(APIWrapperContext_1.APIWrapperContext);
-    if (!apiContext) {
-        console.log('ERRO: É necessário haver o apiContext para gerar este componente!');
-        return react_1.default.createElement(react_1.default.Fragment, null);
-    }
-    const { serverEndPoint, isInBatches, firstBatchLength } = context;
-    const { handleLoading } = apiContext;
+const GenericModelList = ({ model, columnFields, hiddenFields = [], creatableFields, minWidthFields, indexField, indexFieldBasePath, addExistingModel, onProcessRow, customColumnOperations, customLinkDestination, isEditable, hasBulkSelect = false, sumRows, isAutoHeight = true, forceReload = false, LinkComponent = null, hasHeader = false, paginationMode = 'client', defaultFilter, queryParams, }) => {
+    const { serverEndPoint, isInBatches, firstBatchLength } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
+    const { onEditModel, handleLoading } = (0, APIWrapperContext_1.useAPIWrapper)();
     const [data, setData] = (0, react_1.useState)(false);
     const [visibleRows, setVisibleRows] = (0, react_1.useState)([]);
     const [hideFooterPagination, setHideFooterPagination] = (0, react_1.useState)(false);
@@ -81,6 +75,7 @@ const GenericModelList = ({ columnFields, hiddenFields = [], minWidthFields, ind
                     serverEndPoint,
                     columnFields,
                     hiddenFields,
+                    creatableFields,
                     isInBatches,
                     queryParams,
                 };
@@ -110,6 +105,7 @@ const GenericModelList = ({ columnFields, hiddenFields = [], minWidthFields, ind
                     serverEndPoint,
                     columnFields,
                     hiddenFields,
+                    creatableFields,
                     page,
                     filter,
                     queryParams,
@@ -137,7 +133,7 @@ const GenericModelList = ({ columnFields, hiddenFields = [], minWidthFields, ind
             loadObjectList();
         }
     }, [paginationModel]);
-    if (!context.serverEndPoint || !apiContext) {
+    if (!serverEndPoint) {
         console.error('Error: There is no endpoint defined in DRFReactBySchemaProvider!');
         return react_1.default.createElement(react_1.default.Fragment, null);
     }
@@ -148,7 +144,7 @@ const GenericModelList = ({ columnFields, hiddenFields = [], minWidthFields, ind
                 react_1.default.createElement(LinkComponent, { to: `novo` },
                     react_1.default.createElement(Button_1.default, { variant: "contained", size: "medium", sx: { alignSelf: 'stretch' }, startIcon: react_1.default.createElement(AddCircleOutline_1.default, null) }, "Adicionar")))))),
         react_1.default.createElement(Box_1.default, { sx: styles_1.Layout.dataGridWithTabs },
-            react_1.default.createElement(DataGridBySchemaEditable_1.default, { data: data.data, columns: data.columns, schema: data.schema || {}, model: model, indexField: indexField, indexFieldBasePath: indexFieldBasePath, isEditable: false, hasBulkSelect: hasBulkSelect, isAutoHeight: isAutoHeight, hideFooterPagination: hideFooterPagination, customColumnOperations: finalCustomColumnOperations, customLinkDestination: customLinkDestination, setVisibleRows: setVisibleRows, onDataChange: (newData) => {
+            react_1.default.createElement(DataGridBySchemaEditable_1.default, { data: data.data, columns: data.columns, schema: data.schema || {}, model: model, indexField: indexField, indexFieldBasePath: indexFieldBasePath, addExistingModel: addExistingModel, isEditable: isEditable, hasBulkSelect: hasBulkSelect, onEditModel: onEditModel, isAutoHeight: isAutoHeight, customColumnOperations: finalCustomColumnOperations, setVisibleRows: setVisibleRows, hideFooterPagination: hideFooterPagination, customLinkDestination: customLinkDestination, onProcessRow: onProcessRow, onDataChange: (newData) => {
                     setData(Object.assign(Object.assign({}, data), { data: newData }));
                 }, LinkComponent: LinkComponent, paginationModel: paginationMode === 'server' ? paginationModel : undefined, setPaginationModel: paginationMode === 'server' ? setPaginationModel : undefined, rowCount: paginationMode === 'client'
                     ? undefined

package/dist/components/GenericRelatedModelList.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { GridFilterModel } from '@mui/x-data-grid';
 import { GridEnrichedBySchemaColDef, Id, Item } from '../utils';
 import { SumRowsType } from '../api';
@@ -7,26 +7,25 @@ interface GenericRelatedModelListProps {
     id: Id;
     relatedModel: string;
     columnFields: string[];
-    creatableFields: string[];
     hiddenFields: string[];
+    creatableFields: string[];
     usuaria?: Item | null;
     minWidthFields?: Record<string, number>;
     indexField?: string;
+    indexFieldBasePath?: string;
     addExistingModel?: string;
     label: string;
     onProcessRow?: (p: any) => void;
-    sumRows?: SumRowsType;
     customColumnOperations?: (column: GridEnrichedBySchemaColDef) => GridEnrichedBySchemaColDef;
     isEditable?: boolean;
     hasBulkSelect?: boolean;
+    sumRows?: SumRowsType;
     isAutoHeight?: boolean;
     isInBatches?: boolean;
-    indexFieldBasePath?: string;
     noCardWrapper?: boolean;
-    LinkComponent?: React.ReactNode;
     paginationMode: 'server' | 'client';
     defaultFilter?: GridFilterModel;
     queryParams?: string[];
 }
-export default function GenericRelatedModelList({ id, model, relatedModel, columnFields, creatableFields, hiddenFields, usuaria, minWidthFields, indexField, addExistingModel, label, onProcessRow, sumRows, customColumnOperations, isEditable, hasBulkSelect, isAutoHeight, isInBatches, indexFieldBasePath, noCardWrapper, paginationMode, defaultFilter, queryParams, }: GenericRelatedModelListProps): JSX.Element;
+export default function GenericRelatedModelList({ model, id, relatedModel, columnFields, hiddenFields, creatableFields, usuaria, minWidthFields, indexField, indexFieldBasePath, addExistingModel, label, onProcessRow, customColumnOperations, isEditable, hasBulkSelect, sumRows, isAutoHeight, isInBatches, noCardWrapper, paginationMode, defaultFilter, queryParams, }: GenericRelatedModelListProps): JSX.Element;
 export {};

package/dist/components/GenericRelatedModelList.js

@@ -48,7 +48,7 @@ const api_1 = require("../api");
 const styles_1 = require("../styles");
 const ContentTable = ({ data, relatedModel, model, id, indexField, indexFieldBasePath, addExistingModel, isEditable, onEditModel, finalCustomColumnOperations, setVisibleRows, isAutoHeight, hideFooterPagination, onProcessRow, setData, sumRows, visibleRows, paginationMode = 'client', paginationModel, setPaginationModel, hasBulkSelect, }) => (react_1.default.createElement(react_1.default.Fragment, null,
     data.columns && (react_1.default.createElement(Box_1.default, { sx: styles_1.Layout.dataGridFixedHeight },
-        react_1.default.createElement(DataGridBySchemaEditable_1.default, { data: data.data, columns: data.columns, schema: data.schema, model: relatedModel, modelParent: model, modelParentId: id, indexField: indexField, indexFieldBasePath: indexFieldBasePath, addExistingModel: addExistingModel, isEditable: isEditable, hasBulkSelect: hasBulkSelect, onEditModel: onEditModel, customColumnOperations: finalCustomColumnOperations, setVisibleRows: setVisibleRows, isAutoHeight: isAutoHeight, hideFooterPagination: hideFooterPagination, onProcessRow: onProcessRow, onDataChange: (newData) => {
+        react_1.default.createElement(DataGridBySchemaEditable_1.default, { data: data.data, columns: data.columns, schema: data.schema, model: relatedModel, modelParent: model, modelParentId: id, indexField: indexField, indexFieldBasePath: indexFieldBasePath, addExistingModel: addExistingModel, isEditable: isEditable, hasBulkSelect: hasBulkSelect, onEditModel: onEditModel, isAutoHeight: isAutoHeight, customColumnOperations: finalCustomColumnOperations, setVisibleRows: setVisibleRows, hideFooterPagination: hideFooterPagination, onProcessRow: onProcessRow, onDataChange: (newData) => {
                 setData(Object.assign(Object.assign({}, data), { data: newData }));
             }, paginationModel: paginationMode === 'server' ? paginationModel : undefined, setPaginationModel: paginationMode === 'server' ? setPaginationModel : undefined, rowCount: paginationMode === 'client'
                 ? undefined
@@ -56,7 +56,7 @@ const ContentTable = ({ data, relatedModel, model, id, indexField, indexFieldBas
                     ? data.rowCount
                     : 0 }))),
     react_1.default.createElement(DataTotals_1.default, { data: data.data, sumRows: sumRows, visibleRows: visibleRows })));
-function GenericRelatedModelList({ id, model, relatedModel, columnFields, creatableFields, hiddenFields, usuaria = null, minWidthFields, indexField, addExistingModel, label, onProcessRow, sumRows, customColumnOperations, isEditable = true, hasBulkSelect = false, isAutoHeight = false, isInBatches = true, indexFieldBasePath, noCardWrapper = false, paginationMode = 'client', defaultFilter, queryParams, }) {
+function GenericRelatedModelList({ model, id, relatedModel, columnFields, hiddenFields, creatableFields, usuaria = null, minWidthFields, indexField, indexFieldBasePath, addExistingModel, label, onProcessRow, customColumnOperations, isEditable = true, hasBulkSelect = false, sumRows, isAutoHeight = false, isInBatches = true, noCardWrapper = false, paginationMode = 'client', defaultFilter, queryParams, }) {
     const [data, setData] = (0, react_1.useState)(false);
     const [visibleRows, setVisibleRows] = (0, react_1.useState)([]);
     const [hideFooterPagination, setHideFooterPagination] = (0, react_1.useState)(false);

package/dist/context/APIWrapper.js

@@ -201,6 +201,28 @@ function APIWrapper({ setLoading, handleLoading, setSnackBar, setDialog, childre
         }
         handleLoading(false);
     });
+    const onEditModelDataGridSave = ({ model, newRow, schema, }) => __awaiter(this, void 0, void 0, function* () {
+        const response = yield (0, api_1.updateDataBySchema)({
+            model,
+            modelObjectId: newRow.id,
+            serverEndPoint,
+            data: newRow,
+            schema,
+            path: model,
+        });
+        if (response && !Object.prototype.hasOwnProperty.call(response, 'errors')) {
+            onTriggerSnackBar({
+                msg: 'Alterações salvas com sucesso!',
+                severity: 'info',
+            });
+            return response;
+        }
+        onTriggerSnackBar({
+            msg: 'Não foi possível salvar os dados. Confira os erros.',
+            severity: 'error',
+        });
+        return false;
+    });
     const onEditModel = ({ fieldKey, index, model, id, labelKey, setValue, getValues, }) => {
         setDialog({
             open: true,
@@ -352,6 +374,9 @@ function APIWrapper({ setLoading, handleLoading, setSnackBar, setDialog, childre
         console.error('There must be a serverEndPoint properly configured for apiWrapper to work!');
         return react_1.default.createElement(react_1.default.Fragment, null, children);
     }
+    function localGetRawData(route) {
+        return (0, api_1.getRawData)({ path: route, serverEndPoint });
+    }
     function localGetAutoComplete(model) {
         return (0, api_1.getAutoComplete)({ model, serverEndPoint });
     }
@@ -360,7 +385,7 @@ function APIWrapper({ setLoading, handleLoading, setSnackBar, setDialog, childre
     }
     function localGetAllModels() {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield (0, api_1.getAllModels)(serverEndPoint);
+            return (yield (0, api_1.getAllModels)(serverEndPoint));
         });
     }
     function localLoginByPayload(payload) {
@@ -388,12 +413,14 @@ function APIWrapper({ setLoading, handleLoading, setSnackBar, setDialog, childre
             pageFormState: [pageForm, setPageForm],
             onEditModel,
             onEditModelSave,
+            onEditModelDataGridSave,
             onDeleteModel,
             onEditRelatedModelSave,
             onDeleteRelatedModel,
             onTriggerSnackBar,
             setDialog,
             // api utils:
+            getRawData: localGetRawData,
             getAutoComplete: localGetAutoComplete,
             getGenericModelList: localGetGenericModelList,
             getAllModels: localGetAllModels,

package/dist/context/APIWrapperContext.d.ts

@@ -40,6 +40,12 @@ export interface OnEditRelatedModelType {
     schema: SchemaType;
     onlyAddExisting: boolean;
 }
+export interface onEditModelDataGridSaveType {
+    model: string;
+    id: Id;
+    newRow: Item;
+    schema: SchemaType;
+}
 export interface OnDeleteRelatedModelType {
     model: string;
     id: Id;
@@ -68,12 +74,14 @@ export interface APIWrapperContextType {
     optionsACState: [OptionsACType | null, (x: Partial<OptionsACType>) => void];
     pageFormState: [PageFormType | null, (x: Partial<PageFormType>) => void];
     onEditModel: (p: OnEditModelType) => void;
+    onEditModelDataGridSave: (p: onEditModelDataGridSaveType) => Promise<false | Id>;
     onEditModelSave: (p: Item) => Promise<false | undefined>;
     onDeleteModel: (model: string, id: Id, onSuccess?: (e: React.BaseSyntheticEvent) => any) => void;
     onEditRelatedModelSave: (p: OnEditRelatedModelType) => Promise<boolean | Id | ItemSchemaColumnsType>;
     onDeleteRelatedModel: (p: OnDeleteRelatedModelType) => Promise<boolean>;
     onTriggerSnackBar: (p: SnackBarType) => void;
     setDialog: (x: Partial<DialogType>) => void;
+    getRawData: (route: string) => Promise<false | any>;
     getAutoComplete: (model: string) => Promise<false | Item[]>;
     getGenericModelList: (x: Omit<GetGenericModelListProps, 'serverEndPoint'>) => Promise<false | DataSchemaColumnsType>;
     getAllModels: () => Promise<Item[]>;

package/dist/context/APIWrapperContext.js

@@ -23,6 +23,7 @@ exports.APIWrapperContext = react_1.default.createContext({
     optionsACState: [null, () => undefined],
     pageFormState: [null, () => undefined],
     onEditModel: () => undefined,
+    onEditModelDataGridSave: () => __awaiter(void 0, void 0, void 0, function* () { return false; }),
     onEditModelSave: () => __awaiter(void 0, void 0, void 0, function* () { return undefined; }),
     onDeleteModel: () => undefined,
     onEditRelatedModelSave: () => __awaiter(void 0, void 0, void 0, function* () { return false; }),
@@ -30,6 +31,7 @@ exports.APIWrapperContext = react_1.default.createContext({
     onTriggerSnackBar: () => undefined,
     setDialog: () => undefined,
     // api utils:
+    getRawData: () => __awaiter(void 0, void 0, void 0, function* () { return undefined; }),
     getAutoComplete: () => __awaiter(void 0, void 0, void 0, function* () { return []; }),
     getGenericModelList: () => __awaiter(void 0, void 0, void 0, function* () { return false; }),
     getAllModels: () => __awaiter(void 0, void 0, void 0, function* () { return []; }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drf-react-by-schema",
-  "version": "0.8.10",
+  "version": "0.9.0",
   "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",