drf-react-by-schema 0.17.17 → 0.18.1

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 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)
@@ -49,7 +59,7 @@ const DialogActions_1 = __importDefault(require("../../DialogActions"));
 const APIWrapperContext_1 = require("../../../context/APIWrapperContext");
 const filter = (0, Autocomplete_1.createFilterOptions)();
 const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, ref) => {
-    var { control, schema, errors, setValue, getValues, fieldKey, labelKey = 'nome', index, name = 'name', optionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, sx = { mr: 2 }, onValueChange, multiple = false, disabled = false, fieldsLayout } = _a, other = __rest(_a, ["control", "schema", "errors", "setValue", "getValues", "fieldKey", "labelKey", "index", "name", "optionsAC", "optionsModel", "getOptionLabel", "renderOption", "onEditModel", "sx", "onValueChange", "multiple", "disabled", "fieldsLayout"]);
+    var { control, schema, errors, setValue, getValues, fieldKey, labelKey = 'nome', index, name = 'name', optionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, sx = { mr: 2 }, onValueChange, multiple = false, disabled = false, fieldsLayout, autoFocus } = _a, other = __rest(_a, ["control", "schema", "errors", "setValue", "getValues", "fieldKey", "labelKey", "index", "name", "optionsAC", "optionsModel", "getOptionLabel", "renderOption", "onEditModel", "sx", "onValueChange", "multiple", "disabled", "fieldsLayout", "autoFocus"]);
     const { setDialog } = (0, APIWrapperContext_1.useAPIWrapper)();
     const [options, setOptions] = (0, react_1.useState)(null);
     const model = name;
@@ -133,6 +143,9 @@ const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, ref) =
                                         setValue,
                                         getValues,
                                         fieldsLayout,
+                                        initialValuesPartial: {
+                                            [labelKey]: newValue.inputValue,
+                                        },
                                     });
                                 }
                                 // Define new Item as an "optimistic response"
@@ -149,7 +162,7 @@ const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, ref) =
                     if (onValueChange) {
                         onValueChange(e);
                     }
-                }, renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { label: label, required: schema[model].required, margin: "normal", error: error, helperText: helperText, InputProps: Object.assign(Object.assign({}, params.InputProps), { endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
+                }, renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { label: label, required: schema[model].required, margin: "normal", error: error, autoFocus: autoFocus, helperText: helperText, InputProps: Object.assign(Object.assign({}, params.InputProps), { endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
                             !multiple && field.value && (react_1.default.createElement(IconButton_1.default, { size: "small", onClick: () => {
                                     if ((0, utils_1.isTmpId)(field.value.id)) {
                                         setDialog({
@@ -249,7 +262,7 @@ const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, ref) =
                 if (onValueChange) {
                     onValueChange(e);
                 }
-            }, renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { label: label, required: schema[model].required, margin: "normal", error: error, helperText: helperText }, other))), getOptionLabel: getOptionLabel, renderOption: renderOption }))) }));
+            }, renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { label: label, required: schema[model].required, margin: "normal", error: error, autoFocus: autoFocus, helperText: helperText }, other))), getOptionLabel: getOptionLabel, renderOption: renderOption }))) }));
 });
 EditableAutocompleteFieldBySchema.displayName = 'EditableAutocompleteFieldBySchema';
 exports.default = EditableAutocompleteFieldBySchema;

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

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

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

@@ -14,13 +14,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FloatFieldBySchema;
 const react_1 = __importDefault(require("react"));
 const react_number_format_1 = require("react-number-format");
 const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const react_hook_form_1 = require("react-hook-form");
 const utils_1 = require("../../../utils");
 function FloatFieldBySchema(_a) {
-    var { fieldKey, index, name, control, schema, errors, onValueChange, decimalScale, label } = _a, other = __rest(_a, ["fieldKey", "index", "name", "control", "schema", "errors", "onValueChange", "decimalScale", "label"]);
+    var { fieldKey, index, name, control, schema, errors, onValueChange, decimalScale, label, autoFocus } = _a, other = __rest(_a, ["fieldKey", "index", "name", "control", "schema", "errors", "onValueChange", "decimalScale", "label", "autoFocus"]);
     const model = name;
     if (!label) {
         label = schema[model].label;
@@ -54,7 +55,6 @@ function FloatFieldBySchema(_a) {
                     if (onValueChange) {
                         onValueChange(values.floatValue);
                     }
-                }, thousandSeparator: ".", decimalSeparator: ",", decimalScale: decimals, fixedDecimalScale: true, valueIsNumericString: true, prefix: prefix, suffix: suffix, error: error, helperText: helperText, margin: "normal", customInput: TextField_1.default })));
+                }, thousandSeparator: ".", decimalSeparator: ",", decimalScale: decimals, fixedDecimalScale: true, valueIsNumericString: true, prefix: prefix, suffix: suffix, error: error, helperText: helperText, margin: "normal", customInput: TextField_1.default, autoFocus: autoFocus })));
         } }));
 }
-exports.default = FloatFieldBySchema;

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

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

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

@@ -14,12 +14,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TextFieldBySchema;
 const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const utils_1 = require("../../../utils");
 function TextFieldBySchema(_a) {
-    var { name, schema, control, errors, multiline = false, minRows, fieldKey, index, sx = { mr: 2 }, isPassword = false, type, autocomplete, disabled, onValueChange } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "multiline", "minRows", "fieldKey", "index", "sx", "isPassword", "type", "autocomplete", "disabled", "onValueChange"]);
+    var { name, schema, control, errors, multiline = false, minRows, fieldKey, index, sx = { mr: 2 }, isPassword = false, type, autocomplete, disabled, onValueChange, autoFocus } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "multiline", "minRows", "fieldKey", "index", "sx", "isPassword", "type", "autocomplete", "disabled", "onValueChange", "autoFocus"]);
     const model = name;
     if (fieldKey && index && index >= 0) {
         name = `${fieldKey}.${index}.${name}`;
@@ -44,6 +45,5 @@ function TextFieldBySchema(_a) {
                 if (onValueChange) {
                     onValueChange(e);
                 }
-            }, margin: "normal", fullWidth: true, multiline: multiline, error: error, helperText: helperText, sx: sx, type: type, autoComplete: autocomplete, minRows: minRows }))) }));
+            }, margin: "normal", fullWidth: true, multiline: multiline, error: error, helperText: helperText, sx: sx, type: type, autoComplete: autocomplete, minRows: minRows, autoFocus: autoFocus }))) }));
 }
-exports.default = TextFieldBySchema;

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): JSX.Element;
+declare function APIWrapper({ handleLoading, setSnackBar, setDialog, children }: APIWrapperProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof APIWrapper>;
 export default _default;

package/dist/context/APIWrapper.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -84,7 +94,7 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
             severity,
         });
     };
-    const loadSinglePageData = ({ model, objId, optionsACModels = null, defaults = {}, extraValidators = {}, }) => __awaiter(this, void 0, void 0, function* () {
+    const loadSinglePageData = (_a) => __awaiter(this, [_a], void 0, function* ({ model, objId, optionsACModels = null, defaults = {}, extraValidators = {}, }) {
         handleLoading(true);
         if (!objId || objId === 'novo') {
             objId = (0, utils_1.getTmpId)();
@@ -215,7 +225,7 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
         handleLoading(false);
         return true;
     });
-    const onEditModelDataGridSave = ({ model, newRow, schema, }) => __awaiter(this, void 0, void 0, function* () {
+    const onEditModelDataGridSave = (_a) => __awaiter(this, [_a], void 0, function* ({ model, newRow, schema, }) {
         const response = yield (0, api_1.updateDataBySchema)({
             model,
             modelObjectId: newRow.id,
@@ -242,7 +252,7 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
         });
         return response;
     });
-    const onEditModel = ({ fieldKey, index, model, id, labelKey, setValue, getValues, fieldsLayout, }) => {
+    const onEditModel = ({ fieldKey, index, model, id, labelKey, setValue, getValues, fieldsLayout, initialValuesPartial, }) => {
         setDialog({
             open: true,
             loading: true,
@@ -257,17 +267,20 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
                 });
                 return false;
             }
-            const values = (0, utils_1.populateValues)(result);
+            const populatedValues = (0, utils_1.populateValues)(result);
             const yupSchema = (0, utils_1.buildGenericYupValidationSchema)({
                 schema: result.schema,
-                data: values,
+                data: populatedValues,
             });
+            const values = (0, utils_1.isTmpId)(id) && initialValuesPartial
+                ? Object.assign(Object.assign({}, populatedValues), initialValuesPartial) : Object.assign({}, populatedValues);
             setDialog({
                 open: true,
                 loading: false,
                 title: 'Editar',
-                Body: (react_1.default.createElement(DialogFormBySchema_1.default, { schema: result.schema, validationSchema: yupSchema, initialValues: values, setDialog: setDialog, getAutoComplete: localGetAutoComplete, onEditModelSave: onEditModelSave, fieldsLayout: fieldsLayout })),
+                Body: (react_1.default.createElement(DialogFormBySchema_1.default, { schema: result.schema, validationSchema: yupSchema, initialValues: values, setDialog: setDialog, getAutoComplete: localGetAutoComplete, onEditModelSave: onEditModelSave, fieldsLayout: fieldsLayout, isCancelDisabled: true, forceSaveEnabled: true })),
                 Actions: react_1.default.createElement(react_1.default.Fragment, null),
+                isCancelDisabled: true,
             });
             editModel.current = {
                 fieldKey,
@@ -313,7 +326,7 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
         });
         return false;
     });
-    const onEditRelatedModelSave = ({ model, id, relatedModel, newRow, schema, onlyAddExisting, }) => __awaiter(this, void 0, void 0, function* () {
+    const onEditRelatedModelSave = (_a) => __awaiter(this, [_a], void 0, function* ({ model, id, relatedModel, newRow, schema, onlyAddExisting, }) {
         const updateUrl = `${model}/${id}/${relatedModel}`;
         if (onlyAddExisting) {
             const response = yield (0, api_1.addExistingRelatedModel)({
@@ -377,7 +390,7 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
         });
         return response;
     });
-    const onDeleteRelatedModel = ({ model, id, relatedModel, relatedModelId, }) => __awaiter(this, void 0, void 0, function* () {
+    const onDeleteRelatedModel = (_a) => __awaiter(this, [_a], void 0, function* ({ model, id, relatedModel, relatedModelId, }) {
         const deleteUrl = `${model}/${id}/${relatedModel}`;
         const response = yield (0, api_1.deleteData)(deleteUrl, serverEndPoint, relatedModelId);
         if (response !== true) {

package/dist/context/APIWrapperContext.d.ts

@@ -30,6 +30,7 @@ export interface OnEditModelType {
     setValue?: UseFormSetValue<FieldValues>;
     getValues?: UseFormGetValues<FieldValues>;
     fieldsLayout?: FormFieldLayout[];
+    initialValuesPartial?: Record<string, string>;
 }
 export interface OnEditRelatedModelType {
     model: string;
@@ -63,6 +64,7 @@ export interface DialogType {
     title?: string;
     Body?: React.ReactNode;
     Actions?: React.ReactNode;
+    isCancelDisabled?: boolean;
 }
 export type DRFReactBySchemaSubmitHandler = (...args: [...[model: string, id: Id], ...Parameters<SubmitHandler<FieldValues>>]) => ReturnType<SubmitHandler<FieldValues>>;
 export interface APIWrapperContextType {

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) => JSX.Element;
+declare const DRFReactBySchemaProvider: ({ serverEndPoint, theme, isInBatches, firstBatchLength, children, }: DRFReactBySchemaProviderProps) => React.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): JSX.Element;
+export default function Form({ model, id, objTitleField, optionsACModels, cancelBtn, cancelBtnLabel, deleteBtnLabel, saveAndCreateNewBtnLabel, saveAndContinueBtnLabel, saveBtnLabel, onSuccess, borderBottom, saveAndContinue, formButtonsSx, children, }: FormProps): React.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;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/context/Overlays.js

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Overlays;
 const react_1 = __importStar(require("react"));
 const Backdrop_1 = __importDefault(require("@mui/material/Backdrop"));
 const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
@@ -77,10 +88,9 @@ function Overlays({ children }) {
                 setSnackBar({ open: false });
             }, anchorOrigin: { vertical: 'top', horizontal: 'right' } },
             react_1.default.createElement(Alert_1.default, { severity: snackBar.severity }, snackBar.msg))),
-        dialog && (react_1.default.createElement(Dialog_1.default, { open: dialog.open, onClose: handleDialogClose },
+        dialog && (react_1.default.createElement(Dialog_1.default, { open: dialog.open, onClose: handleDialogClose, disableEscapeKeyDown: !dialog.isCancelDisabled },
             react_1.default.createElement(DialogTitle_1.default, null, dialog.loading ? 'Carregando...' : dialog.title),
             react_1.default.createElement(DialogContent_1.default, null, dialog.loading ? (react_1.default.createElement(Box_1.default, { sx: { display: 'flex' } },
                 react_1.default.createElement(CircularProgress_1.default, null))) : (react_1.default.createElement(react_1.default.Fragment, null, dialog.Body))),
             react_1.default.createElement(DialogActions_1.default, null, !dialog.loading && react_1.default.createElement(react_1.default.Fragment, null, dialog.Actions))))));
 }
-exports.default = Overlays;

package/dist/styles/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
 const Layout = __importStar(require("./layout"));

package/dist/styles/layout.d.ts

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

package/dist/styles/theme.d.ts

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

package/dist/utils.d.ts

@@ -1,3 +1,4 @@
+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';
@@ -134,6 +135,7 @@ export interface FieldBySchemaProps extends Omit<CommonFieldProps, 'value'> {
     schema: SchemaType;
     control: Control;
     errors: Item;
+    autoFocus?: boolean;
 }
 export interface DetailFieldBySchemaProps {
     name: string;
@@ -159,15 +161,15 @@ export declare const populateValues: ({ data, schema }: {
 export declare const buildGenericYupValidationSchema: ({ data, schema, many, skipFields, extraValidators, }: {
     data: Item;
     schema: SchemaType;
-    many?: boolean | undefined;
-    skipFields?: string[] | undefined;
-    extraValidators?: Item | undefined;
-}) => any;
+    many?: boolean;
+    skipFields?: string[];
+    extraValidators?: Item;
+}) => 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>;
 export declare const errorProps: ({ errors, fieldKey, fieldKeyProp, index, }: {
     errors: Item;
     fieldKey: string;
     fieldKeyProp: string;
-    index?: number | undefined;
+    index?: number;
 }) => {
     error: any;
     helperText: any;
@@ -180,7 +182,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): any;
+export declare function mergeFilterItems(defaultFilter: GridFilterModel | undefined, filter: GridFilterModel | undefined): GridFilterModel | undefined;
 export type ActionType = 'editInline' | 'remove' | 'edit' | 'view';
 export interface CustomAction {
     key: string;

package/dist/utils.js

@@ -15,15 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeFilterItems = exports.slugify = exports.slugToCamelCase = exports.buildDateFormatBySchema = exports.getPatternFormat = exports.reducer = exports.isTmpId = exports.getTmpId = exports.errorProps = exports.buildGenericYupValidationSchema = exports.populateValues = exports.getChoiceByValue = exports.emptyByType = void 0;
+exports.slugify = exports.slugToCamelCase = exports.getPatternFormat = exports.isTmpId = exports.getTmpId = exports.errorProps = exports.buildGenericYupValidationSchema = exports.populateValues = exports.getChoiceByValue = exports.emptyByType = void 0;
+exports.reducer = reducer;
+exports.buildDateFormatBySchema = buildDateFormatBySchema;
+exports.mergeFilterItems = mergeFilterItems;
 const Yup = __importStar(require("yup"));
 const emptyByType = (field, forDatabase = false) => {
     if (field.model_default) {
@@ -261,7 +274,6 @@ function reducer(state, newState) {
     }
     return Object.assign(Object.assign({}, state), newState);
 }
-exports.reducer = reducer;
 const getPatternFormat = (type) => {
     let format = '';
     switch (type) {
@@ -310,7 +322,6 @@ function buildDateFormatBySchema(dateViews) {
     }
     return defaultFormat;
 }
-exports.buildDateFormatBySchema = buildDateFormatBySchema;
 const slugToCamelCase = (str, includeFirst = false) => {
     if (!str) {
         return '';
@@ -363,4 +374,3 @@ function mergeFilterItems(defaultFilter, filter) {
     }
     return undefined;
 }
-exports.mergeFilterItems = mergeFilterItems;

package/package.json

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

package/dist/components/DialogJSONSchemaForm.d.ts

@@ -1,13 +0,0 @@
-/// <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

@@ -1,20 +0,0 @@
-"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;
-;