drf-react-by-schema 0.12.0 → 0.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { SxProps } from '@mui/material';
3
3
  import { GridEnrichedBySchemaColDef } from '../../utils';
4
4
  import { OptionsACType, OnEditModelType } from '../../context/APIWrapperContext';
@@ -8,7 +8,7 @@ interface SelectEditInputCellProps {
8
8
  value?: any;
9
9
  column: GridEnrichedBySchemaColDef;
10
10
  type: string;
11
- optionsAC: React.MutableRefObject<OptionsACType | null>;
11
+ optionsAC: OptionsACType | null;
12
12
  isIndexField: boolean;
13
13
  multiple?: boolean;
14
14
  onEditModel?: (x: OnEditModelType) => void;
@@ -106,7 +106,7 @@ function SelectEditInputCell({ field, id, value, column, type, optionsAC, isInde
106
106
  },
107
107
  };
108
108
  }
109
- 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) => {
109
+ 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) => {
110
110
  return option[labelKey] === value[labelKey];
111
111
  }, getOptionLabel: (option) => {
112
112
  return option[labelKey];
@@ -242,7 +242,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
242
242
  column.sortComparator = (v1, v2, param1, param2) => {
243
243
  return (0, x_data_grid_1.gridStringOrNumberComparator)(v1.label, v2.label, param1, param2);
244
244
  };
245
- 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 })));
245
+ 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 })));
246
246
  break;
247
247
  }
248
248
  column.valueGetter = (params) => {
@@ -259,7 +259,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
259
259
  : params.value.map((val) => val.label).join(', ');
260
260
  };
261
261
  column.filterable = false;
262
- 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 })));
262
+ 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 })));
263
263
  break;
264
264
  }
265
265
  column.valueGetter = (params) => {
@@ -278,7 +278,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
278
278
  column.sortComparator = (v1, v2, param1, param2) => {
279
279
  return (0, x_data_grid_1.gridStringOrNumberComparator)(v1.display_name, v2.display_name, param1, param2);
280
280
  };
281
- column.renderEditCell = (params) => (react_1.default.createElement(SelectEditInputCell_1.SelectEditInputCell, Object.assign({}, params, { column: column, type: schema[col.field].type, optionsAC: optionsAC, isIndexField: isIndexField })));
281
+ 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 })));
282
282
  break;
283
283
  }
284
284
  column.valueGetter = (params) => {
@@ -360,15 +360,11 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
360
360
  if (!(0, utils_1.isTmpId)(params.id)) {
361
361
  return react_1.default.createElement(x_data_grid_1.GridEditInputCell, Object.assign({}, params));
362
362
  }
363
- return (react_1.default.createElement(SelectEditInputCell_1.SelectEditInputCell, Object.assign({}, params, { column: column, type: schema[col.field].type, optionsAC: optionsAC, isIndexField: true })));
363
+ return (react_1.default.createElement(SelectEditInputCell_1.SelectEditInputCell, Object.assign({}, params, { column: column, type: schema[col.field].type, optionsAC: optionsAC.current, isIndexField: true })));
364
364
  };
365
365
  }
366
366
  }
367
367
  }
368
- // Custom column operations:
369
- if (customColumnOperations) {
370
- column = customColumnOperations(column);
371
- }
372
368
  // format numbers:
373
369
  if (column.patternFormat) {
374
370
  column.valueFormatter = (params) => {
@@ -382,6 +378,10 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
382
378
  column.renderEditCell = (params) => (react_1.default.createElement(GridPatternInput_1.GridPatternInput, Object.assign({}, params, { patternFormat: column.patternFormat })));
383
379
  }
384
380
  }
381
+ // Custom column operations:
382
+ if (customColumnOperations) {
383
+ column = customColumnOperations(column);
384
+ }
385
385
  // Finally!
386
386
  return column;
387
387
  });
package/dist/index.d.ts CHANGED
@@ -11,6 +11,11 @@ import GenericModelList from './components/GenericModelList';
11
11
  import GenericRelatedModelList from './components/GenericRelatedModelList';
12
12
  import DataTotals from './components/DataTotals';
13
13
  import DialogActions from './components/DialogActions';
14
+ import { SelectEditInputCell } from './components/DataGridBySchemaEditable/SelectEditInputCell';
15
+ import { GridDateInput } from './components/DataGridBySchemaEditable/GridDateInput';
16
+ import { GridDecimalInput } from './components/DataGridBySchemaEditable/GridDecimalInput';
17
+ import { GridPatternInput } from './components/DataGridBySchemaEditable/GridPatternInput';
18
+ import { BooleanInputCell } from './components/DataGridBySchemaEditable/BooleanInputCell';
14
19
  import FieldBySchema from './components/forms/FieldBySchema';
15
20
  import TextFieldBySchema from './components/forms/inputs/TextFieldBySchema';
16
21
  import BooleanFieldBySchema from './components/forms/inputs/BooleanFieldBySchema';
@@ -21,4 +26,4 @@ import AutocompleteFieldBySchema from './components/forms/inputs/AutocompleteFie
21
26
  import FloatFieldBySchema from './components/forms/inputs/FloatFieldBySchema';
22
27
  import DetailBySchema from './components/details/DetailBySchema';
23
28
  import DetailFieldBySchema from './components/details/DetailFieldBySchema';
24
- 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, };
29
+ 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 CHANGED
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- 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;
6
+ 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;
7
7
  // Methods:
8
8
  const api_1 = require("./api");
9
9
  Object.defineProperty(exports, "updateData", { enumerable: true, get: function () { return api_1.updateData; } });
@@ -56,6 +56,17 @@ const DataTotals_1 = __importDefault(require("./components/DataTotals"));
56
56
  exports.DataTotals = DataTotals_1.default;
57
57
  const DialogActions_1 = __importDefault(require("./components/DialogActions"));
58
58
  exports.DialogActions = DialogActions_1.default;
59
+ // DataGridBySchema Components:
60
+ const SelectEditInputCell_1 = require("./components/DataGridBySchemaEditable/SelectEditInputCell");
61
+ Object.defineProperty(exports, "SelectEditInputCell", { enumerable: true, get: function () { return SelectEditInputCell_1.SelectEditInputCell; } });
62
+ const GridDateInput_1 = require("./components/DataGridBySchemaEditable/GridDateInput");
63
+ Object.defineProperty(exports, "GridDateInput", { enumerable: true, get: function () { return GridDateInput_1.GridDateInput; } });
64
+ const GridDecimalInput_1 = require("./components/DataGridBySchemaEditable/GridDecimalInput");
65
+ Object.defineProperty(exports, "GridDecimalInput", { enumerable: true, get: function () { return GridDecimalInput_1.GridDecimalInput; } });
66
+ const GridPatternInput_1 = require("./components/DataGridBySchemaEditable/GridPatternInput");
67
+ Object.defineProperty(exports, "GridPatternInput", { enumerable: true, get: function () { return GridPatternInput_1.GridPatternInput; } });
68
+ const BooleanInputCell_1 = require("./components/DataGridBySchemaEditable/BooleanInputCell");
69
+ Object.defineProperty(exports, "BooleanInputCell", { enumerable: true, get: function () { return BooleanInputCell_1.BooleanInputCell; } });
59
70
  // FormComponents
60
71
  const FieldBySchema_1 = __importDefault(require("./components/forms/FieldBySchema"));
61
72
  exports.FieldBySchema = FieldBySchema_1.default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "drf-react-by-schema",
3
- "version": "0.12.0",
3
+ "version": "0.12.1",
4
4
  "description": "Components and Tools for building a React App having Django Rest Framework (DRF) as server",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",