drf-react-by-schema 0.10.0 → 0.11.0

package/dist/api.d.ts

@@ -63,6 +63,7 @@ export interface GetGenericModelListProps {
     columnFields: string[];
     hiddenFields?: string[];
     creatableFields?: string[];
+    disabledFields?: string[];
     isInBatches?: boolean;
     loadedSchema?: SchemaType | boolean;
     loadedModelOptions?: modelOptionsType | boolean;
@@ -82,7 +83,7 @@ interface SumRowsItem {
     suffix?: string;
     isCount?: boolean;
 }
-export declare const getGenericModelList: ({ model, serverEndPoint, id, relatedModel, relatedModelId, columnFields, hiddenFields, creatableFields, isInBatches, loadedSchema, loadedModelOptions, page, filter, queryParams, sort, sumRows, }: GetGenericModelListProps) => Promise<false | DataSchemaColumnsType>;
+export declare const getGenericModelList: ({ model, serverEndPoint, id, relatedModel, relatedModelId, columnFields, hiddenFields, creatableFields, disabledFields, isInBatches, loadedSchema, loadedModelOptions, page, filter, queryParams, sort, sumRows, }: GetGenericModelListProps) => Promise<false | DataSchemaColumnsType>;
 export declare const getGenericModel: ({ model, serverEndPoint, id, relatedModel, relatedModelId, }: {
     model: string;
     serverEndPoint: serverEndPointType | null;

package/dist/api.js

@@ -402,7 +402,7 @@ const addExistingRelatedModel = ({ model, serverEndPoint, id, data, }) => __awai
     return response;
 });
 exports.addExistingRelatedModel = addExistingRelatedModel;
-const getDataGridColumns = (schema, columnFields = [], hiddenFields = [], creatableFields = []) => {
+const getDataGridColumns = (schema, columnFields = [], hiddenFields = [], creatableFields = [], disabledFields = []) => {
     if (!schema) {
         return false;
     }
@@ -418,6 +418,7 @@ const getDataGridColumns = (schema, columnFields = [], hiddenFields = [], creata
             headerName: schema[field].label,
             hide: hiddenFields.includes(field),
             creatable: creatableFields.includes(field) || schema[field].creatable,
+            disabled: disabledFields.includes(field),
             width: 100,
         };
         return column;
@@ -565,7 +566,7 @@ const signUp = (data, serverEndPoint) => __awaiter(void 0, void 0, void 0, funct
     }
 });
 exports.signUp = signUp;
-const getGenericModelList = ({ model, serverEndPoint, id = '', relatedModel = '', relatedModelId = '', columnFields, hiddenFields = ['id'], creatableFields = [], isInBatches = false, loadedSchema, loadedModelOptions, page, filter, queryParams = [], sort, sumRows, }) => __awaiter(void 0, void 0, void 0, function* () {
+const getGenericModelList = ({ model, serverEndPoint, id = '', relatedModel = '', relatedModelId = '', columnFields, hiddenFields = ['id'], creatableFields = [], disabledFields = [], isInBatches = false, loadedSchema, loadedModelOptions, page, filter, queryParams = [], sort, sumRows, }) => __awaiter(void 0, void 0, void 0, function* () {
     let path = `${model}/${id}`;
     let schemaPath = `${model}/`;
     let schema = loadedSchema;
@@ -623,7 +624,7 @@ const getGenericModelList = ({ model, serverEndPoint, id = '', relatedModel = ''
         }
         schema = options.schema;
         modelOptions = options.modelOptions;
-        columns = getDataGridColumns(schema, columnFields, hiddenFields, creatableFields);
+        columns = getDataGridColumns(schema, columnFields, hiddenFields, creatableFields, disabledFields);
         if (!columns) {
             return false;
         }

package/dist/components/DataGridBySchemaEditable.d.ts

@@ -35,6 +35,9 @@ interface DataGridBySchemaEditableProps {
     setVisibleRows?: (p: any) => void;
     paginationModel?: PaginationModel;
     setPaginationModel?: (x: PaginationModel) => void;
+    hideFooterComponent?: boolean;
+    hideToolbarComponent?: boolean;
+    tableAutoHeight?: boolean;
 }
 declare const DataGridBySchemaEditable: React.ForwardRefExoticComponent<DataGridBySchemaEditableProps & React.RefAttributes<unknown>>;
 export default DataGridBySchemaEditable;

package/dist/components/DataGridBySchemaEditable.js

@@ -73,7 +73,7 @@ const ConfirmDialog_1 = require("./DataGridBySchemaEditable/ConfirmDialog");
 const APIWrapperContext_1 = require("../context/APIWrapperContext");
 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"]);
+    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, hideFooterComponent, hideToolbarComponent, tableAutoHeight } = _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", "hideFooterComponent", "hideToolbarComponent", "tableAutoHeight"]);
     const { serverEndPoint } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
     const apiContext = (0, APIWrapperContext_1.useAPIWrapper)();
     const initialSnackBar = {
@@ -168,6 +168,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
             }
             column.editable =
                 isEditable &&
+                    !col.disabled &&
                     (!schema[col.field].read_only ||
                         ['field', 'nested object'].includes(schema[col.field].type));
             if (['field', 'nested object'].includes(schema[col.field].type)) {
@@ -184,7 +185,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                     column.filterOperators = (0, utils_2.quantityOnlyOperators)({
                         type: 'date',
                     });
-                    if (isEditable) {
+                    if (isEditable && !col.disabled) {
                         column.renderEditCell = (params) => (react_1.default.createElement(GridDateInput_1.GridDateInput, Object.assign({}, params, { column: column, dateViews: schema[col.field].date_views })));
                         break;
                     }
@@ -199,7 +200,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                     break;
                 case 'nested object':
                     column.minWidth = 150;
-                    if (isEditable) {
+                    if (isEditable && !col.disabled) {
                         column.valueFormatter = (params) => {
                             return !params.value ? '' : params.value.label;
                         };
@@ -216,7 +217,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                     break;
                 case 'field':
                     column.orderable = false;
-                    if (isEditable) {
+                    if (isEditable && !col.disabled) {
                         column.minWidth = 300;
                         column.valueFormatter = (params) => {
                             return !params.value || !Array.isArray(params.value)
@@ -234,7 +235,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                     };
                     break;
                 case 'choice':
-                    if (isEditable) {
+                    if (isEditable && !col.disabled) {
                         column.minWidth = 150;
                         column.valueFormatter = (params) => {
                             return !params.value ? '' : params.value.display_name;
@@ -251,7 +252,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                     };
                     break;
                 case 'boolean':
-                    if (isEditable) {
+                    if (isEditable && !col.disabled) {
                         column.valueFormatter = (params) => {
                             return params.value ? 'Sim' : 'Não';
                         };
@@ -277,7 +278,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                                 maximumFractionDigits: decimalScale,
                             });
                     };
-                    if (isEditable) {
+                    if (isEditable && !col.disabled) {
                         column.renderEditCell = (params) => (react_1.default.createElement(GridDecimalInput_1.GridDecimalInput, Object.assign({}, params, { decimalPlaces: decimalScale, isCurrency: isCurrency, prefix: prefix, suffix: suffix, column: column })));
                     }
                     column.filterOperators = (0, utils_2.quantityOnlyOperators)({
@@ -314,6 +315,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                         return (react_1.default.createElement(LinkComponent, { to: `${indexFieldBasePath}${targetId}`, state: stateToLink }, params.formattedValue));
                     };
                     if (isEditable &&
+                        !col.disabled &&
                         optionsAC.current &&
                         col.field in optionsAC.current &&
                         addExistingModel) {
@@ -339,7 +341,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                     const formattedValue = new stringMask(column.patternFormat, {}).apply(params.value);
                     return formattedValue;
                 };
-                if (isEditable) {
+                if (isEditable && !col.disabled) {
                     column.renderEditCell = (params) => (react_1.default.createElement(GridPatternInput_1.GridPatternInput, Object.assign({}, params, { patternFormat: column.patternFormat })));
                 }
             }
@@ -546,7 +548,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
     const disableRowSelectionOnClick = hasBulkSelect ? true : undefined;
     return (react_1.default.createElement(Box_1.default, { className: `dataGrid_${name}`, sx: { height: '100%' } },
         preparedColumns === null ? (react_1.default.createElement(Box_1.default, { sx: styles_1.Layout.loadingBox },
-            react_1.default.createElement(CircularProgress_1.default, null))) : (react_1.default.createElement(x_data_grid_1.DataGrid, { rows: dataGrid.data, columns: preparedColumns, onStateChange: (state) => {
+            react_1.default.createElement(CircularProgress_1.default, null))) : (react_1.default.createElement(x_data_grid_1.DataGrid, { rows: dataGrid.data, columns: preparedColumns, autoHeight: tableAutoHeight, onStateChange: (state) => {
                 if (setVisibleRows) {
                     const newVisibleRows = Object.entries(state.filter.visibleRowsLookup)
                         .filter((entry) => {
@@ -591,8 +593,8 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                 });
                 console.log(e);
             }, components: {
-                Toolbar: CustomToolbar_1.CustomToolbar,
-                Footer: FooterToolbar_1.FooterToolbar,
+                Toolbar: hideToolbarComponent ? () => react_1.default.createElement(react_1.default.Fragment, null) : CustomToolbar_1.CustomToolbar,
+                Footer: hideFooterComponent ? () => react_1.default.createElement(react_1.default.Fragment, null) : FooterToolbar_1.FooterToolbar,
             }, componentsProps: {
                 toolbar: {
                     preparedColumns,

package/dist/components/GenericModelList.d.ts

@@ -7,6 +7,7 @@ interface GenericModelListProps {
     columnFields: string[];
     hiddenFields?: string[];
     creatableFields?: string[];
+    disabledFields?: string[];
     minWidthFields?: Record<string, number>;
     indexField: string;
     indexFieldBasePath: string;
@@ -24,6 +25,9 @@ interface GenericModelListProps {
     paginationMode: 'server' | 'client';
     defaultFilter?: GridFilterModel;
     queryParams?: string[];
+    hideFooterComponent?: boolean;
+    hideToolbarComponent?: boolean;
+    tableAutoHeight?: boolean;
 }
-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;
+declare const GenericModelList: ({ model, columnFields, hiddenFields, creatableFields, disabledFields, minWidthFields, indexField, indexFieldBasePath, addExistingModel, onProcessRow, customColumnOperations, customLinkDestination, isEditable, hasBulkSelect, sumRows, isAutoHeight, forceReload, LinkComponent, hasHeader, paginationMode, defaultFilter, queryParams, hideFooterComponent, hideToolbarComponent, tableAutoHeight, }: GenericModelListProps) => JSX.Element;
 export default GenericModelList;

package/dist/components/GenericModelList.js

@@ -48,7 +48,7 @@ const utils_1 = require("../utils");
 const api_1 = require("../api");
 const DRFReactBySchemaContext_1 = require("../context/DRFReactBySchemaContext");
 const APIWrapperContext_1 = require("../context/APIWrapperContext");
-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 GenericModelList = ({ model, columnFields, hiddenFields = [], creatableFields, disabledFields, minWidthFields, indexField, indexFieldBasePath, addExistingModel, onProcessRow, customColumnOperations, customLinkDestination, isEditable, hasBulkSelect = false, sumRows, isAutoHeight = true, forceReload = false, LinkComponent = null, hasHeader = false, paginationMode = 'client', defaultFilter, queryParams, hideFooterComponent, hideToolbarComponent, tableAutoHeight, }) => {
     const { serverEndPoint, isInBatches, firstBatchLength } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
     const { onEditModel, handleLoading } = (0, APIWrapperContext_1.useAPIWrapper)();
     const [data, setData] = (0, react_1.useState)(false);
@@ -76,6 +76,7 @@ const GenericModelList = ({ model, columnFields, hiddenFields = [], creatableFie
                     columnFields,
                     hiddenFields,
                     creatableFields,
+                    disabledFields,
                     isInBatches,
                     queryParams,
                 };
@@ -106,6 +107,7 @@ const GenericModelList = ({ model, columnFields, hiddenFields = [], creatableFie
                     columnFields,
                     hiddenFields,
                     creatableFields,
+                    disabledFields,
                     page,
                     filter,
                     queryParams,
@@ -143,8 +145,8 @@ const GenericModelList = ({ model, columnFields, hiddenFields = [], creatableFie
             LinkComponent && (react_1.default.createElement(Box_1.default, { sx: styles_1.Layout.flexRow },
                 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, addExistingModel: addExistingModel, isEditable: isEditable, hasBulkSelect: hasBulkSelect, onEditModel: onEditModel, isAutoHeight: isAutoHeight, customColumnOperations: finalCustomColumnOperations, setVisibleRows: setVisibleRows, hideFooterPagination: hideFooterPagination, customLinkDestination: customLinkDestination, onProcessRow: onProcessRow, onDataChange: (newData) => {
+        react_1.default.createElement(Box_1.default, { sx: tableAutoHeight ? {} : 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, addExistingModel: addExistingModel, isEditable: isEditable, hasBulkSelect: hasBulkSelect, onEditModel: onEditModel, isAutoHeight: isAutoHeight, tableAutoHeight: tableAutoHeight, customColumnOperations: finalCustomColumnOperations, setVisibleRows: setVisibleRows, hideFooterPagination: hideFooterPagination, hideFooterComponent: hideFooterComponent, hideToolbarComponent: hideToolbarComponent, 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

@@ -9,6 +9,7 @@ interface GenericRelatedModelListProps {
     columnFields: string[];
     hiddenFields: string[];
     creatableFields: string[];
+    disabledFields: string[];
     usuaria?: Item | null;
     minWidthFields?: Record<string, number>;
     indexField?: string;
@@ -26,6 +27,9 @@ interface GenericRelatedModelListProps {
     paginationMode: 'server' | 'client';
     defaultFilter?: GridFilterModel;
     queryParams?: string[];
+    hideFooterComponent?: boolean;
+    hideToolbarComponent?: boolean;
+    tableAutoHeight?: boolean;
 }
-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 default function GenericRelatedModelList({ model, id, relatedModel, columnFields, hiddenFields, creatableFields, disabledFields, usuaria, minWidthFields, indexField, indexFieldBasePath, addExistingModel, label, onProcessRow, customColumnOperations, isEditable, hasBulkSelect, sumRows, isAutoHeight, isInBatches, noCardWrapper, paginationMode, defaultFilter, queryParams, hideFooterComponent, hideToolbarComponent, tableAutoHeight, }: GenericRelatedModelListProps): JSX.Element;
 export {};

package/dist/components/GenericRelatedModelList.js

@@ -46,9 +46,9 @@ const APIWrapperContext_1 = require("../context/APIWrapperContext");
 const utils_1 = require("../utils");
 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, isAutoHeight: isAutoHeight, customColumnOperations: finalCustomColumnOperations, setVisibleRows: setVisibleRows, hideFooterPagination: hideFooterPagination, onProcessRow: onProcessRow, onDataChange: (newData) => {
+const ContentTable = ({ data, relatedModel, model, id, indexField, indexFieldBasePath, addExistingModel, isEditable, onEditModel, finalCustomColumnOperations, setVisibleRows, isAutoHeight, hideFooterPagination, hideFooterComponent, hideToolbarComponent, onProcessRow, setData, sumRows, visibleRows, paginationMode = 'client', paginationModel, setPaginationModel, hasBulkSelect, tableAutoHeight, }) => (react_1.default.createElement(react_1.default.Fragment, null,
+    data.columns && (react_1.default.createElement(Box_1.default, { sx: tableAutoHeight ? {} : 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, isAutoHeight: isAutoHeight, tableAutoHeight: tableAutoHeight, customColumnOperations: finalCustomColumnOperations, setVisibleRows: setVisibleRows, hideFooterPagination: hideFooterPagination, hideFooterComponent: hideFooterComponent, hideToolbarComponent: hideToolbarComponent, 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({ 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, }) {
+function GenericRelatedModelList({ model, id, relatedModel, columnFields, hiddenFields, creatableFields, disabledFields, usuaria = null, minWidthFields, indexField, indexFieldBasePath, addExistingModel, label, onProcessRow, customColumnOperations, isEditable = true, hasBulkSelect = false, sumRows, isAutoHeight = false, isInBatches = true, noCardWrapper = false, paginationMode = 'client', defaultFilter, queryParams, hideFooterComponent, hideToolbarComponent, tableAutoHeight, }) {
     const [data, setData] = (0, react_1.useState)(false);
     const [visibleRows, setVisibleRows] = (0, react_1.useState)([]);
     const [hideFooterPagination, setHideFooterPagination] = (0, react_1.useState)(false);
@@ -83,6 +83,7 @@ function GenericRelatedModelList({ model, id, relatedModel, columnFields, hidden
                     indexFieldBasePath,
                     columnFields,
                     creatableFields,
+                    disabledFields,
                     hiddenFields,
                     usuaria,
                     isInBatches,
@@ -115,6 +116,8 @@ function GenericRelatedModelList({ model, id, relatedModel, columnFields, hidden
                     relatedModel,
                     columnFields,
                     hiddenFields,
+                    creatableFields,
+                    disabledFields,
                     page,
                     filter,
                     sort,
@@ -139,9 +142,9 @@ function GenericRelatedModelList({ model, id, relatedModel, columnFields, hidden
             loadObjectList();
         }
     }, [paginationModel]);
-    return (react_1.default.createElement(react_1.default.Fragment, null, typeof data !== 'boolean' && data.columns && (react_1.default.createElement(react_1.default.Fragment, null, noCardWrapper ? (react_1.default.createElement(ContentTable, { data: data, model: model, relatedModel: relatedModel, id: id, indexField: indexField || '', indexFieldBasePath: indexFieldBasePath, addExistingModel: addExistingModel, isEditable: isEditable, hasBulkSelect: hasBulkSelect, onEditModel: onEditModel, onDeleteRelatedModel: onDeleteRelatedModel, finalCustomColumnOperations: finalCustomColumnOperations, setVisibleRows: setVisibleRows, isAutoHeight: isAutoHeight, hideFooterPagination: hideFooterPagination, onProcessRow: onProcessRow, setData: setData, sumRows: sumRows, visibleRows: visibleRows, paginationMode: paginationMode, paginationModel: paginationModel, setPaginationModel: setPaginationModel })) : (react_1.default.createElement(Card_1.default, { sx: styles_1.Layout.formCard },
+    return (react_1.default.createElement(react_1.default.Fragment, null, typeof data !== 'boolean' && data.columns && (react_1.default.createElement(react_1.default.Fragment, null, noCardWrapper ? (react_1.default.createElement(ContentTable, { data: data, model: model, relatedModel: relatedModel, id: id, indexField: indexField || '', indexFieldBasePath: indexFieldBasePath, addExistingModel: addExistingModel, isEditable: isEditable, hasBulkSelect: hasBulkSelect, onEditModel: onEditModel, onDeleteRelatedModel: onDeleteRelatedModel, finalCustomColumnOperations: finalCustomColumnOperations, setVisibleRows: setVisibleRows, isAutoHeight: isAutoHeight, tableAutoHeight: tableAutoHeight, hideFooterPagination: hideFooterPagination, hideFooterComponent: hideFooterComponent, hideToolbarComponent: hideToolbarComponent, onProcessRow: onProcessRow, setData: setData, sumRows: sumRows, visibleRows: visibleRows, paginationMode: paginationMode, paginationModel: paginationModel, setPaginationModel: setPaginationModel })) : (react_1.default.createElement(Card_1.default, { sx: styles_1.Layout.formCard },
         react_1.default.createElement(CardHeader_1.default, { title: label }),
         react_1.default.createElement(CardContent_1.default, null,
-            react_1.default.createElement(ContentTable, { data: data, model: model, relatedModel: relatedModel, id: id, indexField: indexField || '', indexFieldBasePath: indexFieldBasePath, addExistingModel: addExistingModel, isEditable: isEditable, hasBulkSelect: hasBulkSelect, onEditModel: onEditModel, onDeleteRelatedModel: onDeleteRelatedModel, finalCustomColumnOperations: finalCustomColumnOperations, setVisibleRows: setVisibleRows, isAutoHeight: isAutoHeight, hideFooterPagination: hideFooterPagination, onProcessRow: onProcessRow, setData: setData, sumRows: sumRows, visibleRows: visibleRows, paginationMode: paginationMode, paginationModel: paginationModel, setPaginationModel: setPaginationModel }))))))));
+            react_1.default.createElement(ContentTable, { data: data, model: model, relatedModel: relatedModel, id: id, indexField: indexField || '', indexFieldBasePath: indexFieldBasePath, addExistingModel: addExistingModel, isEditable: isEditable, hasBulkSelect: hasBulkSelect, onEditModel: onEditModel, onDeleteRelatedModel: onDeleteRelatedModel, finalCustomColumnOperations: finalCustomColumnOperations, setVisibleRows: setVisibleRows, isAutoHeight: isAutoHeight, tableAutoHeight: tableAutoHeight, hideFooterPagination: hideFooterPagination, hideFooterComponent: hideFooterComponent, hideToolbarComponent: hideToolbarComponent, onProcessRow: onProcessRow, setData: setData, sumRows: sumRows, visibleRows: visibleRows, paginationMode: paginationMode, paginationModel: paginationModel, setPaginationModel: setPaginationModel }))))))));
 }
 exports.default = GenericRelatedModelList;

package/dist/utils.d.ts

@@ -54,12 +54,14 @@ export interface Field {
 interface GridBySchemaColDef extends GridColDef {
     isIndexField?: boolean;
     creatable?: boolean;
+    disabled?: boolean;
     orderable?: boolean;
     patternFormat?: string;
 }
 interface GridActionsBySchemaColDef extends GridActionsColDef {
     isIndexField?: boolean;
     creatable?: boolean;
+    disabled?: boolean;
     orderable?: boolean;
     patternFormat?: string;
 }

package/package.json

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