drf-react-by-schema 0.16.11 → 0.17.1

package/dist/api.d.ts

@@ -1,4 +1,3 @@
-import { AxiosError } from 'axios';
 import { serverEndPointType } from './context/DRFReactBySchemaContext';
 import { Item, SchemaType, modelOptionsType, DataSchemaColumnsType, ItemSchemaColumnsType, Id, TargetApiParams } from './utils';
 import { GridFilterModel, GridSortModel } from '@mui/x-data-grid';
@@ -12,17 +11,17 @@ interface TargetApiParamsOptionalId {
 export declare const getRawData: ({ path, serverEndPoint, }: {
     path: string;
     serverEndPoint: serverEndPointType | null;
-}) => Promise<Item[] | AxiosError<unknown, any>>;
+}) => Promise<any>;
 /**
  *
  * @param options - params
  * @returns updatedData when succesfully updated, axiosError otherwise
  */
-export declare const updateData: ({ path, serverEndPoint, data, id }: TargetApiParams) => Promise<Item>;
-export declare const partialUpdateData: ({ path, serverEndPoint, data, id }: TargetApiParams) => Promise<Item>;
-export declare const createData: ({ path, serverEndPoint, data }: Omit<TargetApiParams, 'id'>) => Promise<Item>;
-export declare const deleteData: (path: string, serverEndPoint: serverEndPointType | null, id: Id) => Promise<true | AxiosError<unknown, any>>;
-export declare const createOrUpdateData: ({ path, serverEndPoint, data, id, }: TargetApiParamsOptionalId) => Promise<Item>;
+export declare const updateData: ({ path, serverEndPoint, data, id }: TargetApiParams) => Promise<any>;
+export declare const partialUpdateData: ({ path, serverEndPoint, data, id }: TargetApiParams) => Promise<any>;
+export declare const createData: ({ path, serverEndPoint, data }: Omit<TargetApiParams, 'id'>) => Promise<any>;
+export declare const deleteData: (path: string, serverEndPoint: serverEndPointType | null, id: Id) => Promise<any>;
+export declare const createOrUpdateData: ({ path, serverEndPoint, data, id, }: TargetApiParamsOptionalId) => Promise<any>;
 export declare const updateDataBySchema: ({ model, modelObjectId, serverEndPoint, data, schema, path, }: {
     model: string;
     modelObjectId: Id;
@@ -30,24 +29,24 @@ export declare const updateDataBySchema: ({ model, modelObjectId, serverEndPoint
     data: Item;
     schema: SchemaType;
     path?: string | null | undefined;
-}) => Promise<Item>;
+}) => Promise<any>;
 export declare const addExistingRelatedModel: ({ model, serverEndPoint, id, data, }: {
     model: string;
     serverEndPoint: serverEndPointType | null;
     id: Id;
     data: Item;
-}) => Promise<Item>;
+}) => Promise<any>;
 export declare const getAutoComplete: ({ model, serverEndPoint, }: {
     model: string;
     serverEndPoint: serverEndPointType | null;
 }) => Promise<false | Item[]>;
-export declare const loginByPayload: (payload: Item, serverEndPoint: serverEndPointType | null) => Promise<boolean | AxiosError<unknown, any>>;
+export declare const loginByPayload: (payload: Item, serverEndPoint: serverEndPointType | null) => Promise<any>;
 export declare const clearJWT: () => boolean;
 export declare const hasJWT: () => boolean;
 export declare const setAuthToken: (token: string | null) => void;
 export declare const isLoggedIn: (serverEndPoint: serverEndPointType | null) => Promise<false | Item>;
-export declare const getSignUpOptions: (serverEndPoint: serverEndPointType | null) => Promise<SchemaType | AxiosError<unknown, any>>;
-export declare const signUp: (data: Item, serverEndPoint: serverEndPointType | null) => Promise<Item>;
+export declare const getSignUpOptions: (serverEndPoint: serverEndPointType | null) => Promise<any>;
+export declare const signUp: (data: Item, serverEndPoint: serverEndPointType | null) => Promise<any>;
 export interface GetGenericModelListProps {
     model: string;
     serverEndPoint: serverEndPointType | null;
@@ -85,5 +84,5 @@ export declare const getGenericModel: ({ model, serverEndPoint, id, relatedModel
     relatedModel?: string | undefined;
     relatedModelId?: string | undefined;
 }) => Promise<false | ItemSchemaColumnsType>;
-export declare const getAllModels: (serverEndPoint: serverEndPointType | null) => Promise<Item[] | AxiosError<unknown, any>>;
+export declare const getAllModels: (serverEndPoint: serverEndPointType | null) => Promise<any>;
 export {};

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

@@ -4,5 +4,5 @@ type FConfirmDialogProps = {
     onClose: (p: any) => void;
     onConfirm: (p: any) => void;
 };
-export declare const ConfirmDialog: React.MemoExoticComponent<({ open, onClose, onConfirm }: FConfirmDialogProps) => React.JSX.Element>;
+export declare const ConfirmDialog: React.MemoExoticComponent<({ open, onClose, onConfirm }: FConfirmDialogProps) => JSX.Element>;
 export {};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { BulkDeleteData, BulkUpdateData, GridEnrichedBySchemaColDef, Id, Item, OnSelectActions } from '../../utils';
 type CustomToolbarProps = {
     preparedColumns: GridEnrichedBySchemaColDef[];
@@ -14,5 +14,5 @@ type CustomToolbarProps = {
  *
  * @returns Custom Toolbar for the grid
  */
-export declare const CustomToolbar: ({ preparedColumns, setPreparedColumns, onSelectActions, selectionModel, bulkUpdateData, bulkDeleteData, bulkCreateData, }: CustomToolbarProps) => React.JSX.Element;
+export declare const CustomToolbar: ({ preparedColumns, setPreparedColumns, onSelectActions, selectionModel, bulkUpdateData, bulkDeleteData, bulkCreateData, }: CustomToolbarProps) => JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 type FooterToolbarProps = {
     isEditable: boolean;
     handleAddItem: () => void;
 };
-export declare const FooterToolbar: ({ isEditable, handleAddItem }: FooterToolbarProps) => React.JSX.Element;
+export declare const FooterToolbar: ({ isEditable, handleAddItem }: FooterToolbarProps) => JSX.Element;
 export {};

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

@@ -1,11 +1,12 @@
-import React from 'react';
-import { CalendarPickerView } from '@mui/x-date-pickers/CalendarPicker';
+/// <reference types="react" />
+import { DateView } from '@mui/x-date-pickers';
+import { GenericValue } from '../../utils';
 type GridDateInputProps = {
     field: string;
     id: number | string;
-    value?: any;
+    value?: GenericValue;
     column: object;
-    dateViews?: CalendarPickerView[] | undefined;
+    dateViews?: DateView[];
 };
-export declare const GridDateInput: ({ id, value, field, dateViews }: GridDateInputProps) => React.JSX.Element;
+export declare const GridDateInput: ({ id, value, field, dateViews }: GridDateInputProps) => JSX.Element;
 export {};

package/dist/components/DataGridBySchemaEditable/GridDateInput.js

@@ -15,7 +15,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridDateInput = void 0;
 const react_1 = __importDefault(require("react"));
 const x_data_grid_1 = require("@mui/x-data-grid");
-const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const DesktopDatePicker_1 = require("@mui/x-date-pickers/DesktopDatePicker");
 const LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
 const AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
@@ -38,6 +37,10 @@ const GridDateInput = ({ id, value, field, dateViews }) => {
     });
     const openTo = buildOpenTo(dateViews);
     return (react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterDayjs_1.AdapterDayjs, adapterLocale: "pt-br" },
-        react_1.default.createElement(DesktopDatePicker_1.DesktopDatePicker, { key: field, value: value, onChange: handleChange, views: dateViews, openTo: openTo, inputFormat: inputFormat, renderInput: (params) => react_1.default.createElement(TextField_1.default, Object.assign({}, params, { margin: "normal" })) })));
+        react_1.default.createElement(DesktopDatePicker_1.DesktopDatePicker, { key: field, value: value, onChange: handleChange, views: dateViews, openTo: openTo, format: inputFormat, slotProps: {
+                textField: {
+                    margin: 'normal',
+                },
+            } })));
 };
 exports.GridDateInput = GridDateInput;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 type GridDecimalInputProps = {
     field: string;
     id: number | string;
@@ -9,5 +9,5 @@ type GridDecimalInputProps = {
     suffix?: string;
     isCurrency?: boolean;
 };
-export declare const GridDecimalInput: ({ id, value, field, decimalPlaces, prefix, suffix, isCurrency, }: GridDecimalInputProps) => React.JSX.Element;
+export declare const GridDecimalInput: ({ id, value, field, decimalPlaces, prefix, suffix, isCurrency, }: GridDecimalInputProps) => JSX.Element;
 export {};

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

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 type GridPatternInputProps = {
     field: string;
     id: number | string;
     value?: string | number | null;
     patternFormat?: string;
 };
-export declare const GridPatternInput: ({ id, value, field, patternFormat, }: GridPatternInputProps) => React.JSX.Element;
+export declare const GridPatternInput: ({ id, value, field, patternFormat, }: GridPatternInputProps) => JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import React from 'react';
-export declare const InputNumberInterval: (props: any) => React.JSX.Element;
-export declare const InputDateInterval: (props: any) => React.JSX.Element;
-export declare const InputFloatInterval: (props: any) => React.JSX.Element;
+/// <reference types="react" />
+export declare const InputNumberInterval: (props: any) => JSX.Element;
+export declare const InputDateInterval: (props: any) => JSX.Element;
+export declare const InputFloatInterval: (props: any) => JSX.Element;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { GridApi, GridFilterOperator } from '@mui/x-data-grid';
+import { GridApi } from '@mui/x-data-grid';
 import { GridEnrichedBySchemaColDef } from '../../utils';
 export type ResizeType = 'condense' | 'maxContent' | 'fitScreen';
 /**
@@ -12,4 +12,4 @@ export type ResizeType = 'condense' | 'maxContent' | 'fitScreen';
 export declare function resizeColumns(columns: GridEnrichedBySchemaColDef[], resizeType: ResizeType, apiRef: React.MutableRefObject<GridApi>): GridEnrichedBySchemaColDef[];
 export declare const quantityOnlyOperators: ({ type }: {
     type: string;
-}) => GridFilterOperator<any, any, any>[];
+}) => GridFilterOperator[];

package/dist/components/DataGridBySchemaEditable.js

@@ -230,6 +230,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)(({ schema, data, rowCou
                         ? schema[col.field].related_editable
                         : column.creatable;
             }
+            console.log(col, schema[col.field]);
             switch (schema[col.field].type) {
                 case 'date':
                     column.type = 'date';

package/dist/components/DataTotals.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { GridRowId } from '@mui/x-data-grid';
 import { Item } from '../utils';
 import { SumRowsType } from '../api';
@@ -7,5 +7,5 @@ interface DataTotalsProps {
     sumRows?: SumRowsType;
     visibleRows: GridRowId[];
 }
-declare const DataTotals: ({ data, sumRows, visibleRows }: DataTotalsProps) => React.JSX.Element;
+declare const DataTotals: ({ data, sumRows, visibleRows }: DataTotalsProps) => JSX.Element;
 export default DataTotals;

package/dist/components/DataTotalsServer.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { SumRowsType } from '../api';
 interface DataTotalsServerProps {
     sumRows?: SumRowsType;
     totals?: null | Record<string, number>;
 }
-declare const DataTotalsServer: ({ sumRows, totals }: DataTotalsServerProps) => React.JSX.Element;
+declare const DataTotalsServer: ({ sumRows, totals }: DataTotalsServerProps) => JSX.Element;
 export default DataTotalsServer;

package/dist/components/DialogActions.d.ts

@@ -6,5 +6,5 @@ interface DialogActionsProps {
     btnCancel?: string;
     btnConfirm?: string;
 }
-export default function DialogActions({ setDialog, handleSave, btnCancel, btnConfirm, }: DialogActionsProps): React.JSX.Element;
+export default function DialogActions({ setDialog, handleSave, btnCancel, btnConfirm, }: DialogActionsProps): JSX.Element;
 export {};

package/dist/components/DialogJSONSchemaForm.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Item, SchemaType } from '../utils';
+interface DialogJSONSchemaFormProps {
+    jsonSchemaFormRef: any;
+    schema: SchemaType;
+    uiSchema: SchemaType;
+    formData: Item;
+    onSubmit: ({ formData }: {
+        formData: Item;
+    }) => void;
+}
+export default function DialogJSONSchemaForm({ jsonSchemaFormRef, schema, uiSchema, formData, onSubmit }: DialogJSONSchemaFormProps): JSX.Element;
+export {};

package/dist/components/DialogJSONSchemaForm.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const validator_ajv8_1 = __importDefault(require("@rjsf/validator-ajv8"));
+const mui_1 = __importDefault(require("@rjsf/mui"));
+;
+function DialogJSONSchemaForm({ jsonSchemaFormRef, schema, uiSchema, formData, onSubmit }) {
+    return (react_1.default.createElement(mui_1.default
+    // @ts-ignore
+    , { 
+        // @ts-ignore
+        ref: jsonSchemaFormRef, schema: schema, uiSchema: uiSchema, validator: validator_ajv8_1.default, formData: formData, onSubmit: onSubmit },
+        react_1.default.createElement(Button_1.default, { type: "submit", sx: { display: 'none' } }, "Salvar")));
+}
+exports.default = DialogJSONSchemaForm;
+;

package/dist/components/FormButtons.d.ts

@@ -17,5 +17,5 @@ interface FormButtonsProps {
     saveAndContinue?: boolean;
     sx?: any;
 }
-export default function FormButtons({ model, objId, title, formDisabled, cancelBtn, cancelBtnLabel, deleteBtnLabel, saveAndCreateNewBtnLabel, saveAndContinueBtnLabel, saveBtnLabel, onSuccess, bottom, borderBottom, saveAndContinue, sx }: FormButtonsProps): React.JSX.Element;
+export default function FormButtons({ model, objId, title, formDisabled, cancelBtn, cancelBtnLabel, deleteBtnLabel, saveAndCreateNewBtnLabel, saveAndContinueBtnLabel, saveBtnLabel, onSuccess, bottom, borderBottom, saveAndContinue, sx }: FormButtonsProps): JSX.Element;
 export {};

package/dist/components/GenericModelList.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { GridFilterModel, GridRenderCellParams } from '@mui/x-data-grid';
 import { GridEnrichedBySchemaColDef, ActionType, Item, OnSelectActions, OptionsAC, FormFieldLayout } from '../utils';
 import { SumRowsType } from '../api';
@@ -37,5 +37,5 @@ interface GenericModelListProps {
     defaultValues?: Item;
     disableScreenLoading?: boolean;
 }
-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, defaultValues, disableScreenLoading, }: GenericModelListProps) => React.JSX.Element;
+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, defaultValues, disableScreenLoading, }: GenericModelListProps) => JSX.Element;
 export default GenericModelList;

package/dist/components/GenericRelatedModelList.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { GridFilterModel } from '@mui/x-data-grid';
 import { ActionType, GridEnrichedBySchemaColDef, Id, Item, OnSelectActions, OptionsAC } from '../utils';
 import { SumRowsType } from '../api';
@@ -38,5 +38,5 @@ interface GenericRelatedModelListProps {
     defaultValues?: Item;
     LinkComponent?: any | null;
 }
-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, defaultValues, LinkComponent, }: GenericRelatedModelListProps): React.JSX.Element;
+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, defaultValues, LinkComponent, }: GenericRelatedModelListProps): JSX.Element;
 export {};

package/dist/components/details/DetailBySchema.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { DetailBySchemaProps } from '../../utils';
-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;
+export default function DetailBySchema({ values, schema, editLink, editLabel, labelKey, decimalScale, fieldsLayout: fieldsLayoutInitial, fieldsProps, sxRow, sxRowMultiple, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }: DetailBySchemaProps): JSX.Element;

package/dist/components/details/DetailFieldBySchema.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { DetailFieldBySchemaProps } from '../../utils';
-export default function DetailFieldBySchema({ name, value, schema, labelKey, optionIdKey, optionLabelKey, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }: DetailFieldBySchemaProps): React.JSX.Element;
+export default function DetailFieldBySchema({ name, value, schema, labelKey, optionIdKey, optionLabelKey, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }: DetailFieldBySchemaProps): JSX.Element;

package/dist/components/forms/DialogFormBySchema.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { AnyObjectSchema } from 'yup';
 import { FormFieldLayout, Item, SchemaType } from '../../utils';
 import { DialogType } from '../../context/APIWrapperContext';
@@ -11,5 +11,5 @@ interface DialogFormBySchemaProps {
     getAutoComplete: (model: string) => Promise<false | Item[]>;
     fieldsLayout?: FormFieldLayout[];
 }
-export default function DialogFormBySchema({ schema, validationSchema, initialValues, onEditModelSave, setDialog, getAutoComplete, fieldsLayout, }: DialogFormBySchemaProps): React.JSX.Element;
+export default function DialogFormBySchema({ schema, validationSchema, initialValues, onEditModelSave, setDialog, getAutoComplete, fieldsLayout, }: DialogFormBySchemaProps): JSX.Element;
 export {};

package/dist/components/forms/FieldBySchema.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { FieldBySchemaProps } from '../../utils';
-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;
+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;

package/dist/components/forms/FormBySchema.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { UseFormRegister } from 'react-hook-form';
 import { CommonFieldProps, FieldBySchemaProps, FormFieldLayout, Item, OptionsAC } from '../../utils';
 interface FormBySchemaProps extends Omit<FieldBySchemaProps, 'name'> {
@@ -12,5 +12,5 @@ interface FormBySchemaProps extends Omit<FieldBySchemaProps, 'name'> {
     fieldsProps?: Record<string, CommonFieldProps>;
     relatedEditable?: boolean;
 }
-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;
+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;
 export {};

package/dist/components/forms/inputs/AutocompleteFieldBySchema.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { FieldBySchemaProps } from '../../../utils';
-export default function AutocompleteFieldBySchema({ fieldKey, index, name, schema, control, errors, optionIdKey, optionLabelKey, options, isSemaphoric, sx, onValueChange, ...other }: FieldBySchemaProps): React.JSX.Element;
+export default function AutocompleteFieldBySchema({ fieldKey, index, name, schema, control, errors, optionIdKey, optionLabelKey, options, isSemaphoric, sx, onValueChange, ...other }: FieldBySchemaProps): JSX.Element;

package/dist/components/forms/inputs/BooleanFieldBySchema.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { FieldBySchemaProps } from '../../../utils';
-export default function BooleanFieldBySchema({ name, schema, control, fieldKey, index, sx, onValueChange, ...other }: FieldBySchemaProps): React.JSX.Element;
+export default function BooleanFieldBySchema({ name, schema, control, fieldKey, index, sx, onValueChange, ...other }: FieldBySchemaProps): JSX.Element;

package/dist/components/forms/inputs/DesktopDatePickerBySchema.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import 'dayjs/locale/pt-br';
 import { FieldBySchemaProps } from '../../../utils';
-export default function DesktopDatePickerBySchema({ name, schema, control, errors, fieldKey, index, sx, ...other }: FieldBySchemaProps): React.JSX.Element;
+export default function DesktopDatePickerBySchema({ name, schema, control, errors, fieldKey, index, sx, }: FieldBySchemaProps): JSX.Element;

package/dist/components/forms/inputs/DesktopDatePickerBySchema.js

@@ -1,30 +1,17 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
-const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const DesktopDatePicker_1 = require("@mui/x-date-pickers/DesktopDatePicker");
 const LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
 const AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
 const dayjs_1 = __importDefault(require("dayjs"));
 require("dayjs/locale/pt-br");
 const utils_1 = require("../../../utils");
-function DesktopDatePickerBySchema(_a) {
-    var { name, schema, control, errors, fieldKey, index, sx = { mr: 2, mt: 2 } } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "fieldKey", "index", "sx"]);
+function DesktopDatePickerBySchema({ name, schema, control, errors, fieldKey, index, sx = { mr: 2, mt: 2 }, }) {
     if (!sx) {
         sx = { minWidth: 200 };
     }
@@ -48,6 +35,13 @@ function DesktopDatePickerBySchema(_a) {
             helperText: errors && errors[name] ? errors[name].message : schema[name].help_text || '',
         };
     return (react_1.default.createElement(react_hook_form_1.Controller, { name: name, control: control, render: ({ field }) => (react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterDayjs_1.AdapterDayjs, adapterLocale: "pt-br" },
-            react_1.default.createElement(DesktopDatePicker_1.DesktopDatePicker, Object.assign({}, field, { value: (0, dayjs_1.default)(field.value), label: schema[model].label, views: schema[model].date_views, inputFormat: inputFormat, sx: Object.assign({ mt: 2, mb: 1 }, sx), renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, other, { sx: sx, margin: "normal", error: error, helperText: helperText }))) })))) }));
+            react_1.default.createElement(DesktopDatePicker_1.DesktopDatePicker, Object.assign({}, field, { value: (0, dayjs_1.default)(field.value), label: schema[model].label, views: schema[model].date_views, format: inputFormat, sx: Object.assign({ mt: 2, mb: 1 }, sx), slotProps: {
+                    textField: {
+                        error,
+                        helperText,
+                        sx,
+                        margin: 'normal',
+                    },
+                } })))) }));
 }
 exports.default = DesktopDatePickerBySchema;

package/dist/components/forms/inputs/DesktopDateTimePickerBySchema.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import 'dayjs/locale/pt-br';
 import { FieldBySchemaProps } from '../../../utils';
-export default function DesktopDateTimePickerBySchema({ name, schema, control, errors, fieldKey, index, sx, ...other }: FieldBySchemaProps): React.JSX.Element;
+export default function DesktopDateTimePickerBySchema({ name, schema, control, errors, fieldKey, index, sx, }: FieldBySchemaProps): JSX.Element;

package/dist/components/forms/inputs/DesktopDateTimePickerBySchema.js

@@ -1,30 +1,17 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
-const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const DesktopDateTimePicker_1 = require("@mui/x-date-pickers/DesktopDateTimePicker");
 const LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
 const AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
 const dayjs_1 = __importDefault(require("dayjs"));
 require("dayjs/locale/pt-br");
 const utils_1 = require("../../../utils");
-function DesktopDateTimePickerBySchema(_a) {
-    var { name, schema, control, errors, fieldKey, index, sx = { mr: 2, mt: 2 } } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "fieldKey", "index", "sx"]);
+function DesktopDateTimePickerBySchema({ name, schema, control, errors, fieldKey, index, sx = { mr: 2, mt: 2 }, }) {
     const model = name;
     if (fieldKey && index && index >= 0) {
         name = `${fieldKey}.${index}.${name}`;
@@ -41,6 +28,13 @@ function DesktopDateTimePickerBySchema(_a) {
             helperText: errors && errors[name] ? errors[name].message : schema[name].help_text || '',
         };
     return (react_1.default.createElement(react_hook_form_1.Controller, { name: name, control: control, render: ({ field }) => (react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterDayjs_1.AdapterDayjs, adapterLocale: "pt-br" },
-            react_1.default.createElement(DesktopDateTimePicker_1.DesktopDateTimePicker, Object.assign({}, field, { value: (0, dayjs_1.default)(field.value), label: schema[model].label, inputFormat: "DD/MM/yyyy HH:mm", sx: Object.assign({ mt: 2, mb: 1 }, sx), renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, other, { error: error, helperText: helperText }))) })))) }));
+            react_1.default.createElement(DesktopDateTimePicker_1.DesktopDateTimePicker, Object.assign({}, field, { value: (0, dayjs_1.default)(field.value), label: schema[model].label, format: "DD/MM/YYYY HH:mm", sx: Object.assign({ mt: 2, mb: 1 }, sx), slotProps: {
+                    textField: {
+                        error,
+                        helperText,
+                        sx,
+                        margin: 'normal',
+                    },
+                } })))) }));
 }
 exports.default = DesktopDateTimePickerBySchema;

package/dist/components/forms/inputs/EditableAutocompleteFieldBySchema.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import Autocomplete from '@mui/material/Autocomplete';
 import { FieldBySchemaProps } from '../../../utils';
-declare const EditableAutocompleteFieldBySchema: React.ForwardRefExoticComponent<FieldBySchemaProps & React.RefAttributes<typeof Autocomplete>>;
+declare const EditableAutocompleteFieldBySchema: React.ForwardRefExoticComponent<FieldBySchemaProps & React.RefAttributes<any>>;
 export default EditableAutocompleteFieldBySchema;

package/dist/components/forms/inputs/FloatFieldBySchema.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { FieldBySchemaProps } from '../../../utils';
-export default function FloatFieldBySchema({ fieldKey, index, name, control, schema, errors, onValueChange, decimalScale, label, ...other }: Omit<FieldBySchemaProps, 'type'>): React.JSX.Element;
+export default function FloatFieldBySchema({ fieldKey, index, name, control, schema, errors, onValueChange, decimalScale, label, ...other }: Omit<FieldBySchemaProps, 'type'>): JSX.Element;

package/dist/components/forms/inputs/TextFieldBySchema.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { FieldBySchemaProps } from '../../../utils';
-export default function TextFieldBySchema({ name, schema, control, errors, multiline, minRows, fieldKey, index, sx, isPassword, type, autocomplete, disabled, onValueChange, ...other }: FieldBySchemaProps): React.JSX.Element;
+export default function TextFieldBySchema({ name, schema, control, errors, multiline, minRows, fieldKey, index, sx, isPassword, type, autocomplete, disabled, onValueChange, ...other }: FieldBySchemaProps): JSX.Element;

package/dist/context/APIWrapper.d.ts

@@ -6,6 +6,6 @@ interface APIWrapperProps {
     setDialog: (x: Partial<DialogType>) => void;
     children: React.ReactNode;
 }
-declare function APIWrapper({ handleLoading, setSnackBar, setDialog, children }: APIWrapperProps): React.JSX.Element;
+declare function APIWrapper({ handleLoading, setSnackBar, setDialog, children }: APIWrapperProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof APIWrapper>;
 export default _default;

package/dist/context/DRFReactBySchemaProvider.d.ts

@@ -9,5 +9,5 @@ interface DRFReactBySchemaProviderProps extends DRFReactBySchemaContextType {
  * @param {*} props
  * @returns {*}
  */
-declare const DRFReactBySchemaProvider: ({ serverEndPoint, theme, isInBatches, firstBatchLength, children, }: DRFReactBySchemaProviderProps) => React.JSX.Element;
+declare const DRFReactBySchemaProvider: ({ serverEndPoint, theme, isInBatches, firstBatchLength, children, }: DRFReactBySchemaProviderProps) => JSX.Element;
 export default DRFReactBySchemaProvider;

package/dist/context/Form.d.ts

@@ -17,5 +17,5 @@ interface FormProps {
     formButtonsSx?: any;
     children: React.ReactNode;
 }
-export default function Form({ model, id, objTitleField, optionsACModels, cancelBtn, cancelBtnLabel, deleteBtnLabel, saveAndCreateNewBtnLabel, saveAndContinueBtnLabel, saveBtnLabel, onSuccess, borderBottom, saveAndContinue, formButtonsSx, children, }: FormProps): React.JSX.Element;
+export default function Form({ model, id, objTitleField, optionsACModels, cancelBtn, cancelBtnLabel, deleteBtnLabel, saveAndCreateNewBtnLabel, saveAndContinueBtnLabel, saveBtnLabel, onSuccess, borderBottom, saveAndContinue, formButtonsSx, children, }: FormProps): JSX.Element;
 export {};

package/dist/context/Overlays.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export default function Overlays({ children }: {
     children: React.ReactNode;
-}): React.JSX.Element;
+}): JSX.Element;

package/dist/styles/layout.d.ts

@@ -96,7 +96,7 @@ export declare const fullWidthButton: {
 };
 export declare const formCard: {
     width: string;
-    backgroundColor: string;
+    backgroundColor: any;
     mt: number;
     mb: number;
 };

package/dist/styles/theme.d.ts

@@ -17,5 +17,5 @@ declare module '@mui/material/styles' {
         semaphoric?: string;
     }
 }
-declare const defaultTheme: import("@mui/material/styles").Theme;
+declare const defaultTheme: any;
 export default defaultTheme;

package/dist/utils.d.ts

@@ -1,11 +1,10 @@
 /// <reference types="react" />
-import * as Yup from 'yup';
-import { CalendarPickerView } from '@mui/x-date-pickers/CalendarPicker';
 import { GridActionsColDef, GridColDef, GridFilterModel, GridSortModel } from '@mui/x-data-grid';
 import { Control, FieldValues, UseFormGetValues, UseFormSetValue } from 'react-hook-form';
 import { AutocompleteRenderOptionState, SxProps } from '@mui/material';
 import { OnEditModelType } from './context/APIWrapperContext';
 import { serverEndPointType } from './context/DRFReactBySchemaContext';
+import { DateView } from '@mui/x-date-pickers';
 export type Id = string | number | null;
 export type GenericValue = any;
 export type Item = Record<string, GenericValue>;
@@ -61,7 +60,7 @@ export interface Field {
     related_editable?: boolean;
     validators_regex?: Item[];
     many?: boolean;
-    date_views?: CalendarPickerView[];
+    date_views?: DateView[];
     required?: boolean;
     disabled?: boolean;
     help_text?: string;
@@ -158,7 +157,7 @@ export declare const buildGenericYupValidationSchema: ({ data, schema, many, ski
     many?: boolean | undefined;
     skipFields?: string[] | undefined;
     extraValidators?: Item | undefined;
-}) => 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>;
+}) => any;
 export declare const errorProps: ({ errors, fieldKey, fieldKeyProp, index, }: {
     errors: Item;
     fieldKey: string;
@@ -176,7 +175,7 @@ export type AddParametersToEnd<TFunction extends (...args: any) => any, TParamet
 export declare function buildDateFormatBySchema(dateViews: string[] | null | undefined): "DD/MM/YYYY" | "MM/YYYY" | "YYYY" | "MM" | "DD";
 export declare const slugToCamelCase: (str: string) => string;
 export declare const slugify: (text: string | null) => string;
-export declare function mergeFilterItems(defaultFilter: GridFilterModel | undefined, filter: GridFilterModel | undefined): GridFilterModel | undefined;
+export declare function mergeFilterItems(defaultFilter: GridFilterModel | undefined, filter: GridFilterModel | undefined): any;
 export type ActionType = 'editInline' | 'remove' | 'edit' | 'view';
 export type BulkUpdateData = (newData: Item[]) => Promise<{
     id: Id;

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "drf-react-by-schema",
-  "version": "0.16.11",
+  "version": "0.17.1",
   "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",
   "scripts": {
     "test": "echo \"There are (still) no tests in this package\"",
     "build": "tsc",
+    "prepare_disabled": "install-peers",
     "styleguide": "styleguidist server",
     "styleguide:build": "styleguidist build",
     "release:major": "tsc || true && yarn version --version $(semver $npm_package_version -i major) && yarn publish --tag latest",
@@ -51,7 +52,6 @@
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-tsdoc": "^0.2.17",
-    "install-peers": "^1.0.4",
     "install-peers-cli": "^2.2.0",
     "prettier": "^3.0.0",
     "react-docgen-typescript": "^2.2.2",
@@ -68,7 +68,7 @@
     "@mui/lab": "^5.0.0-alpha.112",
     "@mui/material": "^5.11.0",
     "@mui/x-data-grid": "^5.17.26",
-    "@mui/x-date-pickers": "^5.0.20",
+    "@mui/x-date-pickers": "^6.18.1",
     "axios": "^0.27.2",
     "dayjs": "^1.11.10",
     "moment": "^2.29.4",