drf-react-by-schema 0.12.0 → 0.12.2

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { SxProps } from '@mui/material';
 import { GridEnrichedBySchemaColDef } from '../../utils';
 import { OptionsACType, OnEditModelType } from '../../context/APIWrapperContext';
@@ -8,7 +8,7 @@ interface SelectEditInputCellProps {
     value?: any;
     column: GridEnrichedBySchemaColDef;
     type: string;
-    optionsAC: React.MutableRefObject<OptionsACType | null>;
+    optionsAC: OptionsACType | null;
     isIndexField: boolean;
     multiple?: boolean;
     onEditModel?: (x: OnEditModelType) => void;

package/dist/components/DataGridBySchemaEditable/SelectEditInputCell.js

@@ -106,7 +106,7 @@ function SelectEditInputCell({ field, id, value, column, type, optionsAC, isInde
             },
         };
     }
-    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 (react_1.default.createElement(Autocomplete_1.default, Object.assign({ key: field, id: field, value: value, options: optionsAC && optionsAC[field] ? optionsAC[field] : [], selectOnFocus: true, autoHighlight: true, multiple: multiple, isOptionEqualToValue: (option, value) => {
             return option[labelKey] === value[labelKey];
         }, getOptionLabel: (option) => {
             return option[labelKey];

package/dist/components/DataGridBySchemaEditable.js

@@ -238,11 +238,11 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                         column.valueFormatter = (params) => {
                             return !params.value ? '' : params.value.label;
                         };
-                        column.filterable = false;
+                        // column.filterable = false;
                         column.sortComparator = (v1, v2, param1, param2) => {
                             return (0, x_data_grid_1.gridStringOrNumberComparator)(v1.label, v2.label, param1, param2);
                         };
-                        column.renderEditCell = (params) => (react_1.default.createElement(SelectEditInputCell_1.SelectEditInputCell, Object.assign({}, params, { column: column, type: schema[col.field].type, optionsAC: optionsAC, isIndexField: isIndexField, onEditModel: onEditModel })));
+                        column.renderEditCell = (params) => (react_1.default.createElement(SelectEditInputCell_1.SelectEditInputCell, Object.assign({}, params, { column: column, type: schema[col.field].type, optionsAC: optionsAC.current, isIndexField: isIndexField, onEditModel: onEditModel })));
                         break;
                     }
                     column.valueGetter = (params) => {
@@ -259,7 +259,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                                 : params.value.map((val) => val.label).join(', ');
                         };
                         column.filterable = false;
-                        column.renderEditCell = (params) => (react_1.default.createElement(SelectEditInputCell_1.SelectEditInputCell, Object.assign({}, params, { column: column, type: schema[col.field].type, optionsAC: optionsAC, isIndexField: isIndexField, multiple: schema[col.field].many || false })));
+                        column.renderEditCell = (params) => (react_1.default.createElement(SelectEditInputCell_1.SelectEditInputCell, Object.assign({}, params, { column: column, type: schema[col.field].type, optionsAC: optionsAC.current, isIndexField: isIndexField, multiple: schema[col.field].many || false })));
                         break;
                     }
                     column.valueGetter = (params) => {
@@ -278,7 +278,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                         column.sortComparator = (v1, v2, param1, param2) => {
                             return (0, x_data_grid_1.gridStringOrNumberComparator)(v1.display_name, v2.display_name, param1, param2);
                         };
-                        column.renderEditCell = (params) => (react_1.default.createElement(SelectEditInputCell_1.SelectEditInputCell, Object.assign({}, params, { column: column, type: schema[col.field].type, optionsAC: optionsAC, isIndexField: isIndexField })));
+                        column.renderEditCell = (params) => (react_1.default.createElement(SelectEditInputCell_1.SelectEditInputCell, Object.assign({}, params, { column: column, type: schema[col.field].type, optionsAC: optionsAC.current, isIndexField: isIndexField })));
                         break;
                     }
                     column.valueGetter = (params) => {
@@ -360,15 +360,11 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                             if (!(0, utils_1.isTmpId)(params.id)) {
                                 return react_1.default.createElement(x_data_grid_1.GridEditInputCell, Object.assign({}, params));
                             }
-                            return (react_1.default.createElement(SelectEditInputCell_1.SelectEditInputCell, Object.assign({}, params, { column: column, type: schema[col.field].type, optionsAC: optionsAC, isIndexField: true })));
+                            return (react_1.default.createElement(SelectEditInputCell_1.SelectEditInputCell, Object.assign({}, params, { column: column, type: schema[col.field].type, optionsAC: optionsAC.current, isIndexField: true })));
                         };
                     }
                 }
             }
-            // Custom column operations:
-            if (customColumnOperations) {
-                column = customColumnOperations(column);
-            }
             // format numbers:
             if (column.patternFormat) {
                 column.valueFormatter = (params) => {
@@ -382,6 +378,10 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                     column.renderEditCell = (params) => (react_1.default.createElement(GridPatternInput_1.GridPatternInput, Object.assign({}, params, { patternFormat: column.patternFormat })));
                 }
             }
+            // Custom column operations:
+            if (customColumnOperations) {
+                column = customColumnOperations(column);
+            }
             // Finally!
             return column;
         });

package/dist/components/GenericRelatedModelList.js

@@ -42,6 +42,7 @@ const CardHeader_1 = __importDefault(require("@mui/material/CardHeader"));
 const CardContent_1 = __importDefault(require("@mui/material/CardContent"));
 const DataGridBySchemaEditable_1 = __importDefault(require("./DataGridBySchemaEditable"));
 const DataTotals_1 = __importDefault(require("./DataTotals"));
+const DataTotalsServer_1 = __importDefault(require("./DataTotalsServer"));
 const APIWrapperContext_1 = require("../context/APIWrapperContext");
 const utils_1 = require("../utils");
 const api_1 = require("../api");
@@ -55,7 +56,7 @@ const ContentTable = ({ data, relatedModel, model, id, indexField, indexFieldBas
                 : typeof data.rowCount !== undefined
                     ? data.rowCount
                     : 0 }))),
-    react_1.default.createElement(DataTotals_1.default, { data: data.data, sumRows: sumRows, visibleRows: visibleRows })));
+    paginationMode === 'client' ? (react_1.default.createElement(DataTotals_1.default, { data: data.data, sumRows: sumRows, visibleRows: visibleRows })) : (react_1.default.createElement(DataTotalsServer_1.default, { sumRows: sumRows, totals: data.sumRowsTotals }))));
 function GenericRelatedModelList({ model, id, relatedModel, columnFields, hiddenFields, creatableFields, disabledFields, usuaria = null, minWidthFields, indexField, indexFieldBasePath, indexFieldViewBasePath, addExistingModel, label, onProcessRow, customColumnOperations, isEditable = true, hasBulkSelect = false, sumRows, isAutoHeight = false, isInBatches = true, noCardWrapper = false, paginationMode = 'client', defaultFilter, queryParams, hideFooterComponent, hideToolbarComponent, tableAutoHeight, actions, optionsAC, }) {
     const [data, setData] = (0, react_1.useState)(false);
     const [visibleRows, setVisibleRows] = (0, react_1.useState)([]);

package/dist/index.d.ts

@@ -11,6 +11,11 @@ import GenericModelList from './components/GenericModelList';
 import GenericRelatedModelList from './components/GenericRelatedModelList';
 import DataTotals from './components/DataTotals';
 import DialogActions from './components/DialogActions';
+import { SelectEditInputCell } from './components/DataGridBySchemaEditable/SelectEditInputCell';
+import { GridDateInput } from './components/DataGridBySchemaEditable/GridDateInput';
+import { GridDecimalInput } from './components/DataGridBySchemaEditable/GridDecimalInput';
+import { GridPatternInput } from './components/DataGridBySchemaEditable/GridPatternInput';
+import { BooleanInputCell } from './components/DataGridBySchemaEditable/BooleanInputCell';
 import FieldBySchema from './components/forms/FieldBySchema';
 import TextFieldBySchema from './components/forms/inputs/TextFieldBySchema';
 import BooleanFieldBySchema from './components/forms/inputs/BooleanFieldBySchema';
@@ -21,4 +26,4 @@ import AutocompleteFieldBySchema from './components/forms/inputs/AutocompleteFie
 import FloatFieldBySchema from './components/forms/inputs/FloatFieldBySchema';
 import DetailBySchema from './components/details/DetailBySchema';
 import DetailFieldBySchema from './components/details/DetailFieldBySchema';
-export { DRFReactBySchemaProvider, useAPIWrapper, useDRFReactBySchema, Form, FormBySchema, DialogFormBySchema, DataGridBySchemaEditable, GenericModelList, GenericRelatedModelList, DataTotals, DialogActions, FieldBySchema, TextFieldBySchema, BooleanFieldBySchema, DesktopDatePickerBySchema, DesktopDateTimePickerBySchema, EditableAutocompleteFieldBySchema, AutocompleteFieldBySchema, FloatFieldBySchema, DetailBySchema, DetailFieldBySchema, updateData, partialUpdateData, createData, deleteData, createOrUpdateData, updateDataBySchema, addExistingRelatedModel, getAutoComplete, loginByPayload, setAuthToken, isLoggedIn, getGenericModelList, getGenericModel, emptyByType, getChoiceByValue, populateValues, buildGenericYupValidationSchema, errorProps, getTmpId, isTmpId, getPatternFormat, clearJWT, hasJWT, slugToCamelCase, };
+export { DRFReactBySchemaProvider, useAPIWrapper, useDRFReactBySchema, Form, FormBySchema, DialogFormBySchema, DataGridBySchemaEditable, GenericModelList, GenericRelatedModelList, DataTotals, DialogActions, SelectEditInputCell, GridDateInput, GridDecimalInput, GridPatternInput, BooleanInputCell, FieldBySchema, TextFieldBySchema, BooleanFieldBySchema, DesktopDatePickerBySchema, DesktopDateTimePickerBySchema, EditableAutocompleteFieldBySchema, AutocompleteFieldBySchema, FloatFieldBySchema, DetailBySchema, DetailFieldBySchema, updateData, partialUpdateData, createData, deleteData, createOrUpdateData, updateDataBySchema, addExistingRelatedModel, getAutoComplete, loginByPayload, setAuthToken, isLoggedIn, getGenericModelList, getGenericModel, emptyByType, getChoiceByValue, populateValues, buildGenericYupValidationSchema, errorProps, getTmpId, isTmpId, getPatternFormat, clearJWT, hasJWT, slugToCamelCase, };

package/dist/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.slugToCamelCase = exports.hasJWT = exports.clearJWT = exports.getPatternFormat = exports.isTmpId = exports.getTmpId = exports.errorProps = exports.buildGenericYupValidationSchema = exports.populateValues = exports.getChoiceByValue = exports.emptyByType = exports.getGenericModel = exports.getGenericModelList = exports.isLoggedIn = exports.setAuthToken = exports.loginByPayload = exports.getAutoComplete = exports.addExistingRelatedModel = exports.updateDataBySchema = exports.createOrUpdateData = exports.deleteData = exports.createData = exports.partialUpdateData = exports.updateData = exports.DetailFieldBySchema = exports.DetailBySchema = exports.FloatFieldBySchema = exports.AutocompleteFieldBySchema = exports.EditableAutocompleteFieldBySchema = exports.DesktopDateTimePickerBySchema = exports.DesktopDatePickerBySchema = exports.BooleanFieldBySchema = exports.TextFieldBySchema = exports.FieldBySchema = exports.DialogActions = exports.DataTotals = exports.GenericRelatedModelList = exports.GenericModelList = exports.DataGridBySchemaEditable = exports.DialogFormBySchema = exports.FormBySchema = exports.Form = exports.useDRFReactBySchema = exports.useAPIWrapper = exports.DRFReactBySchemaProvider = void 0;
+exports.slugToCamelCase = exports.hasJWT = exports.clearJWT = exports.getPatternFormat = exports.isTmpId = exports.getTmpId = exports.errorProps = exports.buildGenericYupValidationSchema = exports.populateValues = exports.getChoiceByValue = exports.emptyByType = exports.getGenericModel = exports.getGenericModelList = exports.isLoggedIn = exports.setAuthToken = exports.loginByPayload = exports.getAutoComplete = exports.addExistingRelatedModel = exports.updateDataBySchema = exports.createOrUpdateData = exports.deleteData = exports.createData = exports.partialUpdateData = exports.updateData = exports.DetailFieldBySchema = exports.DetailBySchema = exports.FloatFieldBySchema = exports.AutocompleteFieldBySchema = exports.EditableAutocompleteFieldBySchema = exports.DesktopDateTimePickerBySchema = exports.DesktopDatePickerBySchema = exports.BooleanFieldBySchema = exports.TextFieldBySchema = exports.FieldBySchema = exports.BooleanInputCell = exports.GridPatternInput = exports.GridDecimalInput = exports.GridDateInput = exports.SelectEditInputCell = exports.DialogActions = exports.DataTotals = exports.GenericRelatedModelList = exports.GenericModelList = exports.DataGridBySchemaEditable = exports.DialogFormBySchema = exports.FormBySchema = exports.Form = exports.useDRFReactBySchema = exports.useAPIWrapper = exports.DRFReactBySchemaProvider = void 0;
 // Methods:
 const api_1 = require("./api");
 Object.defineProperty(exports, "updateData", { enumerable: true, get: function () { return api_1.updateData; } });
@@ -56,6 +56,17 @@ const DataTotals_1 = __importDefault(require("./components/DataTotals"));
 exports.DataTotals = DataTotals_1.default;
 const DialogActions_1 = __importDefault(require("./components/DialogActions"));
 exports.DialogActions = DialogActions_1.default;
+// DataGridBySchema Components:
+const SelectEditInputCell_1 = require("./components/DataGridBySchemaEditable/SelectEditInputCell");
+Object.defineProperty(exports, "SelectEditInputCell", { enumerable: true, get: function () { return SelectEditInputCell_1.SelectEditInputCell; } });
+const GridDateInput_1 = require("./components/DataGridBySchemaEditable/GridDateInput");
+Object.defineProperty(exports, "GridDateInput", { enumerable: true, get: function () { return GridDateInput_1.GridDateInput; } });
+const GridDecimalInput_1 = require("./components/DataGridBySchemaEditable/GridDecimalInput");
+Object.defineProperty(exports, "GridDecimalInput", { enumerable: true, get: function () { return GridDecimalInput_1.GridDecimalInput; } });
+const GridPatternInput_1 = require("./components/DataGridBySchemaEditable/GridPatternInput");
+Object.defineProperty(exports, "GridPatternInput", { enumerable: true, get: function () { return GridPatternInput_1.GridPatternInput; } });
+const BooleanInputCell_1 = require("./components/DataGridBySchemaEditable/BooleanInputCell");
+Object.defineProperty(exports, "BooleanInputCell", { enumerable: true, get: function () { return BooleanInputCell_1.BooleanInputCell; } });
 // FormComponents
 const FieldBySchema_1 = __importDefault(require("./components/forms/FieldBySchema"));
 exports.FieldBySchema = FieldBySchema_1.default;

package/package.json

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