drf-react-by-schema 0.17.11 → 0.17.13

package/dist/api.d.ts

@@ -1,4 +1,3 @@
-import { AxiosError } from 'axios';
 import { serverEndPointType } from './context/DRFReactBySchemaContext';
 import { Item, SchemaType, DataSchemaColumnsType, ItemSchemaColumnsType, Id, TargetApiParams, TargetApiPostParams, GetGenericModelListProps } from './utils';
 interface TargetApiParamsOptionalId {
@@ -10,17 +9,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 }: TargetApiPostParams) => 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 }: TargetApiPostParams) => 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;
@@ -28,24 +27,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 declare const getGenericModelList: ({ model, serverEndPoint, id, relatedModel, relatedModelId, columnFields, hiddenFields, creatableFields, disabledFields, isInBatches, loadedSchema, loadedModelOptions, page, filter, queryParams, sort, sumRows, }: GetGenericModelListProps) => Promise<false | DataSchemaColumnsType>;
 export declare const getGenericModel: ({ model, serverEndPoint, id, relatedModel, relatedModelId, }: {
     model: string;
@@ -54,5 +53,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[];
@@ -8,11 +8,16 @@ type CustomToolbarProps = {
     bulkUpdateData: BulkUpdateData;
     bulkDeleteData: BulkDeleteData;
     bulkCreateData: (p: Id[]) => void;
+    hideColumnsButton?: boolean;
+    hideFilterButton?: boolean;
+    hideDensityButton?: boolean;
+    hideExportButton?: boolean;
+    hideQuickFilterBar?: boolean;
 };
 /**
  *
  *
  * @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, hideColumnsButton, hideFilterButton, hideDensityButton, hideExportButton, hideQuickFilterBar, }: CustomToolbarProps) => JSX.Element;
 export {};

package/dist/components/DataGridBySchemaEditable/CustomToolbar.js

@@ -40,7 +40,7 @@ const utils_1 = require("./utils");
  *
  * @returns Custom Toolbar for the grid
  */
-const CustomToolbar = ({ preparedColumns, setPreparedColumns, onSelectActions, selectionModel, bulkUpdateData, bulkDeleteData, bulkCreateData, }) => {
+const CustomToolbar = ({ preparedColumns, setPreparedColumns, onSelectActions, selectionModel, bulkUpdateData, bulkDeleteData, bulkCreateData, hideColumnsButton, hideFilterButton, hideDensityButton, hideExportButton, hideQuickFilterBar, }) => {
     const apiRef = (0, x_data_grid_1.useGridApiContext)();
     const [resizeMenuAnchorEl, setResizeMenuAnchorEl] = (0, react_1.useState)(null);
     const isResizeMenuOpen = Boolean(resizeMenuAnchorEl);
@@ -81,23 +81,24 @@ const CustomToolbar = ({ preparedColumns, setPreparedColumns, onSelectActions, s
                         }
                         selectAction.action(selectionModel, bulkUpdateData);
                     } }, selectAction.title)))))),
-            react_1.default.createElement(x_data_grid_1.GridToolbarColumnsButton, { sx: { ml: '10px', fontSize: '13px' }, placeholder: '' }),
-            react_1.default.createElement(x_data_grid_1.GridToolbarFilterButton, { sx: { ml: '10px', fontSize: '13px' }, placeholder: '' }),
-            react_1.default.createElement(x_data_grid_1.GridToolbarDensitySelector, { sx: { ml: '10px', fontSize: '13px' }, placeholder: '' }),
-            react_1.default.createElement(Button_1.default, { onClick: openResizeMenu, sx: { ml: '0px', fontSize: '13px' } },
-                react_1.default.createElement(Expand_1.default, { sx: { transform: 'rotate(90deg)', mr: '6px' } }),
-                "Ajustar"),
-            react_1.default.createElement(Menu_1.default, { anchorEl: resizeMenuAnchorEl, open: isResizeMenuOpen, onClose: closeResizeMenu },
-                react_1.default.createElement(MenuItem_1.default, { onClick: () => {
-                        closeResizeMenu();
-                        setPreparedColumns((0, utils_1.resizeColumns)(preparedColumns, 'fitScreen', apiRef));
-                    } }, "Ajustar \u00E0 tela"),
-                react_1.default.createElement(MenuItem_1.default, { onClick: () => {
-                        closeResizeMenu();
-                        setPreparedColumns((0, utils_1.resizeColumns)(preparedColumns, 'maxContent', apiRef));
-                    } }, "Ajustar ao conte\u00FAdo")),
-            react_1.default.createElement(x_data_grid_1.GridToolbarExport, { sx: { ml: '0px', fontSize: '13px' } })),
-        react_1.default.createElement("div", null,
-            react_1.default.createElement(x_data_grid_1.GridToolbarQuickFilter, null))));
+            hideColumnsButton && (react_1.default.createElement(x_data_grid_1.GridToolbarColumnsButton, { sx: { ml: '10px', fontSize: '13px' }, placeholder: '' })),
+            hideFilterButton && (react_1.default.createElement(x_data_grid_1.GridToolbarFilterButton, { sx: { ml: '10px', fontSize: '13px' }, placeholder: '' })),
+            hideDensityButton && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(x_data_grid_1.GridToolbarDensitySelector, { sx: { ml: '10px', fontSize: '13px' }, placeholder: '' }),
+                react_1.default.createElement(Button_1.default, { onClick: openResizeMenu, sx: { ml: '0px', fontSize: '13px' } },
+                    react_1.default.createElement(Expand_1.default, { sx: { transform: 'rotate(90deg)', mr: '6px' } }),
+                    "Ajustar"),
+                react_1.default.createElement(Menu_1.default, { anchorEl: resizeMenuAnchorEl, open: isResizeMenuOpen, onClose: closeResizeMenu },
+                    react_1.default.createElement(MenuItem_1.default, { onClick: () => {
+                            closeResizeMenu();
+                            setPreparedColumns((0, utils_1.resizeColumns)(preparedColumns, 'fitScreen', apiRef));
+                        } }, "Ajustar \u00E0 tela"),
+                    react_1.default.createElement(MenuItem_1.default, { onClick: () => {
+                            closeResizeMenu();
+                            setPreparedColumns((0, utils_1.resizeColumns)(preparedColumns, 'maxContent', apiRef));
+                        } }, "Ajustar ao conte\u00FAdo")))),
+            hideExportButton && react_1.default.createElement(x_data_grid_1.GridToolbarExport, { sx: { ml: '0px', fontSize: '13px' } })),
+        hideQuickFilterBar && (react_1.default.createElement("div", null,
+            react_1.default.createElement(x_data_grid_1.GridToolbarQuickFilter, null)))));
 };
 exports.CustomToolbar = CustomToolbar;

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,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { DateView } from '@mui/x-date-pickers';
 import { GenericValue } from '../../utils';
 type GridDateInputProps = {
@@ -8,5 +8,5 @@ type GridDateInputProps = {
     column: object;
     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/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.d.ts

@@ -45,6 +45,11 @@ interface DataGridBySchemaEditableProps {
     tableAutoHeight?: boolean;
     actions?: Partial<ActionType>[];
     customActions?: CustomAction[];
+    hideColumnsButton?: boolean;
+    hideFilterButton?: boolean;
+    hideDensityButton?: boolean;
+    hideExportButton?: boolean;
+    hideQuickFilterBar?: boolean;
     optionsAC?: OptionsAC;
 }
 declare const DataGridBySchemaEditable: React.ForwardRefExoticComponent<DataGridBySchemaEditableProps & React.RefAttributes<unknown>>;

package/dist/components/DataGridBySchemaEditable.js

@@ -63,7 +63,7 @@ const BooleanInputCell_1 = require("./DataGridBySchemaEditable/BooleanInputCell"
 const FooterToolbar_1 = require("./DataGridBySchemaEditable/FooterToolbar");
 const ConfirmDialog_1 = require("./DataGridBySchemaEditable/ConfirmDialog");
 const APIWrapperContext_1 = require("../context/APIWrapperContext");
-const DataGridBySchemaEditable = (0, react_1.forwardRef)(({ schema, data, rowCount = 0, columns, model, name = Math.floor(Math.random() * 1000000).toString(), indexField = 'nome', addExistingModel, indexFieldMinWidth = 350, indexFieldBasePath = '', indexFieldViewBasePath, stateToLink = {}, minWidth = 80, loading, modelParent, modelParentId, customColumnOperations, customFieldFormLayouts, customLinkDestination, LinkComponent, onProcessRow, onDataChange, onEditModel, isEditable = false, hasBulkSelect = false, onSelectActions, isAutoHeight = false, defaultValues = {}, hideFooterPagination = false, setVisibleRows, paginationModel = undefined, setPaginationModel = undefined, hideFooterComponent, hideToolbarComponent, tableAutoHeight, actions = ['editInline', 'remove'], customActions, optionsAC: optionsACExternal, }, ref) => {
+const DataGridBySchemaEditable = (0, react_1.forwardRef)(({ schema, data, rowCount = 0, columns, model, name = Math.floor(Math.random() * 1000000).toString(), indexField = 'nome', addExistingModel, indexFieldMinWidth = 350, indexFieldBasePath = '', indexFieldViewBasePath, stateToLink = {}, minWidth = 80, loading, modelParent, modelParentId, customColumnOperations, customFieldFormLayouts, customLinkDestination, LinkComponent, onProcessRow, onDataChange, onEditModel, isEditable = false, hasBulkSelect = false, onSelectActions, isAutoHeight = false, defaultValues = {}, hideFooterPagination = false, setVisibleRows, paginationModel = undefined, setPaginationModel = undefined, hideFooterComponent, hideToolbarComponent, tableAutoHeight, actions = ['editInline', 'remove'], customActions, hideColumnsButton, hideFilterButton, hideDensityButton, hideExportButton, hideQuickFilterBar, optionsAC: optionsACExternal, }, ref) => {
     const { serverEndPoint } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
     const apiContext = (0, APIWrapperContext_1.useAPIWrapper)();
     const initialSnackBar = {
@@ -783,6 +783,11 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)(({ schema, data, rowCou
                     bulkUpdateData,
                     bulkDeleteData,
                     bulkCreateData,
+                    hideColumnsButton,
+                    hideFilterButton,
+                    hideDensityButton,
+                    hideExportButton,
+                    hideQuickFilterBar,
                 },
                 footer: {
                     isEditable,

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, SumRowsType } from '../utils';
 interface DataTotalsProps {
@@ -6,5 +6,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 '../utils';
 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, CustomAction, SumRowsType } from '../utils';
 interface GenericModelListProps {
@@ -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, customActions, 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, customActions, 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, SumRowsType } from '../utils';
 interface GenericRelatedModelListProps {
@@ -37,5 +37,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, }: FieldBySchemaProps): React.JSX.Element;
+export default function DesktopDatePickerBySchema({ name, schema, control, errors, fieldKey, index, sx, }: FieldBySchemaProps): JSX.Element;

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, }: FieldBySchemaProps): React.JSX.Element;
+export default function DesktopDateTimePickerBySchema({ name, schema, control, errors, fieldKey, index, sx, }: FieldBySchemaProps): JSX.Element;

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/EditableAutocompleteFieldBySchema.js

@@ -121,6 +121,19 @@ const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, ref) =
                                 };
                             }
                             if (newValue && newValue.inputValue) {
+                                if (onEditModel) {
+                                    onEditModel({
+                                        fieldKey,
+                                        index,
+                                        model: optionsModel,
+                                        id: (0, utils_1.getTmpId)(),
+                                        labelKey,
+                                        setValue,
+                                        getValues,
+                                        fieldsLayout,
+                                    });
+                                    return;
+                                }
                                 const tmpId = (0, utils_1.getTmpId)();
                                 newValue = {
                                     id: tmpId,
@@ -210,7 +223,7 @@ const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, ref) =
                         return option.label;
                     }, renderOption: renderOption
                     ? renderOption
-                    : (props, option) => (react_1.default.createElement("li", Object.assign({ key: option.id }, props), option.label)), renderTags: multiple
+                    : (props, option) => react_1.default.createElement("li", Object.assign({}, props), option.label), renderTags: multiple
                     ? (tagValue, getTagProps) => {
                         return tagValue.map((option, index) => (react_1.default.createElement(Chip_1.default, Object.assign({}, getTagProps({ index }), { label: option.label, icon: (0, utils_1.isTmpId)(option.id) ? (react_1.default.createElement(react_1.default.Fragment, null)) : (react_1.default.createElement(IconButton_1.default, { size: "small", onClick: () => {
                                     if (optionsModel) {

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,4 +1,3 @@
-import * as Yup from 'yup';
 import { ReactElement } from 'react';
 import { GridActionsColDef, GridColDef, GridFilterModel, GridSortModel } from '@mui/x-data-grid';
 import { Control, FieldValues, UseFormGetValues, UseFormSetValue } from 'react-hook-form';
@@ -163,7 +162,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;
@@ -181,7 +180,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, includeFirst?: boolean) => 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 interface CustomAction {
     key: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drf-react-by-schema",
-  "version": "0.17.11",
+  "version": "0.17.13",
   "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",
@@ -59,7 +59,7 @@
     "semver": "^7.5.1",
     "ts-loader": "^9.4.2",
     "typedoc": "^0.23.23",
-    "typescript": "^4.9.4",
+    "typescript": "^5.7.3",
     "webpack": "^5.75.0"
   },
   "peerDependencies": {