drf-react-by-schema 0.16.3 → 0.16.4

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.
Files changed (38) hide show
  1. package/dist/api.d.ts +12 -13
  2. package/dist/components/DataGridBySchemaEditable/ConfirmDialog.d.ts +1 -1
  3. package/dist/components/DataGridBySchemaEditable/CustomToolbar.d.ts +2 -2
  4. package/dist/components/DataGridBySchemaEditable/FooterToolbar.d.ts +2 -2
  5. package/dist/components/DataGridBySchemaEditable/GridDateInput.d.ts +2 -2
  6. package/dist/components/DataGridBySchemaEditable/GridDecimalInput.d.ts +2 -2
  7. package/dist/components/DataGridBySchemaEditable/GridPatternInput.d.ts +2 -2
  8. package/dist/components/DataGridBySchemaEditable/InputInterval.d.ts +4 -4
  9. package/dist/components/DataGridBySchemaEditable/utils.d.ts +2 -2
  10. package/dist/components/DataGridBySchemaEditable.js +6 -6
  11. package/dist/components/DataTotals.d.ts +2 -2
  12. package/dist/components/DataTotalsServer.d.ts +2 -2
  13. package/dist/components/DialogActions.d.ts +1 -1
  14. package/dist/components/DialogJSONSchemaForm.d.ts +13 -0
  15. package/dist/components/DialogJSONSchemaForm.js +20 -0
  16. package/dist/components/FormButtons.d.ts +1 -1
  17. package/dist/components/GenericModelList.d.ts +3 -3
  18. package/dist/components/GenericRelatedModelList.d.ts +2 -2
  19. package/dist/components/details/DetailBySchema.d.ts +2 -2
  20. package/dist/components/details/DetailFieldBySchema.d.ts +2 -2
  21. package/dist/components/forms/DialogFormBySchema.d.ts +2 -2
  22. package/dist/components/forms/FieldBySchema.d.ts +2 -2
  23. package/dist/components/forms/FormBySchema.d.ts +2 -2
  24. package/dist/components/forms/inputs/AutocompleteFieldBySchema.d.ts +2 -2
  25. package/dist/components/forms/inputs/BooleanFieldBySchema.d.ts +2 -2
  26. package/dist/components/forms/inputs/DesktopDatePickerBySchema.d.ts +2 -2
  27. package/dist/components/forms/inputs/DesktopDateTimePickerBySchema.d.ts +2 -2
  28. package/dist/components/forms/inputs/EditableAutocompleteFieldBySchema.d.ts +1 -2
  29. package/dist/components/forms/inputs/FloatFieldBySchema.d.ts +2 -2
  30. package/dist/components/forms/inputs/TextFieldBySchema.d.ts +2 -2
  31. package/dist/context/APIWrapper.d.ts +1 -1
  32. package/dist/context/DRFReactBySchemaProvider.d.ts +1 -1
  33. package/dist/context/Form.d.ts +1 -1
  34. package/dist/context/Overlays.d.ts +1 -1
  35. package/dist/styles/layout.d.ts +1 -1
  36. package/dist/styles/theme.d.ts +1 -1
  37. package/dist/utils.d.ts +2 -3
  38. package/package.json +1 -1
package/dist/api.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import { AxiosError } from 'axios';
2
1
  import { serverEndPointType } from './context/DRFReactBySchemaContext';
3
2
  import { Item, SchemaType, modelOptionsType, DataSchemaColumnsType, ItemSchemaColumnsType, Id, TargetApiParams } from './utils';
4
3
  import { GridFilterModel, GridSortModel } from '@mui/x-data-grid';
@@ -12,17 +11,17 @@ interface TargetApiParamsOptionalId {
12
11
  export declare const getRawData: ({ path, serverEndPoint, }: {
13
12
  path: string;
14
13
  serverEndPoint: serverEndPointType | null;
15
- }) => Promise<Item[] | AxiosError<unknown, any>>;
14
+ }) => Promise<any>;
16
15
  /**
17
16
  *
18
17
  * @param options - params
19
18
  * @returns updatedData when succesfully updated, axiosError otherwise
20
19
  */
21
- export declare const updateData: ({ path, serverEndPoint, data, id }: TargetApiParams) => Promise<Item>;
22
- export declare const partialUpdateData: ({ path, serverEndPoint, data, id }: TargetApiParams) => Promise<Item>;
23
- export declare const createData: ({ path, serverEndPoint, data }: Omit<TargetApiParams, 'id'>) => Promise<Item>;
24
- export declare const deleteData: (path: string, serverEndPoint: serverEndPointType | null, id: Id) => Promise<true | AxiosError<unknown, any>>;
25
- export declare const createOrUpdateData: ({ path, serverEndPoint, data, id, }: TargetApiParamsOptionalId) => Promise<Item>;
20
+ export declare const updateData: ({ path, serverEndPoint, data, id }: TargetApiParams) => Promise<any>;
21
+ export declare const partialUpdateData: ({ path, serverEndPoint, data, id }: TargetApiParams) => Promise<any>;
22
+ export declare const createData: ({ path, serverEndPoint, data }: Omit<TargetApiParams, 'id'>) => Promise<any>;
23
+ export declare const deleteData: (path: string, serverEndPoint: serverEndPointType | null, id: Id) => Promise<any>;
24
+ export declare const createOrUpdateData: ({ path, serverEndPoint, data, id, }: TargetApiParamsOptionalId) => Promise<any>;
26
25
  export declare const updateDataBySchema: ({ model, modelObjectId, serverEndPoint, data, schema, path, }: {
27
26
  model: string;
28
27
  modelObjectId: Id;
@@ -30,24 +29,24 @@ export declare const updateDataBySchema: ({ model, modelObjectId, serverEndPoint
30
29
  data: Item;
31
30
  schema: SchemaType;
32
31
  path?: string | null | undefined;
33
- }) => Promise<Item>;
32
+ }) => Promise<any>;
34
33
  export declare const addExistingRelatedModel: ({ model, serverEndPoint, id, data, }: {
35
34
  model: string;
36
35
  serverEndPoint: serverEndPointType | null;
37
36
  id: Id;
38
37
  data: Item;
39
- }) => Promise<Item>;
38
+ }) => Promise<any>;
40
39
  export declare const getAutoComplete: ({ model, serverEndPoint, }: {
41
40
  model: string;
42
41
  serverEndPoint: serverEndPointType | null;
43
42
  }) => Promise<false | Item[]>;
44
- export declare const loginByPayload: (payload: Item, serverEndPoint: serverEndPointType | null) => Promise<boolean | AxiosError<unknown, any>>;
43
+ export declare const loginByPayload: (payload: Item, serverEndPoint: serverEndPointType | null) => Promise<any>;
45
44
  export declare const clearJWT: () => boolean;
46
45
  export declare const hasJWT: () => boolean;
47
46
  export declare const setAuthToken: (token: string | null) => void;
48
47
  export declare const isLoggedIn: (serverEndPoint: serverEndPointType | null) => Promise<false | Item>;
49
- export declare const getSignUpOptions: (serverEndPoint: serverEndPointType | null) => Promise<SchemaType | AxiosError<unknown, any>>;
50
- export declare const signUp: (data: Item, serverEndPoint: serverEndPointType | null) => Promise<Item>;
48
+ export declare const getSignUpOptions: (serverEndPoint: serverEndPointType | null) => Promise<any>;
49
+ export declare const signUp: (data: Item, serverEndPoint: serverEndPointType | null) => Promise<any>;
51
50
  export interface GetGenericModelListProps {
52
51
  model: string;
53
52
  serverEndPoint: serverEndPointType | null;
@@ -85,5 +84,5 @@ export declare const getGenericModel: ({ model, serverEndPoint, id, relatedModel
85
84
  relatedModel?: string | undefined;
86
85
  relatedModelId?: string | undefined;
87
86
  }) => Promise<false | ItemSchemaColumnsType>;
88
- export declare const getAllModels: (serverEndPoint: serverEndPointType | null) => Promise<Item[] | AxiosError<unknown, any>>;
87
+ export declare const getAllModels: (serverEndPoint: serverEndPointType | null) => Promise<any>;
89
88
  export {};
@@ -4,5 +4,5 @@ type FConfirmDialogProps = {
4
4
  onClose: (p: any) => void;
5
5
  onConfirm: (p: any) => void;
6
6
  };
7
- export declare const ConfirmDialog: React.MemoExoticComponent<({ open, onClose, onConfirm }: FConfirmDialogProps) => React.JSX.Element>;
7
+ export declare const ConfirmDialog: React.MemoExoticComponent<({ open, onClose, onConfirm }: FConfirmDialogProps) => JSX.Element>;
8
8
  export {};
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { BulkDeleteData, BulkUpdateData, GridEnrichedBySchemaColDef, Id, Item, OnSelectActions } from '../../utils';
3
3
  type CustomToolbarProps = {
4
4
  preparedColumns: GridEnrichedBySchemaColDef[];
@@ -14,5 +14,5 @@ type CustomToolbarProps = {
14
14
  *
15
15
  * @returns Custom Toolbar for the grid
16
16
  */
17
- export declare const CustomToolbar: ({ preparedColumns, setPreparedColumns, onSelectActions, selectionModel, bulkUpdateData, bulkDeleteData, bulkCreateData, }: CustomToolbarProps) => React.JSX.Element;
17
+ export declare const CustomToolbar: ({ preparedColumns, setPreparedColumns, onSelectActions, selectionModel, bulkUpdateData, bulkDeleteData, bulkCreateData, }: CustomToolbarProps) => JSX.Element;
18
18
  export {};
@@ -1,7 +1,7 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  type FooterToolbarProps = {
3
3
  isEditable: boolean;
4
4
  handleAddItem: () => void;
5
5
  };
6
- export declare const FooterToolbar: ({ isEditable, handleAddItem }: FooterToolbarProps) => React.JSX.Element;
6
+ export declare const FooterToolbar: ({ isEditable, handleAddItem }: FooterToolbarProps) => JSX.Element;
7
7
  export {};
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { CalendarPickerView } from '@mui/x-date-pickers/CalendarPicker';
3
3
  type GridDateInputProps = {
4
4
  field: string;
@@ -7,5 +7,5 @@ type GridDateInputProps = {
7
7
  column: object;
8
8
  dateViews?: CalendarPickerView[] | undefined;
9
9
  };
10
- export declare const GridDateInput: ({ id, value, field, dateViews, }: GridDateInputProps) => React.JSX.Element;
10
+ export declare const GridDateInput: ({ id, value, field, dateViews, }: GridDateInputProps) => JSX.Element;
11
11
  export {};
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  type GridDecimalInputProps = {
3
3
  field: string;
4
4
  id: number | string;
@@ -9,5 +9,5 @@ type GridDecimalInputProps = {
9
9
  suffix?: string;
10
10
  isCurrency?: boolean;
11
11
  };
12
- export declare const GridDecimalInput: ({ id, value, field, decimalPlaces, prefix, suffix, isCurrency, }: GridDecimalInputProps) => React.JSX.Element;
12
+ export declare const GridDecimalInput: ({ id, value, field, decimalPlaces, prefix, suffix, isCurrency, }: GridDecimalInputProps) => JSX.Element;
13
13
  export {};
@@ -1,9 +1,9 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  type GridPatternInputProps = {
3
3
  field: string;
4
4
  id: number | string;
5
5
  value?: string | number | null;
6
6
  patternFormat?: string;
7
7
  };
8
- export declare const GridPatternInput: ({ id, value, field, patternFormat, }: GridPatternInputProps) => React.JSX.Element;
8
+ export declare const GridPatternInput: ({ id, value, field, patternFormat, }: GridPatternInputProps) => JSX.Element;
9
9
  export {};
@@ -1,4 +1,4 @@
1
- import React from 'react';
2
- export declare const InputNumberInterval: (props: any) => React.JSX.Element;
3
- export declare const InputDateInterval: (props: any) => React.JSX.Element;
4
- export declare const InputFloatInterval: (props: any) => React.JSX.Element;
1
+ /// <reference types="react" />
2
+ export declare const InputNumberInterval: (props: any) => JSX.Element;
3
+ export declare const InputDateInterval: (props: any) => JSX.Element;
4
+ export declare const InputFloatInterval: (props: any) => JSX.Element;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { GridApi, GridFilterOperator } from '@mui/x-data-grid';
2
+ import { GridApi } from '@mui/x-data-grid';
3
3
  import { GridEnrichedBySchemaColDef } from '../../utils';
4
4
  export type ResizeType = 'condense' | 'maxContent' | 'fitScreen';
5
5
  /**
@@ -12,4 +12,4 @@ export type ResizeType = 'condense' | 'maxContent' | 'fitScreen';
12
12
  export declare function resizeColumns(columns: GridEnrichedBySchemaColDef[], resizeType: ResizeType, apiRef: React.MutableRefObject<GridApi>): GridEnrichedBySchemaColDef[];
13
13
  export declare const quantityOnlyOperators: ({ type }: {
14
14
  type: string;
15
- }) => GridFilterOperator<any, any, any>[];
15
+ }) => GridFilterOperator[];
@@ -133,7 +133,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)(({ schema, data, rowCou
133
133
  }
134
134
  });
135
135
  const initColumns = () => __awaiter(void 0, void 0, void 0, function* () {
136
- let cols = [];
136
+ const actionCols = [];
137
137
  if (isEditable) {
138
138
  const handleSaveClick = (id) => () => {
139
139
  if (id) {
@@ -157,7 +157,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)(({ schema, data, rowCou
157
157
  setRowModesModel(Object.assign(Object.assign({}, rowModesModel), { [id]: { mode: x_data_grid_1.GridRowModes.Edit } }));
158
158
  }
159
159
  };
160
- cols.push({
160
+ actionCols.push({
161
161
  field: 'actions',
162
162
  headerName: '',
163
163
  type: 'actions',
@@ -209,7 +209,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)(({ schema, data, rowCou
209
209
  },
210
210
  });
211
211
  }
212
- cols = [...cols, ...columns];
212
+ const cols = [...actionCols, ...columns];
213
213
  const colsPromises = cols.map((col) => __awaiter(void 0, void 0, void 0, function* () {
214
214
  if (!schema[col.field]) {
215
215
  return col;
@@ -407,8 +407,8 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)(({ schema, data, rowCou
407
407
  // Finally!
408
408
  return column;
409
409
  }));
410
- cols = yield Promise.all(colsPromises);
411
- setPreparedColumns(cols);
410
+ const finalCols = yield Promise.all(colsPromises);
411
+ setPreparedColumns(finalCols);
412
412
  });
413
413
  const handleAddItems = (numberOfRows = 1) => {
414
414
  const newRows = [];
@@ -577,7 +577,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)(({ schema, data, rowCou
577
577
  updateOptionsAC().then(() => {
578
578
  initColumns();
579
579
  });
580
- }, [rowModesModel]);
580
+ }, [rowModesModel, columns]);
581
581
  const processRowUpdate = (editedRow) => __awaiter(void 0, void 0, void 0, function* () {
582
582
  if (!preparedColumns || !yupValidationSchema.current) {
583
583
  return false;
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { GridRowId } from '@mui/x-data-grid';
3
3
  import { Item } from '../utils';
4
4
  import { SumRowsType } from '../api';
@@ -7,5 +7,5 @@ interface DataTotalsProps {
7
7
  sumRows?: SumRowsType;
8
8
  visibleRows: GridRowId[];
9
9
  }
10
- declare const DataTotals: ({ data, sumRows, visibleRows }: DataTotalsProps) => React.JSX.Element;
10
+ declare const DataTotals: ({ data, sumRows, visibleRows }: DataTotalsProps) => JSX.Element;
11
11
  export default DataTotals;
@@ -1,8 +1,8 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { SumRowsType } from '../api';
3
3
  interface DataTotalsServerProps {
4
4
  sumRows?: SumRowsType;
5
5
  totals?: null | Record<string, number>;
6
6
  }
7
- declare const DataTotalsServer: ({ sumRows, totals }: DataTotalsServerProps) => React.JSX.Element;
7
+ declare const DataTotalsServer: ({ sumRows, totals }: DataTotalsServerProps) => JSX.Element;
8
8
  export default DataTotalsServer;
@@ -6,5 +6,5 @@ interface DialogActionsProps {
6
6
  btnCancel?: string;
7
7
  btnConfirm?: string;
8
8
  }
9
- export default function DialogActions({ setDialog, handleSave, btnCancel, btnConfirm, }: DialogActionsProps): React.JSX.Element;
9
+ export default function DialogActions({ setDialog, handleSave, btnCancel, btnConfirm, }: DialogActionsProps): JSX.Element;
10
10
  export {};
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ import { Item, SchemaType } from '../utils';
3
+ interface DialogJSONSchemaFormProps {
4
+ jsonSchemaFormRef: any;
5
+ schema: SchemaType;
6
+ uiSchema: SchemaType;
7
+ formData: Item;
8
+ onSubmit: ({ formData }: {
9
+ formData: Item;
10
+ }) => void;
11
+ }
12
+ export default function DialogJSONSchemaForm({ jsonSchemaFormRef, schema, uiSchema, formData, onSubmit }: DialogJSONSchemaFormProps): JSX.Element;
13
+ export {};
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const react_1 = __importDefault(require("react"));
7
+ const Button_1 = __importDefault(require("@mui/material/Button"));
8
+ const validator_ajv8_1 = __importDefault(require("@rjsf/validator-ajv8"));
9
+ const mui_1 = __importDefault(require("@rjsf/mui"));
10
+ ;
11
+ function DialogJSONSchemaForm({ jsonSchemaFormRef, schema, uiSchema, formData, onSubmit }) {
12
+ return (react_1.default.createElement(mui_1.default
13
+ // @ts-ignore
14
+ , {
15
+ // @ts-ignore
16
+ ref: jsonSchemaFormRef, schema: schema, uiSchema: uiSchema, validator: validator_ajv8_1.default, formData: formData, onSubmit: onSubmit },
17
+ react_1.default.createElement(Button_1.default, { type: "submit", sx: { display: 'none' } }, "Salvar")));
18
+ }
19
+ exports.default = DialogJSONSchemaForm;
20
+ ;
@@ -17,5 +17,5 @@ interface FormButtonsProps {
17
17
  saveAndContinue?: boolean;
18
18
  sx?: any;
19
19
  }
20
- export default function FormButtons({ model, objId, title, formDisabled, cancelBtn, cancelBtnLabel, deleteBtnLabel, saveAndCreateNewBtnLabel, saveAndContinueBtnLabel, saveBtnLabel, onSuccess, bottom, borderBottom, saveAndContinue, sx }: FormButtonsProps): React.JSX.Element;
20
+ export default function FormButtons({ model, objId, title, formDisabled, cancelBtn, cancelBtnLabel, deleteBtnLabel, saveAndCreateNewBtnLabel, saveAndContinueBtnLabel, saveBtnLabel, onSuccess, bottom, borderBottom, saveAndContinue, sx }: FormButtonsProps): JSX.Element;
21
21
  export {};
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { GridFilterModel, GridRenderCellParams } from '@mui/x-data-grid';
3
3
  import { GridEnrichedBySchemaColDef, ActionType, Item, OnSelectActions, OptionsAC, FormFieldLayout } from '../utils';
4
4
  import { SumRowsType } from '../api';
@@ -23,7 +23,7 @@ interface GenericModelListProps {
23
23
  onSelectActions?: OnSelectActions[];
24
24
  sumRows?: SumRowsType;
25
25
  isAutoHeight?: boolean;
26
- forceReload: boolean;
26
+ forceReload?: boolean;
27
27
  LinkComponent?: any | null;
28
28
  hasHeader: boolean;
29
29
  paginationMode: 'server' | 'client';
@@ -36,5 +36,5 @@ interface GenericModelListProps {
36
36
  optionsAC?: OptionsAC;
37
37
  disableScreenLoading?: boolean;
38
38
  }
39
- declare const GenericModelList: ({ model, columnFields, hiddenFields, creatableFields, disabledFields, minWidthFields, indexField, indexFieldBasePath, indexFieldViewBasePath, addExistingModel, onProcessRow, reloadAfterRowUpdate, customColumnOperations, customFieldFormLayouts, customLinkDestination, isEditable, hasBulkSelect, onSelectActions, sumRows, isAutoHeight, forceReload, LinkComponent, hasHeader, paginationMode, defaultFilter, queryParams, hideFooterComponent, hideToolbarComponent, tableAutoHeight, actions, optionsAC, disableScreenLoading, }: GenericModelListProps) => React.JSX.Element;
39
+ declare const GenericModelList: ({ model, columnFields, hiddenFields, creatableFields, disabledFields, minWidthFields, indexField, indexFieldBasePath, indexFieldViewBasePath, addExistingModel, onProcessRow, reloadAfterRowUpdate, customColumnOperations, customFieldFormLayouts, customLinkDestination, isEditable, hasBulkSelect, onSelectActions, sumRows, isAutoHeight, forceReload, LinkComponent, hasHeader, paginationMode, defaultFilter, queryParams, hideFooterComponent, hideToolbarComponent, tableAutoHeight, actions, optionsAC, disableScreenLoading, }: GenericModelListProps) => JSX.Element;
40
40
  export default GenericModelList;
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { GridFilterModel } from '@mui/x-data-grid';
3
3
  import { ActionType, GridEnrichedBySchemaColDef, Id, Item, OnSelectActions, OptionsAC } from '../utils';
4
4
  import { SumRowsType } from '../api';
@@ -36,5 +36,5 @@ interface GenericRelatedModelListProps {
36
36
  actions?: Partial<ActionType>[];
37
37
  optionsAC?: OptionsAC;
38
38
  }
39
- export default function GenericRelatedModelList({ model, id, relatedModel, columnFields, hiddenFields, creatableFields, disabledFields, usuaria, minWidthFields, indexField, indexFieldBasePath, indexFieldViewBasePath, addExistingModel, label, onProcessRow, reloadAfterRowUpdate, customColumnOperations, isEditable, hasBulkSelect, onSelectActions, sumRows, isAutoHeight, isInBatches, noCardWrapper, paginationMode, defaultFilter, queryParams, hideFooterComponent, hideToolbarComponent, tableAutoHeight, actions, optionsAC, }: GenericRelatedModelListProps): React.JSX.Element;
39
+ export default function GenericRelatedModelList({ model, id, relatedModel, columnFields, hiddenFields, creatableFields, disabledFields, usuaria, minWidthFields, indexField, indexFieldBasePath, indexFieldViewBasePath, addExistingModel, label, onProcessRow, reloadAfterRowUpdate, customColumnOperations, isEditable, hasBulkSelect, onSelectActions, sumRows, isAutoHeight, isInBatches, noCardWrapper, paginationMode, defaultFilter, queryParams, hideFooterComponent, hideToolbarComponent, tableAutoHeight, actions, optionsAC, }: GenericRelatedModelListProps): JSX.Element;
40
40
  export {};
@@ -1,3 +1,3 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { DetailBySchemaProps } from '../../utils';
3
- export default function DetailBySchema({ values, schema, editLink, editLabel, labelKey, decimalScale, fieldsLayout: fieldsLayoutInitial, fieldsProps, sxRow, sxRowMultiple, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }: DetailBySchemaProps): React.JSX.Element;
3
+ export default function DetailBySchema({ values, schema, editLink, editLabel, labelKey, decimalScale, fieldsLayout: fieldsLayoutInitial, fieldsProps, sxRow, sxRowMultiple, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }: DetailBySchemaProps): JSX.Element;
@@ -1,3 +1,3 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { DetailFieldBySchemaProps } from '../../utils';
3
- export default function DetailFieldBySchema({ name, value, schema, labelKey, optionIdKey, optionLabelKey, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }: DetailFieldBySchemaProps): React.JSX.Element;
3
+ export default function DetailFieldBySchema({ name, value, schema, labelKey, optionIdKey, optionLabelKey, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }: DetailFieldBySchemaProps): JSX.Element;
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { AnyObjectSchema } from 'yup';
3
3
  import { FormFieldLayout, Item, SchemaType } from '../../utils';
4
4
  import { DialogType } from '../../context/APIWrapperContext';
@@ -11,5 +11,5 @@ interface DialogFormBySchemaProps {
11
11
  getAutoComplete: (model: string) => Promise<false | Item[]>;
12
12
  fieldsLayout?: FormFieldLayout[];
13
13
  }
14
- export default function DialogFormBySchema({ schema, validationSchema, initialValues, onEditModelSave, setDialog, getAutoComplete, fieldsLayout, }: DialogFormBySchemaProps): React.JSX.Element;
14
+ export default function DialogFormBySchema({ schema, validationSchema, initialValues, onEditModelSave, setDialog, getAutoComplete, fieldsLayout, }: DialogFormBySchemaProps): JSX.Element;
15
15
  export {};
@@ -1,3 +1,3 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { FieldBySchemaProps } from '../../utils';
3
- export default function FieldBySchema({ name, schema, control, errors, multiline, setValue, getValues, fieldKey, labelKey, index, optionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, fieldsLayout, sx, options, isSemaphoric, label, onValueChange, decimalScale, ...other }: FieldBySchemaProps): React.JSX.Element;
3
+ export default function FieldBySchema({ name, schema, control, errors, multiline, setValue, getValues, fieldKey, labelKey, index, optionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, fieldsLayout, sx, options, isSemaphoric, label, onValueChange, decimalScale, ...other }: FieldBySchemaProps): JSX.Element;
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { UseFormRegister } from 'react-hook-form';
3
3
  import { CommonFieldProps, FieldBySchemaProps, FormFieldLayout, Item, OptionsAC } from '../../utils';
4
4
  interface FormBySchemaProps extends Omit<FieldBySchemaProps, 'name'> {
@@ -12,5 +12,5 @@ interface FormBySchemaProps extends Omit<FieldBySchemaProps, 'name'> {
12
12
  fieldsProps?: Record<string, CommonFieldProps>;
13
13
  relatedEditable?: boolean;
14
14
  }
15
- export default function FormBySchema({ schema, control, errors, register, multiline, setValue, getValues, fieldKey, labelKey, index, optionsAC, setOptionsAC, forceReload, optionsModel, getOptionLabel, renderOption, onEditModel, options, isSemaphoric, label, decimalScale, fieldsLayout: fieldsLayoutInitial, customFieldFormLayouts, fieldsProps, hiddenFields, isolatedGetAutoComplete, relatedEditable, }: FormBySchemaProps): React.JSX.Element;
15
+ export default function FormBySchema({ schema, control, errors, register, multiline, setValue, getValues, fieldKey, labelKey, index, optionsAC, setOptionsAC, forceReload, optionsModel, getOptionLabel, renderOption, onEditModel, options, isSemaphoric, label, decimalScale, fieldsLayout: fieldsLayoutInitial, customFieldFormLayouts, fieldsProps, hiddenFields, isolatedGetAutoComplete, relatedEditable, }: FormBySchemaProps): JSX.Element;
16
16
  export {};
@@ -1,3 +1,3 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { FieldBySchemaProps } from '../../../utils';
3
- export default function AutocompleteFieldBySchema({ fieldKey, index, name, schema, control, errors, optionIdKey, optionLabelKey, options, isSemaphoric, sx, onValueChange, ...other }: FieldBySchemaProps): React.JSX.Element;
3
+ export default function AutocompleteFieldBySchema({ fieldKey, index, name, schema, control, errors, optionIdKey, optionLabelKey, options, isSemaphoric, sx, onValueChange, ...other }: FieldBySchemaProps): JSX.Element;
@@ -1,3 +1,3 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { FieldBySchemaProps } from '../../../utils';
3
- export default function BooleanFieldBySchema({ name, schema, control, fieldKey, index, sx, onValueChange, ...other }: FieldBySchemaProps): React.JSX.Element;
3
+ export default function BooleanFieldBySchema({ name, schema, control, fieldKey, index, sx, onValueChange, ...other }: FieldBySchemaProps): JSX.Element;
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import 'dayjs/locale/pt-br';
3
3
  import { FieldBySchemaProps } from '../../../utils';
4
- export default function DesktopDatePickerBySchema({ name, schema, control, errors, fieldKey, index, sx, ...other }: FieldBySchemaProps): React.JSX.Element;
4
+ export default function DesktopDatePickerBySchema({ name, schema, control, errors, fieldKey, index, sx, ...other }: FieldBySchemaProps): JSX.Element;
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import 'dayjs/locale/pt-br';
3
3
  import { FieldBySchemaProps } from '../../../utils';
4
- export default function DesktopDateTimePickerBySchema({ name, schema, control, errors, fieldKey, index, sx, ...other }: FieldBySchemaProps): React.JSX.Element;
4
+ export default function DesktopDateTimePickerBySchema({ name, schema, control, errors, fieldKey, index, sx, ...other }: FieldBySchemaProps): JSX.Element;
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import Autocomplete from '@mui/material/Autocomplete';
3
2
  import { FieldBySchemaProps } from '../../../utils';
4
- declare const EditableAutocompleteFieldBySchema: React.ForwardRefExoticComponent<FieldBySchemaProps & React.RefAttributes<typeof Autocomplete>>;
3
+ declare const EditableAutocompleteFieldBySchema: React.ForwardRefExoticComponent<FieldBySchemaProps & React.RefAttributes<any>>;
5
4
  export default EditableAutocompleteFieldBySchema;
@@ -1,3 +1,3 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { FieldBySchemaProps } from '../../../utils';
3
- export default function FloatFieldBySchema({ fieldKey, index, name, control, schema, errors, onValueChange, decimalScale, label, ...other }: Omit<FieldBySchemaProps, 'type'>): React.JSX.Element;
3
+ export default function FloatFieldBySchema({ fieldKey, index, name, control, schema, errors, onValueChange, decimalScale, label, ...other }: Omit<FieldBySchemaProps, 'type'>): JSX.Element;
@@ -1,3 +1,3 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { FieldBySchemaProps } from '../../../utils';
3
- export default function TextFieldBySchema({ name, schema, control, errors, multiline, minRows, fieldKey, index, sx, isPassword, type, autocomplete, disabled, onValueChange, ...other }: FieldBySchemaProps): React.JSX.Element;
3
+ export default function TextFieldBySchema({ name, schema, control, errors, multiline, minRows, fieldKey, index, sx, isPassword, type, autocomplete, disabled, onValueChange, ...other }: FieldBySchemaProps): JSX.Element;
@@ -6,6 +6,6 @@ interface APIWrapperProps {
6
6
  setDialog: (x: Partial<DialogType>) => void;
7
7
  children: React.ReactNode;
8
8
  }
9
- declare function APIWrapper({ handleLoading, setSnackBar, setDialog, children }: APIWrapperProps): React.JSX.Element;
9
+ declare function APIWrapper({ handleLoading, setSnackBar, setDialog, children }: APIWrapperProps): JSX.Element;
10
10
  declare const _default: React.MemoExoticComponent<typeof APIWrapper>;
11
11
  export default _default;
@@ -9,5 +9,5 @@ interface DRFReactBySchemaProviderProps extends DRFReactBySchemaContextType {
9
9
  * @param {*} props
10
10
  * @returns {*}
11
11
  */
12
- declare const DRFReactBySchemaProvider: ({ serverEndPoint, theme, isInBatches, firstBatchLength, children, }: DRFReactBySchemaProviderProps) => React.JSX.Element;
12
+ declare const DRFReactBySchemaProvider: ({ serverEndPoint, theme, isInBatches, firstBatchLength, children, }: DRFReactBySchemaProviderProps) => JSX.Element;
13
13
  export default DRFReactBySchemaProvider;
@@ -17,5 +17,5 @@ interface FormProps {
17
17
  formButtonsSx?: any;
18
18
  children: React.ReactNode;
19
19
  }
20
- export default function Form({ model, id, objTitleField, optionsACModels, cancelBtn, cancelBtnLabel, deleteBtnLabel, saveAndCreateNewBtnLabel, saveAndContinueBtnLabel, saveBtnLabel, onSuccess, borderBottom, saveAndContinue, formButtonsSx, children, }: FormProps): React.JSX.Element;
20
+ export default function Form({ model, id, objTitleField, optionsACModels, cancelBtn, cancelBtnLabel, deleteBtnLabel, saveAndCreateNewBtnLabel, saveAndContinueBtnLabel, saveBtnLabel, onSuccess, borderBottom, saveAndContinue, formButtonsSx, children, }: FormProps): JSX.Element;
21
21
  export {};
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  export default function Overlays({ children }: {
3
3
  children: React.ReactNode;
4
- }): React.JSX.Element;
4
+ }): JSX.Element;
@@ -96,7 +96,7 @@ export declare const fullWidthButton: {
96
96
  };
97
97
  export declare const formCard: {
98
98
  width: string;
99
- backgroundColor: string;
99
+ backgroundColor: any;
100
100
  mt: number;
101
101
  mb: number;
102
102
  };
@@ -17,5 +17,5 @@ declare module '@mui/material/styles' {
17
17
  semaphoric?: string;
18
18
  }
19
19
  }
20
- declare const defaultTheme: import("@mui/material/styles").Theme;
20
+ declare const defaultTheme: any;
21
21
  export default defaultTheme;
package/dist/utils.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  /// <reference types="react" />
2
- import * as Yup from 'yup';
3
2
  import { CalendarPickerView } from '@mui/x-date-pickers/CalendarPicker';
4
3
  import { GridActionsColDef, GridColDef, GridFilterModel, GridSortModel } from '@mui/x-data-grid';
5
4
  import { Control, FieldValues, UseFormGetValues, UseFormSetValue } from 'react-hook-form';
@@ -158,7 +157,7 @@ export declare const buildGenericYupValidationSchema: ({ data, schema, many, ski
158
157
  many?: boolean | undefined;
159
158
  skipFields?: string[] | undefined;
160
159
  extraValidators?: Item | undefined;
161
- }) => Yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>> | Yup.ArraySchema<Yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>>, import("yup/lib/types").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>[] | undefined, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>[] | undefined>;
160
+ }) => any;
162
161
  export declare const errorProps: ({ errors, fieldKey, fieldKeyProp, index, }: {
163
162
  errors: Item;
164
163
  fieldKey: string;
@@ -176,7 +175,7 @@ export type AddParametersToEnd<TFunction extends (...args: any) => any, TParamet
176
175
  export declare function buildDateFormatBySchema(dateViews: string[] | null | undefined): "DD/MM/yyyy" | "MM/yyyy" | "yyyy" | "MM" | "DD";
177
176
  export declare const slugToCamelCase: (str: string) => string;
178
177
  export declare const slugify: (text: string) => string;
179
- export declare function mergeFilterItems(defaultFilter: GridFilterModel | undefined, filter: GridFilterModel | undefined): GridFilterModel | undefined;
178
+ export declare function mergeFilterItems(defaultFilter: GridFilterModel | undefined, filter: GridFilterModel | undefined): any;
180
179
  export type ActionType = 'editInline' | 'remove' | 'edit' | 'view';
181
180
  export type BulkUpdateData = (newData: Item[]) => Promise<{
182
181
  id: Id;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "drf-react-by-schema",
3
- "version": "0.16.3",
3
+ "version": "0.16.4",
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",