drf-react-by-schema 0.5.4 → 0.6.0

package/dist/api.d.ts

@@ -1,11 +1,7 @@
 import { serverEndPointType } from './context/DRFReactBySchemaContext';
-import { Item, SchemaType, modelOptionsType, DataSchemaColumnsType, ItemSchemaColumnsType } from './utils';
+import { Item, SchemaType, modelOptionsType, DataSchemaColumnsType, ItemSchemaColumnsType, PaginatedResult } from './utils';
+import { GridFilterModel } from '@mui/x-data-grid';
 type Id = string | number | null;
-/**
- * Interface for CRUD on API
- *
- * @interface TargetApiParams
- */
 interface TargetApiParams {
     path: string;
     serverEndPoint: serverEndPointType | null;
@@ -20,15 +16,15 @@ interface TargetApiParamsOptionalId {
 }
 /**
  *
- * @param param0
+ * @param options - params
  * @returns Id when succesfully updated, false otherwise
  */
 export declare const updateData: ({ path, serverEndPoint, data, id }: TargetApiParams) => Promise<any>;
 export declare const partialUpdateData: ({ path, serverEndPoint, data, id }: TargetApiParams) => Promise<any>;
 export declare const createData: ({ path, serverEndPoint, data }: Omit<TargetApiParams, 'id'>) => Promise<any>;
 export declare const deleteData: (path: string, serverEndPoint: serverEndPointType | null, id: Id) => Promise<boolean>;
-export declare const createOrUpdateData: ({ path, serverEndPoint, data, id }: TargetApiParamsOptionalId) => Promise<any>;
-export declare const updateDataBySchema: ({ model, modelObjectId, serverEndPoint, data, schema, path }: {
+export declare const createOrUpdateData: ({ path, serverEndPoint, data, id, }: TargetApiParamsOptionalId) => Promise<any>;
+export declare const updateDataBySchema: ({ model, modelObjectId, serverEndPoint, data, schema, path, }: {
     model: string;
     modelObjectId: Id;
     serverEndPoint: serverEndPointType | null;
@@ -36,22 +32,22 @@ export declare const updateDataBySchema: ({ model, modelObjectId, serverEndPoint
     schema: SchemaType;
     path?: string | null | undefined;
 }) => Promise<any>;
-export declare const addExistingRelatedModel: ({ model, serverEndPoint, id, data }: {
+export declare const addExistingRelatedModel: ({ model, serverEndPoint, id, data, }: {
     model: string;
     serverEndPoint: serverEndPointType | null;
     id: Id;
     data: Item;
 }) => Promise<any>;
-export declare const getAutoComplete: ({ model, serverEndPoint }: {
+export declare const getAutoComplete: ({ model, serverEndPoint, }: {
     model: string;
     serverEndPoint: serverEndPointType | null;
 }) => Promise<false | Item[]>;
-export declare const getJSONSchema: ({ model, serverEndPoint, id }: {
+export declare const getJSONSchema: ({ model, serverEndPoint, id, }: {
     model: string;
     serverEndPoint: serverEndPointType | null;
     id?: Id | undefined;
 }) => Promise<any>;
-export declare const createOrUpdateJSONSchema: ({ model, serverEndPoint, id, formData }: {
+export declare const createOrUpdateJSONSchema: ({ model, serverEndPoint, id, formData, }: {
     model: string;
     serverEndPoint: serverEndPointType | null;
     id?: Id | undefined;
@@ -59,7 +55,7 @@ export declare const createOrUpdateJSONSchema: ({ model, serverEndPoint, id, for
 }) => Promise<any>;
 export declare const loginByPayload: (payload: Item, serverEndPoint: serverEndPointType | null) => Promise<boolean>;
 export declare const setAuthToken: (token: string | null) => void;
-export declare const isLoggedIn: (serverEndPoint: serverEndPointType | null) => Promise<false | Item[]>;
+export declare const isLoggedIn: (serverEndPoint: serverEndPointType | null) => Promise<false | Item[] | PaginatedResult>;
 export interface getGenericModelListProps {
     model: string;
     serverEndPoint: serverEndPointType | null;
@@ -72,9 +68,11 @@ export interface getGenericModelListProps {
     isInBatches?: boolean;
     loadedSchema?: SchemaType | boolean;
     loadedModelOptions?: modelOptionsType | boolean;
+    page?: number;
+    filter?: GridFilterModel;
 }
-export declare const getGenericModelList: ({ model, serverEndPoint, id, relatedModel, relatedModelId, columnFields, hiddenFields, creatableFields, isInBatches, loadedSchema, loadedModelOptions, }: getGenericModelListProps) => Promise<false | DataSchemaColumnsType>;
-export declare const getGenericModel: ({ model, serverEndPoint, id, relatedModel, relatedModelId }: {
+export declare const getGenericModelList: ({ model, serverEndPoint, id, relatedModel, relatedModelId, columnFields, hiddenFields, creatableFields, isInBatches, loadedSchema, loadedModelOptions, page, filter, }: getGenericModelListProps) => Promise<false | DataSchemaColumnsType>;
+export declare const getGenericModel: ({ model, serverEndPoint, id, relatedModel, relatedModelId, }: {
     model: string;
     serverEndPoint: serverEndPointType | null;
     id?: Id | undefined;

package/dist/api.js

@@ -16,8 +16,6 @@ exports.getGenericModel = exports.getGenericModelList = exports.isLoggedIn = exp
 const axios_1 = __importDefault(require("axios"));
 const moment_1 = __importDefault(require("moment"));
 const utils_1 = require("./utils");
-;
-;
 const getOptions = (path, serverEndPoint) => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
     if (!serverEndPoint) {
@@ -30,7 +28,7 @@ const getOptions = (path, serverEndPoint) => __awaiter(void 0, void 0, void 0, f
         return data;
     }
     catch (e) {
-        if (e.isAxiosError) {
+        if (axios_1.default.isAxiosError(e)) {
             const err = e;
             if (((_a = err.response) === null || _a === void 0 ? void 0 : _a.status) === 401) {
                 const isRefreshed = yield refreshToken(serverEndPoint);
@@ -68,7 +66,7 @@ const getSchema = (path, serverEndPoint) => __awaiter(void 0, void 0, void 0, fu
             if (usuaria) {
                 options.actions.POST[key].model_default = {
                     id: usuaria.id,
-                    label: usuaria.first_name
+                    label: usuaria.first_name,
                 };
             }
         }
@@ -79,7 +77,7 @@ 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') => __awaiter(void 0, void 0, void 0, function* () {
+const getData = ({ path, serverEndPoint, route = 'api', page, }) => __awaiter(void 0, void 0, void 0, function* () {
     var _b;
     if (!serverEndPoint) {
         return false;
@@ -87,10 +85,10 @@ const getData = (path, serverEndPoint, route = 'api') => __awaiter(void 0, void
     const url = `${serverEndPoint[route]}/${path}`;
     try {
         const { data } = yield axios_1.default.get(url);
-        return data;
+        return typeof page === 'undefined' ? data : data;
     }
     catch (e) {
-        if (e.isAxiosError) {
+        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);
@@ -114,7 +112,7 @@ const getData = (path, serverEndPoint, route = 'api') => __awaiter(void 0, void
 });
 /**
  *
- * @param param0
+ * @param options - params
  * @returns Id when succesfully updated, false otherwise
  */
 const updateData = ({ path, serverEndPoint, data, id }) => __awaiter(void 0, void 0, void 0, function* () {
@@ -127,7 +125,7 @@ const updateData = ({ path, serverEndPoint, data, id }) => __awaiter(void 0, voi
         yield axios_1.default.put(url, data);
     }
     catch (e) {
-        if (e.isAxiosError) {
+        if (axios_1.default.isAxiosError(e)) {
             const err = e;
             if (((_c = err.response) === null || _c === void 0 ? void 0 : _c.status) === 401) {
                 const isRefreshed = yield refreshToken(serverEndPoint);
@@ -162,7 +160,7 @@ const partialUpdateData = ({ path, serverEndPoint, data, id }) => __awaiter(void
         // DEBUG console.log({ path, data, id });
     }
     catch (e) {
-        if (e.isAxiosError) {
+        if (axios_1.default.isAxiosError(e)) {
             const err = e;
             if (((_f = err.response) === null || _f === void 0 ? void 0 : _f.status) === 401) {
                 const isRefreshed = yield refreshToken(serverEndPoint);
@@ -197,7 +195,7 @@ const createData = ({ path, serverEndPoint, data }) => __awaiter(void 0, void 0,
         ret = yield axios_1.default.post(url, data);
     }
     catch (e) {
-        if (e.isAxiosError) {
+        if (axios_1.default.isAxiosError(e)) {
             const err = e;
             if (((_l = err.response) === null || _l === void 0 ? void 0 : _l.status) === 401) {
                 const isRefreshed = yield refreshToken(serverEndPoint);
@@ -232,7 +230,7 @@ const deleteData = (path, serverEndPoint, id) => __awaiter(void 0, void 0, void
         yield axios_1.default.delete(url);
     }
     catch (e) {
-        if (e.isAxiosError) {
+        if (axios_1.default.isAxiosError(e)) {
             const err = e;
             if (((_p = err.response) === null || _p === void 0 ? void 0 : _p.status) === 401) {
                 const isRefreshed = yield refreshToken(serverEndPoint);
@@ -256,7 +254,7 @@ const deleteData = (path, serverEndPoint, id) => __awaiter(void 0, void 0, void
     return true;
 });
 exports.deleteData = deleteData;
-const createOrUpdateData = ({ path, serverEndPoint, data, id }) => __awaiter(void 0, void 0, void 0, function* () {
+const createOrUpdateData = ({ path, serverEndPoint, data, id, }) => __awaiter(void 0, void 0, void 0, function* () {
     if ((0, utils_1.isTmpId)(id)) {
         id = null;
     }
@@ -268,11 +266,16 @@ const createOrUpdateData = ({ path, serverEndPoint, data, id }) => __awaiter(voi
     if (!responseCreate || Object.prototype.hasOwnProperty.call(responseCreate, 'errors')) {
         return responseCreate;
     }
-    const responseUpdate = yield (0, exports.updateData)({ path, serverEndPoint, data, id: responseCreate.data.id });
+    const responseUpdate = yield (0, exports.updateData)({
+        path,
+        serverEndPoint,
+        data,
+        id: responseCreate.data.id,
+    });
     return responseUpdate;
 });
 exports.createOrUpdateData = createOrUpdateData;
-const prepareDataBySchema = ({ data, schema, parentIsField = false }) => {
+const prepareDataBySchema = ({ data, schema }) => {
     // console.log('Entered prepareDataBySchema', schema);
     const dbData = {};
     for (const [key, field] of Object.entries(schema)) {
@@ -288,13 +291,12 @@ const prepareDataBySchema = ({ data, schema, parentIsField = false }) => {
         // OneToMany or ManyToMany relations:
         if (field.type === 'field' && field.child) {
             const dataArr = data[key];
-            dbData[key] = dataArr.map(row => {
+            dbData[key] = dataArr.map((row) => {
                 var _a;
                 return ((_a = field.child) === null || _a === void 0 ? void 0 : _a.children)
                     ? prepareDataBySchema({
                         data: row,
                         schema: field.child.children,
-                        parentIsField: true
                     })
                     : row;
             });
@@ -302,10 +304,10 @@ const prepareDataBySchema = ({ data, schema, parentIsField = false }) => {
         }
         // Nested Object:
         if (field.type === 'nested object' && field.children && typeof data[key] === 'object') {
-            dbData[key] = ((0, utils_1.isTmpId)(data[key].id))
+            dbData[key] = (0, utils_1.isTmpId)(data[key].id)
                 ? prepareDataBySchema({
                     data: data[key],
-                    schema: field.children
+                    schema: field.children,
                 })
                 : data[key].id;
             continue;
@@ -333,7 +335,7 @@ const prepareDataBySchema = ({ data, schema, parentIsField = false }) => {
     // console.log({dbData});
     return dbData;
 };
-const updateDataBySchema = ({ model, modelObjectId, serverEndPoint, data, schema, path = null }) => __awaiter(void 0, void 0, void 0, function* () {
+const updateDataBySchema = ({ model, modelObjectId, serverEndPoint, data, schema, path = null, }) => __awaiter(void 0, void 0, void 0, function* () {
     /*console.log({
         model,
         modelObjectId,
@@ -349,7 +351,7 @@ const updateDataBySchema = ({ model, modelObjectId, serverEndPoint, data, schema
         path,
         serverEndPoint,
         data: dbData,
-        id: modelObjectId
+        id: modelObjectId,
     });
     if (typeof response !== 'object' && parseInt(response)) {
         return response;
@@ -358,7 +360,7 @@ const updateDataBySchema = ({ model, modelObjectId, serverEndPoint, data, schema
     return response;
 });
 exports.updateDataBySchema = updateDataBySchema;
-const addExistingRelatedModel = ({ model, serverEndPoint, id, data }) => __awaiter(void 0, void 0, void 0, function* () {
+const addExistingRelatedModel = ({ model, serverEndPoint, id, data, }) => __awaiter(void 0, void 0, void 0, function* () {
     const response = yield (0, exports.partialUpdateData)({ path: model, serverEndPoint, data, id });
     // DEBUG console.log({ model, id, data, response });
     return response;
@@ -368,28 +370,32 @@ const getDataGridColumns = (schema, columnFields = [], hiddenFields = [], creata
     if (!schema) {
         return false;
     }
-    columnFields = (!columnFields || columnFields.length === 0)
-        ? Object.keys(schema)
-        : columnFields.filter(field => {
-            return Object.prototype.hasOwnProperty.call(schema, field);
-        });
-    return columnFields.map(field => {
+    columnFields =
+        !columnFields || columnFields.length === 0
+            ? Object.keys(schema)
+            : columnFields.filter((field) => {
+                return Object.prototype.hasOwnProperty.call(schema, field);
+            });
+    return columnFields.map((field) => {
         const column = {
             field,
             headerName: schema[field].label,
-            hide: (hiddenFields.includes(field)),
-            creatable: (creatableFields.includes(field) || schema[field].creatable),
-            width: 100
+            hide: hiddenFields.includes(field),
+            creatable: creatableFields.includes(field) || schema[field].creatable,
+            width: 100,
         };
         return column;
     });
 };
-const getAutoComplete = ({ model, serverEndPoint }) => __awaiter(void 0, void 0, void 0, function* () {
-    const data = yield getData(model, serverEndPoint, 'autocomplete');
+const getAutoComplete = ({ model, serverEndPoint, }) => __awaiter(void 0, void 0, void 0, function* () {
+    const data = yield getData({ path: model, serverEndPoint, route: 'autocomplete' });
+    if (data === false) {
+        return false;
+    }
     return data;
 });
 exports.getAutoComplete = getAutoComplete;
-const getJSONSchema = ({ model, serverEndPoint, id = 'create' }) => __awaiter(void 0, void 0, void 0, function* () {
+const getJSONSchema = ({ model, serverEndPoint, id = 'create', }) => __awaiter(void 0, void 0, void 0, function* () {
     var _q;
     if (!serverEndPoint) {
         console.log('Não há definição de API (serverEndPoint!');
@@ -401,7 +407,7 @@ const getJSONSchema = ({ model, serverEndPoint, id = 'create' }) => __awaiter(vo
         return data;
     }
     catch (e) {
-        if (e.isAxiosError) {
+        if (axios_1.default.isAxiosError(e)) {
             const err = e;
             if (((_q = err.response) === null || _q === void 0 ? void 0 : _q.status) === 401) {
                 const isRefreshed = yield refreshToken(serverEndPoint);
@@ -424,7 +430,7 @@ const getJSONSchema = ({ model, serverEndPoint, id = 'create' }) => __awaiter(vo
     }
 });
 exports.getJSONSchema = getJSONSchema;
-const createOrUpdateJSONSchema = ({ model, serverEndPoint, id = 'create', formData }) => __awaiter(void 0, void 0, void 0, function* () {
+const createOrUpdateJSONSchema = ({ model, serverEndPoint, id = 'create', formData, }) => __awaiter(void 0, void 0, void 0, function* () {
     var _r;
     if (!serverEndPoint) {
         return { errors: 'Não há definição de API (serverEndPoint!' };
@@ -434,13 +440,11 @@ const createOrUpdateJSONSchema = ({ model, serverEndPoint, id = 'create', formDa
         url += `${id}/`;
     }
     try {
-        const { data } = (id === 'create')
-            ? yield axios_1.default.post(url, formData)
-            : yield axios_1.default.patch(url, formData);
+        const { data } = id === 'create' ? yield axios_1.default.post(url, formData) : yield axios_1.default.patch(url, formData);
         return data;
     }
     catch (e) {
-        if (e.isAxiosError) {
+        if (axios_1.default.isAxiosError(e)) {
             const err = e;
             if (((_r = err.response) === null || _r === void 0 ? void 0 : _r.status) === 401) {
                 const isRefreshed = yield refreshToken(serverEndPoint);
@@ -449,7 +453,7 @@ const createOrUpdateJSONSchema = ({ model, serverEndPoint, id = 'create', formDa
                     return { errors: 'Token expirou! Deve-se fazer login de novo!' };
                 }
                 try {
-                    const { data } = (id === 'create')
+                    const { data } = id === 'create'
                         ? yield axios_1.default.post(url, formData)
                         : yield axios_1.default.patch(url, formData);
                     return data;
@@ -512,7 +516,7 @@ const refreshToken = (serverEndPoint) => __awaiter(void 0, void 0, void 0, funct
     }
     try {
         const { data } = yield axios_1.default.post(`${serverEndPoint.refreshToken}`, {
-            refresh: refreshToken
+            refresh: refreshToken,
         });
         (0, exports.setAuthToken)(data.access);
         return true;
@@ -528,7 +532,7 @@ const isLoggedIn = (serverEndPoint) => __awaiter(void 0, void 0, void 0, functio
     if (!token) {
         return false;
     }
-    const usuaria = yield getData('minhaconta', serverEndPoint);
+    const usuaria = yield getData({ path: 'minhaconta', serverEndPoint });
     if (!usuaria) {
         console.log('Erro ao recuperar dados de usuária!');
         return false;
@@ -536,8 +540,7 @@ const isLoggedIn = (serverEndPoint) => __awaiter(void 0, void 0, void 0, functio
     return usuaria;
 });
 exports.isLoggedIn = isLoggedIn;
-;
-const getGenericModelList = ({ model, serverEndPoint, id = '', relatedModel = '', relatedModelId = '', columnFields, hiddenFields = ['id'], creatableFields = [], isInBatches = false, loadedSchema, loadedModelOptions, }) => __awaiter(void 0, void 0, void 0, function* () {
+const getGenericModelList = ({ model, serverEndPoint, id = '', relatedModel = '', relatedModelId = '', columnFields, hiddenFields = ['id'], creatableFields = [], isInBatches = false, loadedSchema, loadedModelOptions, page, filter, }) => __awaiter(void 0, void 0, void 0, function* () {
     let path = `${model}/${id}`;
     let schemaPath = model;
     let schema = loadedSchema;
@@ -547,6 +550,31 @@ const getGenericModelList = ({ model, serverEndPoint, id = '', relatedModel = ''
         path += `/${relatedModel}/${relatedModelId}`;
         schemaPath += `/${id}/${relatedModel}`;
     }
+    if (page || filter) {
+        path += '?';
+    }
+    if (page) {
+        path += `page=${page + 1}`;
+    }
+    if (filter) {
+        const filtersArr = [];
+        if (filter.quickFilterValues && filter.quickFilterValues.length > 0 && filter.quickFilterValues[0]) {
+            filtersArr.push(`search=${filter.quickFilterValues[0]}`);
+        }
+        for (const item of filter.items) {
+            if (!item.operatorValue) {
+                continue;
+            }
+            const queryParam = item.value
+                ? `columnField=${item.columnField}&operatorValue=${item.operatorValue}&value=${item.value}`
+                : `columnField=${item.columnField}&operatorValue=${item.operatorValue}`;
+            filtersArr.push(queryParam);
+        }
+        if (page) {
+            path += '&';
+        }
+        path += filtersArr.join('&');
+    }
     // Only get schema and columns if not in batches or in first batch:
     if (!schema) {
         const options = yield getSchema(schemaPath, serverEndPoint);
@@ -560,18 +588,21 @@ const getGenericModelList = ({ model, serverEndPoint, id = '', relatedModel = ''
             return false;
         }
     }
+    let rowCount = 0;
     let data = [];
     if (!id || (id && !relatedModelId)) {
         if (isInBatches) {
-            path += (loadedSchema)
-                ? '?is_last_batch=1'
-                : '?is_first_batch=1';
+            path += loadedSchema ? '?is_last_batch=1' : '?is_first_batch=1';
         }
-        const ret = yield getData(path, serverEndPoint);
+        const ret = yield getData({ path, serverEndPoint, page });
         if (ret === false) {
             return false;
         }
-        data = ret.map(row => {
+        const dataRaw = 'results' in ret ? ret.results : ret;
+        if ('results' in ret) {
+            rowCount = ret.count;
+        }
+        data = dataRaw.map((row) => {
             const newRow = {};
             for (const [key, field] of Object.entries(schema)) {
                 if (!(key in row)) {
@@ -581,27 +612,25 @@ const getGenericModelList = ({ model, serverEndPoint, id = '', relatedModel = ''
                     newRow[key] = row[key]
                         ? {
                             value: row[key],
-                            display_name: (0, utils_1.getChoiceByValue)(row[key], field.choices)
+                            display_name: (0, utils_1.getChoiceByValue)(row[key], field.choices),
                         }
                         : (0, utils_1.emptyByType)(field);
                     continue;
                 }
-                newRow[key] = (row[key])
-                    ? row[key]
-                    : (0, utils_1.emptyByType)(field);
+                newRow[key] = row[key] ? row[key] : (0, utils_1.emptyByType)(field);
             }
             return newRow;
         });
     }
     if (loadedSchema) {
         // DEBUG console.log({ path, data });
-        return { data };
+        return { data, rowCount };
     }
     // DEBUG  console.log({ path, data, columns, schema });
-    return { data, columns, schema, modelOptions };
+    return { data, columns, schema, modelOptions, rowCount };
 });
 exports.getGenericModelList = getGenericModelList;
-const getGenericModel = ({ model, serverEndPoint, id = '', relatedModel = '', relatedModelId = '' }) => __awaiter(void 0, void 0, void 0, function* () {
+const getGenericModel = ({ model, serverEndPoint, id = '', relatedModel = '', relatedModelId = '', }) => __awaiter(void 0, void 0, void 0, function* () {
     let path = `${model}/${id}`;
     let schemaPath = model;
     if (id && relatedModel) {
@@ -613,9 +642,9 @@ const getGenericModel = ({ model, serverEndPoint, id = '', relatedModel = '', re
         return false;
     }
     const { schema, modelOptions } = options;
-    const data = (!id || (id && relatedModel && !relatedModelId))
+    const data = !id || (id && relatedModel && !relatedModelId)
         ? {}
-        : yield getData(path, serverEndPoint);
+        : yield getData({ path, serverEndPoint });
     // console.log({ schema, data }); // DEBUG
     return { schema, modelOptions, data };
 });

package/dist/components/DataGridBySchemaEditable/FooterToolbar.d.ts

@@ -13,5 +13,5 @@ type FooterToolbarProps = {
     indexField: string;
     isEditable: boolean;
 };
-export declare const FooterToolbar: ({ name, setRowModesModel, dataGrid, setDataGrid, emptyItem, indexField, isEditable }: FooterToolbarProps) => JSX.Element;
+export declare const FooterToolbar: ({ name, setRowModesModel, dataGrid, setDataGrid, emptyItem, indexField, isEditable, }: FooterToolbarProps) => JSX.Element;
 export {};

package/dist/components/DataGridBySchemaEditable/FooterToolbar.js

@@ -9,16 +9,13 @@ const x_data_grid_1 = require("@mui/x-data-grid");
 const Button_1 = __importDefault(require("@mui/material/Button"));
 const Add_1 = __importDefault(require("@mui/icons-material/Add"));
 const utils_1 = require("../../utils");
-const FooterToolbar = ({ name, setRowModesModel, dataGrid, setDataGrid, emptyItem, indexField, isEditable }) => {
+const FooterToolbar = ({ name, setRowModesModel, dataGrid, setDataGrid, emptyItem, indexField, isEditable, }) => {
     const handleClick = () => {
         const id = (0, utils_1.getTmpId)();
         emptyItem.current.id = id;
-        const newData = [
-            Object.assign({}, emptyItem.current),
-            ...dataGrid.data
-        ];
+        const newData = [Object.assign({}, emptyItem.current), ...dataGrid.data];
         setDataGrid({
-            data: newData
+            data: newData,
         });
         setRowModesModel((oldModel) => (Object.assign(Object.assign({}, oldModel), { [id]: { mode: x_data_grid_1.GridRowModes.Edit, fieldToFocus: indexField } })));
         // Ugly hack to scroll to top, since scroll to cell is only available in Pro
@@ -32,10 +29,7 @@ const FooterToolbar = ({ name, setRowModesModel, dataGrid, setDataGrid, emptyIte
         }
     };
     return (react_1.default.createElement(x_data_grid_1.GridFooterContainer, null,
-        isEditable &&
-            react_1.default.createElement(Button_1.default, { color: "primary", startIcon: react_1.default.createElement(Add_1.default, null), onClick: handleClick, sx: { ml: 2 } }, "Adicionar"),
-        react_1.default.createElement(x_data_grid_1.GridFooter, { sx: (isEditable)
-                ? { border: 'none' }
-                : { width: '100%' } })));
+        isEditable && (react_1.default.createElement(Button_1.default, { color: "primary", startIcon: react_1.default.createElement(Add_1.default, null), onClick: handleClick, sx: { ml: 2 } }, "Adicionar")),
+        react_1.default.createElement(x_data_grid_1.GridFooter, { sx: isEditable ? { border: 'none' } : { width: '100%' } })));
 };
 exports.FooterToolbar = FooterToolbar;

package/dist/components/DataGridBySchemaEditable/SelectEditInputCell.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { SxProps } from '@mui/material';
-import { GridEnrichedBySchemaColDef } from '../../utils';
-import { OptionsACType, OnEditModelType } from '../../context/APIWrapperContext';
+import React from "react";
+import { SxProps } from "@mui/material";
+import { GridEnrichedBySchemaColDef } from "../../utils";
+import { OptionsACType, OnEditModelType } from "../../context/APIWrapperContext";
 interface SelectEditInputCellProps {
     field: string;
     id: number | string;
@@ -30,5 +30,5 @@ interface SelectEditInputCellProps {
  * }
  * @returns {*}  {JSX.Element}
  */
-export declare function SelectEditInputCell({ field, id, value, column, type, optionsAC, isIndexField, multiple, onEditModel, sx }: SelectEditInputCellProps): JSX.Element;
+export declare function SelectEditInputCell({ field, id, value, column, type, optionsAC, isIndexField, multiple, onEditModel, sx, }: SelectEditInputCellProps): JSX.Element;
 export {};

package/dist/components/DataGridBySchemaEditable/SelectEditInputCell.js

@@ -60,7 +60,7 @@ const filter = (0, Autocomplete_1.createFilterOptions)();
  * }
  * @returns {*}  {JSX.Element}
  */
-function SelectEditInputCell({ field, id, value, column, type, optionsAC, isIndexField, multiple = false, onEditModel, sx = {} }) {
+function SelectEditInputCell({ field, id, value, column, type, optionsAC, isIndexField, multiple = false, onEditModel, sx = {}, }) {
     // TODO: allow edit option label, as in formautocomplete!
     const apiRef = (0, x_data_grid_1.useGridApiContext)();
     console.log(column);
@@ -68,29 +68,28 @@ function SelectEditInputCell({ field, id, value, column, type, optionsAC, isInde
         yield apiRef.current.setEditCellValue({ id, field, value: newValue });
         apiRef.current.stopCellEditMode({ id, field });
     });
-    const labelKey = (['field', 'nested object'].includes(type) || isIndexField)
-        ? 'label'
-        : 'display_name';
-    const valueKey = (['field', 'nested object'].includes(type) || isIndexField)
-        ? 'id'
-        : 'value';
+    const labelKey = ["field", "nested object"].includes(type) || isIndexField
+        ? "label"
+        : "display_name";
+    const valueKey = ["field", "nested object"].includes(type) || isIndexField
+        ? "id"
+        : "value";
     let creatableProps = {};
     // if (column.creatable || isIndexField) {
     if (column.creatable) {
         creatableProps = {
-            freesolo: 'true',
+            freesolo: "true",
             filterOptions: (options, params) => {
                 const filtered = filter(options, params);
-                const inputValue = (params.inputValue)
-                    ? params.inputValue
-                    : '';
+                const inputValue = params.inputValue ? params.inputValue : "";
                 const inputValueLower = inputValue.trim().toLowerCase();
                 // Suggest the creation of a new value
-                const isExisting = options.some(option => inputValueLower === option[labelKey].trim().toLowerCase());
-                if (inputValue !== '' && !isExisting) {
+                const isExisting = options.some((option) => inputValueLower ===
+                    option[labelKey].trim().toLowerCase());
+                if (inputValue !== "" && !isExisting) {
                     filtered.push({
                         inputValue,
-                        [labelKey]: `Criar "${inputValue}"`
+                        [labelKey]: `Criar "${inputValue}"`,
                     });
                 }
                 return filtered;
@@ -98,7 +97,7 @@ function SelectEditInputCell({ field, id, value, column, type, optionsAC, isInde
             handleHomeEndKeys: true,
             getOptionLabel: (option) => {
                 // Value selected with enter, right from the input
-                if (typeof option === 'string') {
+                if (typeof option === "string") {
                     return option;
                 }
                 // Criar "xxx" option created dynamically
@@ -110,12 +109,13 @@ function SelectEditInputCell({ field, id, value, column, type, optionsAC, isInde
             },
             renderOption: (props, option) => {
                 return (react_1.default.createElement("li", Object.assign({ key: option[valueKey] }, props), option[labelKey]));
-            }
+            },
         };
     }
-    ;
-    return (react_1.default.createElement(Autocomplete_1.default, Object.assign({ key: field, id: field, value: value, options: optionsAC.current && optionsAC.current[field] ? optionsAC.current[field] : [], selectOnFocus: true, autoHighlight: true, multiple: multiple, isOptionEqualToValue: (option, value) => {
-            return (option[labelKey] === value[labelKey]);
+    return (react_1.default.createElement(Autocomplete_1.default, Object.assign({ key: field, id: field, value: value, options: optionsAC.current && optionsAC.current[field]
+            ? optionsAC.current[field]
+            : [], selectOnFocus: true, autoHighlight: true, multiple: multiple, isOptionEqualToValue: (option, value) => {
+            return option[labelKey] === value[labelKey];
         }, getOptionLabel: (option) => {
             return option[labelKey];
         }, onChange: (e, value) => {
@@ -125,32 +125,30 @@ function SelectEditInputCell({ field, id, value, column, type, optionsAC, isInde
                 return;
             }
             let newValue = value;
-            if (typeof newValue === 'string') {
+            if (typeof newValue === "string") {
                 const tmpId = (0, utils_1.getTmpId)();
                 newValue = {
                     [valueKey]: tmpId,
-                    [labelKey]: newValue
+                    [labelKey]: newValue,
                 };
             }
             if (newValue && newValue.inputValue) {
                 const tmpId = (0, utils_1.getTmpId)();
                 newValue = {
                     [valueKey]: tmpId,
-                    [labelKey]: newValue.inputValue
+                    [labelKey]: newValue.inputValue,
                 };
             }
             handleChange(newValue);
-        }, fullWidth: true, renderInput: params => (react_1.default.createElement(react_1.default.Fragment, null, column.creatable
-            ? react_1.default.createElement(TextField_1.default, Object.assign({}, params, { margin: "normal", InputProps: Object.assign(Object.assign({}, params.InputProps), { endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
-                        !multiple && onEditModel && value && (react_1.default.createElement(IconButton_1.default, { size: "small", onClick: () => {
-                                onEditModel({
-                                    model: field,
-                                    id: value[valueKey],
-                                    labelKey,
-                                });
-                            } },
-                            react_1.default.createElement(Edit_1.default, null))),
-                        params.InputProps.endAdornment)) }) }))
-            : react_1.default.createElement(TextField_1.default, Object.assign({}, params, { sx: sx })))) }, creatableProps)));
+        }, fullWidth: true, renderInput: (params) => (react_1.default.createElement(react_1.default.Fragment, null, column.creatable ? (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { margin: "normal", InputProps: Object.assign(Object.assign({}, params.InputProps), { endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
+                    !multiple && onEditModel && value && (react_1.default.createElement(IconButton_1.default, { size: "small", onClick: () => {
+                            onEditModel({
+                                model: field,
+                                id: value[valueKey],
+                                labelKey,
+                            });
+                        } },
+                        react_1.default.createElement(Edit_1.default, null))),
+                    params.InputProps.endAdornment)) }) }))) : (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { sx: sx }))))) }, creatableProps)));
 }
 exports.SelectEditInputCell = SelectEditInputCell;