drf-react-by-schema 0.18.0 → 0.18.2

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

@@ -1,3 +1,3 @@
 import React from '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, autoFocus, ...other }: FieldBySchemaProps): React.JSX.Element;

package/dist/components/forms/FieldBySchema.js

@@ -24,10 +24,10 @@ const BooleanFieldBySchema_1 = __importDefault(require("./inputs/BooleanFieldByS
 const FloatFieldBySchema_1 = __importDefault(require("./inputs/FloatFieldBySchema"));
 const TextFieldBySchema_1 = __importDefault(require("./inputs/TextFieldBySchema"));
 function FieldBySchema(_a) {
-    var { name, schema, control, errors, multiline = false, setValue, getValues, fieldKey, labelKey = 'nome', index, optionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, fieldsLayout, sx, options, isSemaphoric = false, label, onValueChange, decimalScale = 2 } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "multiline", "setValue", "getValues", "fieldKey", "labelKey", "index", "optionsAC", "optionsModel", "getOptionLabel", "renderOption", "onEditModel", "fieldsLayout", "sx", "options", "isSemaphoric", "label", "onValueChange", "decimalScale"]);
+    var { name, schema, control, errors, multiline = false, setValue, getValues, fieldKey, labelKey = 'nome', index, optionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, fieldsLayout, sx, options, isSemaphoric = false, label, onValueChange, decimalScale = 2, autoFocus } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "multiline", "setValue", "getValues", "fieldKey", "labelKey", "index", "optionsAC", "optionsModel", "getOptionLabel", "renderOption", "onEditModel", "fieldsLayout", "sx", "options", "isSemaphoric", "label", "onValueChange", "decimalScale", "autoFocus"]);
     switch (schema[name].type) {
         case 'date':
-            return (react_1.default.createElement(DesktopDatePickerBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, multiline: multiline, fieldKey: fieldKey, index: index, sx: sx, onValueChange: onValueChange }, other)));
+            return (react_1.default.createElement(DesktopDatePickerBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, multiline: multiline, fieldKey: fieldKey, index: index, sx: sx, onValueChange: onValueChange, autoFocus: autoFocus }, other)));
         case 'datetime':
             return (react_1.default.createElement(DesktopDateTimePickerBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, multiline: multiline, fieldKey: fieldKey, index: index, sx: sx, onValueChange: onValueChange }, other)));
         // case 'field':
@@ -46,20 +46,20 @@ function FieldBySchema(_a) {
         case 'field':
             const relatedEditable = schema[name].related_editable;
             const multiple = schema[name].many || false;
-            return (react_1.default.createElement(EditableAutocompleteFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, setValue: setValue, getValues: getValues, fieldKey: fieldKey, labelKey: labelKey, index: index, optionsAC: optionsAC, optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: relatedEditable ? onEditModel : undefined, fieldsLayout: fieldsLayout, multiple: multiple, sx: sx, onValueChange: onValueChange }, other)));
+            return (react_1.default.createElement(EditableAutocompleteFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, setValue: setValue, getValues: getValues, fieldKey: fieldKey, labelKey: labelKey, index: index, optionsAC: optionsAC, optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: relatedEditable ? onEditModel : undefined, fieldsLayout: fieldsLayout, multiple: multiple, sx: sx, onValueChange: onValueChange, autoFocus: autoFocus }, other)));
         case 'choice':
-            return (react_1.default.createElement(AutocompleteFieldBySchema_1.default, { index: index, name: name, schema: schema, control: control, errors: errors, fieldKey: fieldKey, optionIdKey: "value", optionLabelKey: "display_name", options: options, isSemaphoric: isSemaphoric, label: label, sx: sx, onValueChange: onValueChange }));
+            return (react_1.default.createElement(AutocompleteFieldBySchema_1.default, { index: index, name: name, schema: schema, control: control, errors: errors, fieldKey: fieldKey, optionIdKey: "value", optionLabelKey: "display_name", options: options, isSemaphoric: isSemaphoric, label: label, sx: sx, onValueChange: onValueChange, autoFocus: autoFocus }));
         case 'boolean':
-            return (react_1.default.createElement(BooleanFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, fieldKey: fieldKey, index: index, sx: sx, onValueChange: onValueChange }, other)));
+            return (react_1.default.createElement(BooleanFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, fieldKey: fieldKey, index: index, sx: sx, onValueChange: onValueChange, autoFocus: autoFocus }, other)));
         case 'decimal':
         case 'float':
-            return (react_1.default.createElement(FloatFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, multiline: multiline, fieldKey: fieldKey, index: index, onValueChange: onValueChange, decimalScale: decimalScale, label: label, sx: sx }, other)));
+            return (react_1.default.createElement(FloatFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, multiline: multiline, fieldKey: fieldKey, index: index, onValueChange: onValueChange, decimalScale: decimalScale, label: label, sx: sx, autoFocus: autoFocus }, other)));
         case 'number':
         case 'integer':
         case 'password':
         default:
             const localMultiline = schema[name].model_multiline === true || multiline;
             const minRows = localMultiline ? 3 : 0;
-            return (react_1.default.createElement(TextFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, multiline: localMultiline, minRows: minRows, fieldKey: fieldKey, index: index, sx: sx, isPassword: schema[name].type === 'password', onValueChange: onValueChange }, other)));
+            return (react_1.default.createElement(TextFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, multiline: localMultiline, minRows: minRows, fieldKey: fieldKey, index: index, sx: sx, isPassword: schema[name].type === 'password', onValueChange: onValueChange, autoFocus: autoFocus }, other)));
     }
 }

package/dist/components/forms/FormBySchema.js

@@ -182,7 +182,7 @@ function FormBySchema({ schema, control, errors, register, multiline = false, se
                                         : undefined, fieldsLayout: customFieldFormLayouts &&
                                         field in customFieldFormLayouts
                                         ? customFieldFormLayouts[field]
-                                        : undefined, options: options, isSemaphoric: isSemaphoric, label: label, decimalScale: decimalScale }, fieldProps))));
+                                        : undefined, options: options, isSemaphoric: isSemaphoric, label: label, decimalScale: decimalScale, autoFocus: rowIndex === 0 }, fieldProps))));
                         }
                         if (Array.isArray(row)) {
                             return (react_1.default.createElement(Box_1.default, { sx: styles_1.Layout.inLineForm, key: `row_${rowIndex}` },
@@ -200,7 +200,8 @@ function FormBySchema({ schema, control, errors, register, multiline = false, se
                                             ? Object.assign(Object.assign({}, fieldProps.sx), { mr }) : {
                                             mr,
                                         };
-                                    return (react_1.default.createElement(react_1.default.Fragment, { key: `field_${rowIndex}_${i}` }, typeof field === 'string' ? (react_1.default.createElement(FieldBySchema_1.default, Object.assign({ name: field, schema: schema, control: control, errors: errors, multiline: multiline, setValue: setValue, getValues: getValues, fieldKey: fieldKey, labelKey: labelKey, index: index, optionsAC: optionsAC, optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: onEditModel, options: options, isSemaphoric: isSemaphoric, label: label, decimalScale: decimalScale }, fieldProps))) : (react_1.default.createElement(field.CustomElement, Object.assign({}, fieldProps)))));
+                                    return (react_1.default.createElement(react_1.default.Fragment, { key: `field_${rowIndex}_${i}` }, typeof field === 'string' ? (react_1.default.createElement(FieldBySchema_1.default, Object.assign({ name: field, schema: schema, control: control, errors: errors, multiline: multiline, setValue: setValue, getValues: getValues, fieldKey: fieldKey, labelKey: labelKey, index: index, optionsAC: optionsAC, optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: onEditModel, options: options, isSemaphoric: isSemaphoric, label: label, decimalScale: decimalScale, autoFocus: rowIndex === 0 &&
+                                            i === 0 }, fieldProps))) : (react_1.default.createElement(field.CustomElement, Object.assign({}, fieldProps)))));
                                 }))));
                         }
                         const fieldProps = fieldsProps && fieldsProps.hasOwnProperty(row.key)

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

@@ -1,3 +1,3 @@
 import React from '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, autoFocus, ...other }: FieldBySchemaProps): React.JSX.Element;

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

@@ -56,7 +56,7 @@ const renderInput = (_a) => {
     return (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { label: label || schema[model].label, required: schema[model].required, margin: "normal", error: error, helperText: helperText, sx: sx })));
 };
 function AutocompleteFieldBySchema(_a) {
-    var { fieldKey, index, name, schema, control, errors, optionIdKey = 'id', optionLabelKey = 'label', options, isSemaphoric = false, sx = { mr: 2 }, onValueChange } = _a, other = __rest(_a, ["fieldKey", "index", "name", "schema", "control", "errors", "optionIdKey", "optionLabelKey", "options", "isSemaphoric", "sx", "onValueChange"]);
+    var { fieldKey, index, name, schema, control, errors, optionIdKey = 'id', optionLabelKey = 'label', options, isSemaphoric = false, sx = { mr: 2 }, onValueChange, autoFocus } = _a, other = __rest(_a, ["fieldKey", "index", "name", "schema", "control", "errors", "optionIdKey", "optionLabelKey", "options", "isSemaphoric", "sx", "onValueChange", "autoFocus"]);
     const model = name;
     const { theme } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
     if (!options) {
@@ -65,7 +65,7 @@ function AutocompleteFieldBySchema(_a) {
     if (fieldKey && index && index >= 0) {
         name = `${fieldKey}.${index}.${name}`;
     }
-    return (react_1.default.createElement(react_hook_form_1.Controller, { name: name, control: control, render: ({ field }) => (react_1.default.createElement(Autocomplete_1.default, Object.assign({}, field, { key: name, id: name, options: options || [], selectOnFocus: true, autoHighlight: true, isOptionEqualToValue: (option, value) => {
+    return (react_1.default.createElement(react_hook_form_1.Controller, { name: name, control: control, render: ({ field }) => (react_1.default.createElement(Autocomplete_1.default, Object.assign({}, field, { key: name, id: name, options: options || [], selectOnFocus: true, autoHighlight: true, autoFocus: autoFocus, isOptionEqualToValue: (option, value) => {
                 return option[optionIdKey] === value[optionIdKey];
             }, getOptionLabel: (option) => {
                 return option[optionLabelKey];

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

@@ -1,3 +1,3 @@
 import React from '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, autoFocus, ...other }: FieldBySchemaProps): React.JSX.Element;

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

@@ -20,7 +20,7 @@ const react_hook_form_1 = require("react-hook-form");
 const Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
 const FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
 function BooleanFieldBySchema(_a) {
-    var { name, schema, control, fieldKey, index, sx = { mr: 2 }, onValueChange } = _a, other = __rest(_a, ["name", "schema", "control", "fieldKey", "index", "sx", "onValueChange"]);
+    var { name, schema, control, fieldKey, index, sx = { mr: 2 }, onValueChange, autoFocus } = _a, other = __rest(_a, ["name", "schema", "control", "fieldKey", "index", "sx", "onValueChange", "autoFocus"]);
     const model = name;
     if (fieldKey && index && index >= 0) {
         name = `${fieldKey}.${index}.${name}`;
@@ -30,5 +30,5 @@ function BooleanFieldBySchema(_a) {
                         onValueChange(e);
                     }
                     field.onChange(e);
-                } })), label: schema[model].label, required: schema[model].required, sx: Object.assign({ width: '100%' }, sx) })) }));
+                }, autoFocus: autoFocus })), label: schema[model].label, required: schema[model].required, sx: Object.assign({ width: '100%' }, sx) })) }));
 }

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

@@ -1,4 +1,4 @@
 import React from '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, autoFocus, }: FieldBySchemaProps): React.JSX.Element;

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

@@ -12,7 +12,7 @@ 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({ name, schema, control, errors, fieldKey, index, sx = { mr: 2, mt: 2 }, }) {
+function DesktopDatePickerBySchema({ name, schema, control, errors, fieldKey, index, sx = { mr: 2, mt: 2 }, autoFocus, }) {
     if (!sx) {
         sx = { minWidth: 200 };
     }
@@ -42,6 +42,7 @@ function DesktopDatePickerBySchema({ name, schema, control, errors, fieldKey, in
                         helperText,
                         sx,
                         margin: 'normal',
+                        autoFocus,
                     },
                 } })))) }));
 }

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

@@ -1,4 +1,4 @@
 import React from '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, autoFocus, }: FieldBySchemaProps): React.JSX.Element;

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

@@ -12,7 +12,7 @@ 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({ name, schema, control, errors, fieldKey, index, sx = { mr: 2, mt: 2 }, }) {
+function DesktopDateTimePickerBySchema({ name, schema, control, errors, fieldKey, index, sx = { mr: 2, mt: 2 }, autoFocus, }) {
     const model = name;
     if (fieldKey && index && index >= 0) {
         name = `${fieldKey}.${index}.${name}`;
@@ -35,6 +35,7 @@ function DesktopDateTimePickerBySchema({ name, schema, control, errors, fieldKey
                         helperText,
                         sx,
                         margin: 'normal',
+                        autoFocus,
                     },
                 } })))) }));
 }

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

@@ -59,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;
@@ -162,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({
@@ -262,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 @@
 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'>): React.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

@@ -21,7 +21,7 @@ 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;
@@ -55,6 +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 })));
         } }));
 }

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

@@ -1,3 +1,3 @@
 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): React.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

@@ -20,7 +20,7 @@ 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}`;
@@ -45,5 +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 }))) }));
 }

package/dist/context/Overlays.js

@@ -88,7 +88,7 @@ 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, disableEscapeKeyDown: !dialog.isCancelDisabled },
+        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))),

package/dist/utils.d.ts

@@ -135,6 +135,7 @@ export interface FieldBySchemaProps extends Omit<CommonFieldProps, 'value'> {
     schema: SchemaType;
     control: Control;
     errors: Item;
+    autoFocus?: boolean;
 }
 export interface DetailFieldBySchemaProps {
     name: string;

package/package.json

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