drf-react-by-schema 0.24.5 → 0.25.0

package/dist/components/forms/Form.js

@@ -45,7 +45,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Form;
 const react_1 = __importStar(require("react"));
 const axios_1 = __importDefault(require("axios"));
 const react_hook_form_1 = require("react-hook-form");
@@ -58,7 +57,8 @@ const FormActions_1 = __importDefault(require("./FormActions"));
 const PrivateContext_1 = require("../../context/PrivateContext");
 const useDeepMemo_1 = require("../../hooks/useDeepMemo");
 const utils_2 = require("../DataGridBySchemaEditable/utils");
-function Form({ model, objId, defaults, objTitleField, onSave, onDelete, onCancel, navigate, exit: customExit, saveAndContinue, editPath, exitPath, title, labelSave, labelSaveAndContinue, labelSaveAndCreateNew, labelCancel, labelRemove, multiline, fieldKey, labelKey, optionsAC, setOptionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, options, isSemaphoric, label, decimalScale, fieldsLayout, customFieldFormLayouts, fieldsProps, hiddenFields = [], isolatedGetAutoComplete, relatedEditable, autoFocusField, elevation, CustomFormActions, extraValidators, sxRow, sxRowMultiple, sxSection, sxSectionTitle, children, }) {
+const FormWatcher_1 = __importDefault(require("./FormWatcher"));
+function Form({ model, objId, defaults, objTitleField, onSave, onDelete, onCancel, navigate, exit: customExit, saveAndContinue, editPath, exitPath, title, labelSave, labelSaveAndContinue, labelSaveAndCreateNew, labelCancel, labelRemove, multiline, fieldKey, labelKey, optionsAC, setOptionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, options, isSemaphoric, label, decimalScale, fieldsLayout, customFieldFormLayouts, fieldsProps, hiddenFields, isolatedGetAutoComplete, relatedEditable, autoFocusField, elevation, CustomFormActions, extraValidators, sxRow, sxRowMultiple, sxSection, sxSectionTitle, watchValues, onWatchChange, }) {
     const { setFormTools } = (0, PrivateContext_1.usePrivateContext)();
     const { pageForm, loadSinglePageData, onSubmit, formTools, resetPageForm } = (0, APIWrapperContext_1.useAPIWrapper)();
     const formToolsRef = (0, react_1.useRef)(formTools);
@@ -73,12 +73,13 @@ function Form({ model, objId, defaults, objTitleField, onSave, onDelete, onCance
     const stableExtraValidators = (0, useDeepMemo_1.useDeepMemo)(extraValidators);
     const FinalFormActions = CustomFormActions || FormActions_1.default;
     const conditionalVisible = (0, react_1.useMemo)(() => {
+        var _a;
         const fields = [];
         if (!(pageForm === null || pageForm === void 0 ? void 0 : pageForm.schema)) {
             return fields;
         }
         for (const fieldKey of Object.keys(pageForm.schema)) {
-            const conditionalVisible = pageForm.schema[fieldKey].conditional_visible;
+            const conditionalVisible = (_a = pageForm.schema[fieldKey]) === null || _a === void 0 ? void 0 : _a.conditional_visible;
             if (!conditionalVisible || conditionalVisible.length === 0) {
                 continue;
             }
@@ -237,6 +238,7 @@ function Form({ model, objId, defaults, objTitleField, onSave, onDelete, onCance
         react_1.default.createElement("form", { onSubmit: handleSubmit(localOnSubmit) },
             react_1.default.createElement(FinalFormActions, { formDisabled: !isDirty, model: model, objId: objId, saveAndContinue: saveAndContinue, onCancel: onCancel, onDelete: onDelete, exit: exit, title: title, labelSave: labelSave, labelSaveAndContinue: labelSaveAndContinue, labelSaveAndCreateNew: labelSaveAndCreateNew, labelCancel: labelCancel, labelRemove: labelRemove }),
             react_1.default.createElement(FormBySchema_1.default, { fieldsLayout: fieldsLayout, hiddenFields: hiddenFields, control: control, register: register, errors: errors, schema: pageForm.schema, getValues: getValues, setValue: setValue, multiline: multiline, fieldKey: fieldKey, labelKey: labelKey, optionsAC: optionsAC, setOptionsAC: setOptionsAC, optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: onEditModel, options: options, isSemaphoric: isSemaphoric, label: label, decimalScale: decimalScale, customFieldFormLayouts: customFieldFormLayouts, fieldsProps: fieldsProps, isolatedGetAutoComplete: isolatedGetAutoComplete, relatedEditable: relatedEditable, autoFocusField: autoFocusField, elevation: elevation, sxRow: sxRow, sxRowMultiple: sxRowMultiple, sxSection: sxSection, sxSectionTitle: sxSectionTitle, conditionalVisible: conditionalVisible, watchedValues: watchedValues }),
-            children,
+            watchValues && onWatchChange && (react_1.default.createElement(FormWatcher_1.default, { control: control, watch: watchValues, onChange: onWatchChange })),
             react_1.default.createElement(FinalFormActions, { bottom: true, formDisabled: !isDirty, model: model, objId: objId, saveAndContinue: saveAndContinue, onCancel: onCancel, onDelete: onDelete, exit: exit, title: title, labelSave: labelSave, labelSaveAndContinue: labelSaveAndContinue, labelSaveAndCreateNew: labelSaveAndCreateNew, labelCancel: labelCancel, labelRemove: labelRemove }))));
 }
+exports.default = Form;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Id } from '../../@types';
+import { Id, TField } from '../../@types';
 export type FormActionsProps = {
     formDisabled?: boolean;
     model: string;
@@ -16,5 +16,5 @@ export type FormActionsProps = {
     labelCancel?: string;
     labelRemove?: string;
 };
-export default function FormActions({ formDisabled, model, objId, onCancel, onDelete, exit, bottom, saveAndContinue, title, labelSave, labelSaveAndContinue, labelSaveAndCreateNew, labelCancel, labelRemove, }: FormActionsProps): React.JSX.Element;
+export default function FormActions<T extends TField = void>({ formDisabled, model, objId, onCancel, onDelete, exit, bottom, saveAndContinue, title, labelSave, labelSaveAndContinue, labelSaveAndCreateNew, labelCancel, labelRemove, }: FormActionsProps): React.JSX.Element;
 //# sourceMappingURL=FormActions.d.ts.map

package/dist/components/forms/FormActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormActions.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAmB,EAAE,EAAE,MAAM,cAAc,CAAC;AAGnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,EAAE,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,YAAY,EACZ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,eAAe,EACf,KAAK,EACL,SAAS,EACT,oBAAoB,EACpB,qBAAqB,EACrB,WAAW,EACX,WAAW,GACZ,EAAE,gBAAgB,qBA+GlB"}
+{"version":3,"file":"FormActions.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAmB,EAAE,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAG3D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,EAAE,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,EAAE,EAC3D,YAAY,EACZ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,eAAe,EACf,KAAK,EACL,SAAS,EACT,oBAAoB,EACpB,qBAAqB,EACrB,WAAW,EACX,WAAW,GACZ,EAAE,gBAAgB,qBA+GlB"}

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

@@ -1,21 +1,21 @@
 import React from 'react';
 import { AxiosError } from 'axios';
 import { UseFormRegister } from 'react-hook-form';
-import { AutocompleteItem, CommonFieldProps, ConditionalVisible, ExtraSxCommonFieldProps, FieldBySchemaProps, FormFieldLayout, GenericValue, Item, OptionsAC } from '../../@types';
-interface FormBySchemaProps extends Omit<FieldBySchemaProps, 'name'> {
-    fieldsLayout?: FormFieldLayout[];
-    customFieldFormLayouts?: Record<string, FormFieldLayout[]>;
-    hiddenFields?: string[];
-    register?: UseFormRegister<Item>;
-    setOptionsAC?: (x: OptionsAC) => void;
+import { AutocompleteItem, ConditionalVisible, CustomFormFieldLayouts, ExtraSxCommonFieldProps, FieldBySchemaProps, FieldsProps, FormFieldLayout, GenericValue, Item, OptionsAC, FieldKey, FieldList, TField } from '../../@types';
+type FormBySchemaProps<T extends TField = void> = Omit<FieldBySchemaProps<T>, 'name'> & {
+    fieldsLayout?: FormFieldLayout<T>[];
+    customFieldFormLayouts?: CustomFormFieldLayouts<T>;
+    hiddenFields?: FieldList<T>;
+    register?: UseFormRegister<Item<T>>;
+    setOptionsAC?: (x: OptionsAC<T>) => void;
     isolatedGetAutoComplete?: (model: string) => Promise<AutocompleteItem[] | AxiosError>;
-    fieldsProps?: Record<string, CommonFieldProps>;
+    fieldsProps?: FieldsProps<T>;
     relatedEditable?: boolean;
-    autoFocusField?: string;
+    autoFocusField?: FieldKey<T>;
     elevation?: number;
     conditionalVisible?: ConditionalVisible[];
     watchedValues?: GenericValue[];
-}
-export default function FormBySchema({ schema, control, errors, register, multiline, setValue, getValues, fieldKey, labelKey, index, optionsAC, setOptionsAC, optionsModel, getOptionLabel, renderOption, onEditModel: customOnEditModel, options, isSemaphoric, label, decimalScale, fieldsLayout: fieldsLayoutInitial, customFieldFormLayouts, conditionalVisible, watchedValues, fieldsProps, hiddenFields, isolatedGetAutoComplete, relatedEditable, autoFocusField, elevation, sxRow, sxRowMultiple, sxSection, sxSectionTitle, }: FormBySchemaProps & Omit<ExtraSxCommonFieldProps, 'sx' | 'sxField' | 'sxLabel' | 'sxValue' | 'sxValueList' | 'sxValueListItem' | 'sxValueListItemText'>): React.JSX.Element;
+};
+export default function FormBySchema<T extends TField = void>({ schema, control, errors, register, multiline, setValue, getValues, fieldKey, labelKey, index, optionsAC, setOptionsAC, optionsModel, getOptionLabel, renderOption, onEditModel: customOnEditModel, options, isSemaphoric, label, decimalScale, fieldsLayout: fieldsLayoutInitial, customFieldFormLayouts, conditionalVisible, watchedValues, fieldsProps, hiddenFields, isolatedGetAutoComplete, relatedEditable, autoFocusField, elevation, sxRow, sxRowMultiple, sxSection, sxSectionTitle, }: FormBySchemaProps<T> & Omit<ExtraSxCommonFieldProps, 'sx' | 'sxField' | 'sxLabel' | 'sxValue' | 'sxValueList' | 'sxValueListItem' | 'sxValueListItemText'>): React.JSX.Element;
 export {};
 //# sourceMappingURL=FormBySchema.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAUlD,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;AAOtB,UAAU,iBAAkB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAClE,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,gBAAgB,EAAE,GAAG,UAAU,CAAC,CAAC;IACtF,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC/C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC1C,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAiB,EACjB,KAAK,EACL,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EACP,YAAY,EACZ,KAAK,EACL,YAAgB,EAEhB,YAAY,EAAE,mBAAmB,EACjC,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EAEb,WAAW,EACX,YAAiB,EACjB,uBAAuB,EACvB,eAAe,EACf,cAAc,EACd,SAAS,EAKT,KAAK,EACL,aAAa,EACb,SAAS,EACT,cAAc,GAKf,EAAE,iBAAiB,GAClB,IAAI,CACF,uBAAuB,EACrB,IAAI,GACJ,SAAS,GACT,SAAS,GACT,SAAS,GACT,aAAa,GACb,iBAAiB,GACjB,qBAAqB,CACxB,qBA0UF"}
+{"version":3,"file":"FormBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAiB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAUjE,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,uBAAuB,EACvB,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,QAAQ,EAER,SAAS,EACT,MAAM,EACP,MAAM,cAAc,CAAC;AAOtB,KAAK,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IAEtF,YAAY,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IACnD,YAAY,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACzC,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,gBAAgB,EAAE,GAAG,UAAU,CAAC,CAAC;IACtF,WAAW,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC1C,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;CAChC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,EAAE,EAC5D,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAgC,EAChC,KAAK,EACL,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EACP,YAAY,EACZ,KAAK,EACL,YAAgB,EAEhB,YAAY,EAAE,mBAAmB,EACjC,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EAEb,WAAW,EACX,YAAY,EACZ,uBAAuB,EACvB,eAAe,EACf,cAAc,EACd,SAAS,EAKT,KAAK,EACL,aAAa,EACb,SAAS,EACT,cAAc,GAKf,EAAE,iBAAiB,CAAC,CAAC,CAAC,GACrB,IAAI,CACF,uBAAuB,EACrB,IAAI,GACJ,SAAS,GACT,SAAS,GACT,SAAS,GACT,aAAa,GACb,iBAAiB,GACjB,qBAAqB,CACxB,qBAkWF"}

package/dist/components/forms/FormBySchema.js

@@ -57,7 +57,7 @@ const styles_1 = require("../../styles");
 const APIWrapperContext_1 = require("../../context/APIWrapperContext");
 const utils_1 = require("../../utils");
 const FieldBySchema_1 = __importDefault(require("./FieldBySchema"));
-function FormBySchema({ schema, control, errors, register, multiline, setValue, getValues, fieldKey, labelKey = 'nome', index, optionsAC, setOptionsAC, optionsModel, getOptionLabel, renderOption, onEditModel: customOnEditModel, options, isSemaphoric, label, decimalScale = 2, fieldsLayout: fieldsLayoutInitial, customFieldFormLayouts, conditionalVisible, watchedValues, fieldsProps, hiddenFields = [], isolatedGetAutoComplete, relatedEditable, autoFocusField, elevation, 
+function FormBySchema({ schema, control, errors, register, multiline, setValue, getValues, fieldKey, labelKey = 'nome', index, optionsAC, setOptionsAC, optionsModel, getOptionLabel, renderOption, onEditModel: customOnEditModel, options, isSemaphoric, label, decimalScale = 2, fieldsLayout: fieldsLayoutInitial, customFieldFormLayouts, conditionalVisible, watchedValues, fieldsProps, hiddenFields, isolatedGetAutoComplete, relatedEditable, autoFocusField, elevation, 
 // sx,
 // sxField,
 // sxLabel,
@@ -90,11 +90,12 @@ sxRow, sxRowMultiple, sxSection, sxSectionTitle,
                 for (const row of section.rows) {
                     if (typeof row === 'string') {
                         const field = row;
-                        if (!schema[field]) {
+                        const fieldSchema = schema[field];
+                        if (!fieldSchema) {
                             console.log(`there is no schema for field ${field}!`);
                             continue;
                         }
-                        if (['field', 'nested object'].includes(schema[field].type) &&
+                        if (['field', 'nested object'].includes(fieldSchema.type) &&
                             !newOptionsACModels.includes(field)) {
                             newOptionsACModels.push(field);
                         }
@@ -105,7 +106,7 @@ sxRow, sxRowMultiple, sxSection, sxSectionTitle,
                     }
                     if (Array.isArray(row)) {
                         for (const field of row) {
-                            if (typeof field === 'string' && !schema[field]) {
+                            if (typeof field === 'string' && !(field in schema)) {
                                 console.log(`there is no schema for field ${field}!`);
                                 continue;
                             }
@@ -138,14 +139,14 @@ sxRow, sxRowMultiple, sxSection, sxSectionTitle,
         }
         const rows = [];
         for (const [key, field] of Object.entries(schema)) {
-            if (['field', 'nested object'].includes(field.type)) {
+            if (field && ['field', 'nested object'].includes(field.type)) {
                 rows.push(key);
                 if (!newOptionsACModels.includes(key)) {
                     newOptionsACModels.push(key);
                 }
                 continue;
             }
-            if (!field.read_only) {
+            if (!(field === null || field === void 0 ? void 0 : field.read_only)) {
                 rows.push(key);
             }
         }
@@ -187,7 +188,10 @@ sxRow, sxRowMultiple, sxSection, sxSectionTitle,
     }
     return (react_1.default.createElement(react_1.default.Fragment, null,
         register &&
-            hiddenFields.map((hiddenField) => (react_1.default.createElement("input", Object.assign({ hidden: true }, register(hiddenField), { value: getValues ? getValues(hiddenField) : null, key: hiddenField })))),
+            (hiddenFields === null || hiddenFields === void 0 ? void 0 : hiddenFields.map((hiddenField) => {
+                const typedHiddenField = hiddenField;
+                return (react_1.default.createElement("input", Object.assign({ hidden: true }, register(typedHiddenField), { value: getValues ? getValues(typedHiddenField) : undefined, key: hiddenField })));
+            })),
         fieldsLayout.map((section, sectionIndex) => {
             return (react_1.default.createElement(Card_1.default, { sx: sxSection ? Object.assign(Object.assign({}, styles_1.Layout.formCard), sxSection) : styles_1.Layout.formCard, key: `section_${sectionIndex}`, elevation: elevation },
                 section.title && react_1.default.createElement(CardHeader_1.default, { title: section.title, sx: sxSectionTitle }),
@@ -195,12 +199,16 @@ sxRow, sxRowMultiple, sxSection, sxSectionTitle,
                     section.CustomElement && react_1.default.createElement(react_1.default.Fragment, null, section.CustomElement),
                     section.rows && (react_1.default.createElement(react_1.default.Fragment, null, section.rows.map((row, rowIndex) => {
                         if (typeof row === 'string') {
-                            if (hiddenFields.includes(row)) {
+                            if (hiddenFields === null || hiddenFields === void 0 ? void 0 : hiddenFields.includes(row)) {
                                 return null;
                             }
                             const field = row;
-                            const fieldProps = fieldsProps && field in fieldsProps ? fieldsProps[field] : {};
-                            fieldProps.sx = 'sx' in fieldProps ? fieldProps.sx : defaultSx;
+                            const fieldProps = fieldsProps && field in fieldsProps
+                                ? fieldsProps[field]
+                                : {};
+                            if (fieldProps) {
+                                fieldProps.sx = 'sx' in fieldProps ? fieldProps.sx : defaultSx;
+                            }
                             const isVisible = (0, utils_1.showConditionalVisibleField)(field, conditionalVisible, watchedValues);
                             if (!isVisible) {
                                 return react_1.default.createElement(Box_1.default, { key: field, sx: sxRow });
@@ -208,7 +216,12 @@ sxRow, sxRowMultiple, sxSection, sxSectionTitle,
                             return (react_1.default.createElement(Box_1.default, { key: field, sx: sxRow },
                                 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={setOptionsAC ? optionsAC : localOptionsAC}
-                                    optionsAC: optionsAC && field in optionsAC ? optionsAC : localOptionsAC, optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: onEditModel, fieldsLayout: customFieldFormLayouts && field in customFieldFormLayouts
+                                    optionsAC: optionsAC && field in optionsAC
+                                        ? optionsAC
+                                        : localOptionsAC, 
+                                    // optionsAC: BaseOptionsAC | Partial<Record<FieldKey<T>, FieldOptionsAC>>
+                                    // optionsAC: BaseOptionsAC | Partial<Record<FieldKey<T>, FieldOptionsAC>> | undefined
+                                    optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: onEditModel, fieldsLayout: customFieldFormLayouts && field in customFieldFormLayouts
                                         ? customFieldFormLayouts[field]
                                         : undefined, options: options, isSemaphoric: isSemaphoric, label: label, decimalScale: decimalScale, autoFocus: autoFocusField === field || (sectionIndex === 0 && rowIndex === 0) }, fieldProps))));
                         }
@@ -217,27 +230,37 @@ sxRow, sxRowMultiple, sxSection, sxSectionTitle,
                                     ? Object.assign(Object.assign({}, styles_1.Layout.inLineForm), { sxRowMultiple })
                                     : styles_1.Layout.inLineForm, key: `row_${rowIndex}` },
                                 react_1.default.createElement(react_1.default.Fragment, null, row.map((field, i, j) => {
-                                    if (typeof field === 'string' && hiddenFields.includes(field)) {
+                                    if (typeof field === 'string' && (hiddenFields === null || hiddenFields === void 0 ? void 0 : hiddenFields.includes(field))) {
                                         return null;
                                     }
                                     const mr = i + 1 === j.length ? 0 : 2;
                                     const key = typeof field === 'string' ? field : field.key;
-                                    const fieldProps = fieldsProps && key in fieldsProps ? fieldsProps[key] : {};
-                                    fieldProps.sx =
-                                        'sx' in fieldProps
-                                            ? Object.assign(Object.assign({}, fieldProps.sx), { mr }) : {
-                                            mr,
-                                        };
-                                    const isVisible = (0, utils_1.showConditionalVisibleField)(field, conditionalVisible, watchedValues);
+                                    const fieldProps = fieldsProps && key in fieldsProps
+                                        ? fieldsProps[key]
+                                        : {};
+                                    if (fieldProps) {
+                                        fieldProps.sx =
+                                            'sx' in fieldProps
+                                                ? Object.assign(Object.assign({}, fieldProps.sx), { mr }) : {
+                                                mr,
+                                            };
+                                    }
+                                    const isVisible = (0, utils_1.showConditionalVisibleField)(key, conditionalVisible, watchedValues);
                                     if (!isVisible) {
                                         return (react_1.default.createElement(react_1.default.Fragment, { key: `field_${rowIndex}_${i}` }));
                                     }
-                                    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 && field in optionsAC ? optionsAC : localOptionsAC, optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: onEditModel, options: options, isSemaphoric: isSemaphoric, label: label, decimalScale: decimalScale, autoFocus: autoFocusField === field ||
+                                    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 && field in optionsAC
+                                            ? optionsAC
+                                            : localOptionsAC, optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: onEditModel, options: options, isSemaphoric: isSemaphoric, label: label, decimalScale: decimalScale, autoFocus: autoFocusField === field ||
                                             (sectionIndex === 0 && rowIndex === 0 && i === 0) }, fieldProps))) : (react_1.default.createElement(field.CustomElement, Object.assign({}, fieldProps)))));
                                 }))));
                         }
-                        const fieldProps = fieldsProps && row.key in fieldsProps ? fieldsProps[row.key] : {};
-                        fieldProps.sx = 'sx' in fieldProps ? fieldProps.sx : defaultSx;
+                        const fieldProps = fieldsProps && row.key in fieldsProps
+                            ? fieldsProps[row.key]
+                            : {};
+                        if (fieldProps) {
+                            fieldProps.sx = 'sx' in fieldProps ? fieldProps.sx : defaultSx;
+                        }
                         return (react_1.default.createElement(row.CustomElement, Object.assign({ key: `customElement_row_${rowIndex}` }, fieldProps)));
                     }))))));
         })));

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

@@ -1,8 +1,10 @@
-import { GenericValue } from '../../@types';
-export interface FormWatcherProps {
-    watch: string[];
-    onChange: (values: GenericValue[]) => void;
+import { Control } from 'react-hook-form';
+import { FieldList, FormWatchObject, GenericValue, TField } from '../../@types';
+export interface FormWatcherProps<T extends TField = void> {
+    control: Control<GenericValue>;
+    watch: FieldList<T>;
+    onChange: (values: FormWatchObject<T>) => void;
 }
-declare const FormWatcher: ({ watch, onChange }: FormWatcherProps) => null;
+declare function FormWatcher<T extends TField = void>({ control, watch, onChange }: FormWatcherProps<T>): null;
 export default FormWatcher;
 //# sourceMappingURL=FormWatcher.d.ts.map

package/dist/components/forms/FormWatcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormWatcher.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormWatcher.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CAC5C;AAED,QAAA,MAAM,WAAW,GAAI,qBAAqB,gBAAgB,SAgBzD,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"FormWatcher.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormWatcher.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,YAAY,EAAQ,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtF,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI;IACvD,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CAChD;AAGD,iBAAS,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAqB9F;AAED,eAAe,WAAW,CAAC"}

package/dist/components/forms/FormWatcher.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const utils_1 = require("../../utils");
-const FormWatcher = ({ watch, onChange }) => {
-    const { control } = (0, react_hook_form_1.useFormContext)();
+// Ensure K is constrained to the same type as the prop
+function FormWatcher({ control, watch, onChange }) {
     const values = (0, react_hook_form_1.useWatch)({
         control,
         name: watch,
@@ -13,9 +13,13 @@ const FormWatcher = ({ watch, onChange }) => {
     (0, react_1.useEffect)(() => {
         if (!(0, utils_1.deepEqual)(values, previousValues.current)) {
             previousValues.current = values;
-            onChange(values);
+            const valuesObject = watch.reduce((acc, key, index) => {
+                acc[key] = values[index];
+                return acc;
+            }, {});
+            onChange(valuesObject);
         }
-    }, [values, onChange]);
+    }, [values, watch, onChange]);
     return null;
-};
+}
 exports.default = FormWatcher;

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

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteFieldBySchema.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/inputs/AutocompleteFieldBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AA8DrD,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,MAAM,EACN,OAAO,EACP,MAAM,EACN,WAAkB,EAClB,cAAwB,EACxB,OAAO,EAAE,cAAc,EACvB,YAAoB,EACpB,EAAc,EACd,aAAa,EACb,SAAS,EACT,QAAQ,EACR,YAAY,EAAE,CAAC,EACf,GAAG,KAAK,EACT,EAAE,kBAAkB,iCA8DpB"}
+{"version":3,"file":"AutocompleteFieldBySchema.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/inputs/AutocompleteFieldBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,OAAO,EAAE,kBAAkB,EAA8B,MAAM,iBAAiB,CAAC;AA8DjF,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,MAAM,EACN,OAAO,EACP,MAAM,EACN,WAAkB,EAClB,cAAwB,EACxB,OAAO,EAAE,cAAc,EACvB,YAAoB,EACpB,EAAc,EACd,aAAa,EACb,SAAS,EACT,QAAQ,EACR,YAAY,EAAE,CAAC,EACf,GAAG,KAAK,EACT,EAAE,kBAAkB,iCA8DpB"}

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

@@ -13,6 +13,7 @@ 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 }, autoFocus, disabled, }) {
+    var _a;
     if (!(name in schema)) {
         console.error(`DesktopDatePickerBySchema: could not find schema for ${name}! Not rendering`);
         return;
@@ -37,7 +38,7 @@ function DesktopDatePickerBySchema({ name, schema, control, errors, fieldKey, in
         })
         : {
             error: errors && Boolean(errors[name]),
-            helperText: errors && errors[name] ? errors[name].message : fieldSchema.help_text || '',
+            helperText: errors && errors[name] ? (_a = errors[name]) === null || _a === void 0 ? void 0 : _a.message : fieldSchema.help_text || '',
         };
     return (react_1.default.createElement(react_hook_form_1.Controller, { name: name, control: control, render: ({ field }) => (react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterDayjs_1.AdapterDayjs, adapterLocale: "pt-br" },
             react_1.default.createElement(DesktopDatePicker_1.DesktopDatePicker, Object.assign({}, field, { value: (0, dayjs_1.default)(field.value), label: fieldSchema.label, disabled: fieldSchema.disabled === true || disabled === true, views: fieldSchema.date_views, format: inputFormat, sx: Object.assign({ mt: 2, mb: 1 }, sx), slotProps: {

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

@@ -13,6 +13,7 @@ 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 }, autoFocus, disabled, }) {
+    var _a;
     if (!(name in schema)) {
         console.error(`DesktopDateTimePickerBySchema: could not find schema for ${name}! Not rendering`);
         return;
@@ -30,7 +31,7 @@ function DesktopDateTimePickerBySchema({ name, schema, control, errors, fieldKey
         })
         : {
             error: errors && Boolean(errors[name]),
-            helperText: errors && errors[name] ? errors[name].message : fieldSchema.help_text || '',
+            helperText: errors && errors[name] ? (_a = errors[name]) === null || _a === void 0 ? void 0 : _a.message : fieldSchema.help_text || '',
         };
     return (react_1.default.createElement(react_hook_form_1.Controller, { name: name, control: control, render: ({ field }) => (react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterDayjs_1.AdapterDayjs, adapterLocale: "pt-br" },
             react_1.default.createElement(DesktopDateTimePicker_1.DesktopDateTimePicker, Object.assign({}, field, { value: (0, dayjs_1.default)(field.value), label: fieldSchema.label, disabled: fieldSchema.disabled === true || disabled === true, format: "DD/MM/YYYY HH:mm", sx: Object.assign({ mt: 2, mb: 1 }, sx), slotProps: {

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

@@ -1,5 +1,15 @@
 import React from 'react';
-import { FieldBySchemaProps } from '../../../@types';
-declare const EditableAutocompleteFieldBySchema: React.ForwardRefExoticComponent<FieldBySchemaProps & React.RefAttributes<any>>;
+import { Controller } from 'react-hook-form';
+import { Item } from '../../../@types';
+declare const EditableAutocompleteFieldBySchema: React.ForwardRefExoticComponent<Omit<import("../../../@types").CommonFieldProps<void>, "value" | "onEditModel"> & {
+    onEditModel?: <U extends import("../../../@types").TField = void>(x: import("../../../@types").OnEditModelType<U>) => void;
+    name: string;
+    schema: {
+        [x: string]: import("../../../@types").Field;
+    };
+    control: Controller<Item<T>, import("../../../@types").GenericValue, Item<T>>;
+    errors: Controller<Item<T>>;
+    autoFocus?: boolean;
+} & React.RefAttributes<any>>;
 export default EditableAutocompleteFieldBySchema;
 //# sourceMappingURL=EditableAutocompleteFieldBySchema.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditableAutocompleteFieldBySchema.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/inputs/EditableAutocompleteFieldBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,OAAO,EAAQ,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAO3D,QAAA,MAAM,iCAAiC,gFAsWtC,CAAC;AAGF,eAAe,iCAAiC,CAAC"}
+{"version":3,"file":"EditableAutocompleteFieldBySchema.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/inputs/EditableAutocompleteFieldBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAO7C,OAAO,EAAE,IAAI,EAAkC,MAAM,iBAAiB,CAAC;AAOvE,QAAA,MAAM,iCAAiC;;;;;;;;;6BAsWtC,CAAC;AAGF,eAAe,iCAAiC,CAAC"}

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

@@ -59,6 +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, _) => {
+    var _b;
     var { control, schema, errors, setValue, getValues, fieldKey, labelKey = 'nome', index, name = 'name', optionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, sx = { mr: 2 }, onValueChange, multiple = false, disabled, 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);
@@ -95,7 +96,7 @@ const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, _) =>
         return;
     }
     const fieldSchema = schema[name];
-    const label = fieldSchema.label;
+    const label = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.label;
     if (!optionsModel) {
         optionsModel = model;
     }
@@ -111,13 +112,13 @@ const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, _) =>
         })
         : {
             error: errors && Boolean(errors[name]),
-            helperText: errors && errors[name] ? errors[name].message : fieldSchema.help_text || '',
+            helperText: errors && errors[name] ? (_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message : (fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.help_text) || '',
         };
     if (!options) {
         return null;
     }
-    if (!disabled && !fieldSchema.disabled && onEditModel && optionsModel) {
-        return (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: name, render: ({ field }) => (react_1.default.createElement(Autocomplete_1.default, Object.assign({ key: name }, field, { id: name, options: options, disabled: fieldSchema.disabled === true, autoHighlight: true, isOptionEqualToValue: (option, value) => option.id === value.id, fullWidth: true, multiple: multiple, sx: sx, onChange: (e, value) => {
+    if (!disabled && !(fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.disabled) && onEditModel && optionsModel) {
+        return (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: name, render: ({ field }) => (react_1.default.createElement(Autocomplete_1.default, Object.assign({ key: name }, field, { id: name, options: options, disabled: (fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.disabled) === true, autoHighlight: true, isOptionEqualToValue: (option, value) => option.id === value.id, fullWidth: true, multiple: multiple, sx: sx, onChange: (e, value) => {
                     let valueAr = value || '';
                     if (!multiple) {
                         valueAr = [value];
@@ -256,7 +257,7 @@ const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, _) =>
                     }
                     : undefined }))) }));
     }
-    return (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: name, render: ({ field }) => (react_1.default.createElement(Autocomplete_1.default, Object.assign({ key: name }, field, { id: name, options: options, disabled: fieldSchema.disabled === true || disabled === true, autoHighlight: true, isOptionEqualToValue: (option, value) => option.id === value.id, fullWidth: true, multiple: multiple, sx: sx, onChange: (e, value) => {
+    return (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: name, render: ({ field }) => (react_1.default.createElement(Autocomplete_1.default, Object.assign({ key: name }, field, { id: name, options: options, disabled: (fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.disabled) === true || disabled === true, autoHighlight: true, isOptionEqualToValue: (option, value) => option.id === value.id, fullWidth: true, multiple: multiple, sx: sx, onChange: (e, value) => {
                 field.onChange(value);
                 if (onValueChange) {
                     onValueChange(e);

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

@@ -40,6 +40,7 @@ const VisuallyHiddenInput = (0, styles_1.styled)('input')({
     width: 1,
 });
 function FileFieldBySchema(_a) {
+    var _b;
     var { name, schema, control, errors, fieldKey, index, sx = { mr: 2 }, onValueChange, autoFocus, disabled } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "fieldKey", "index", "sx", "onValueChange", "autoFocus", "disabled"]);
     const { serverEndPoint } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
     if (!(name in schema)) {
@@ -59,7 +60,7 @@ function FileFieldBySchema(_a) {
         })
         : {
             error: errors && Boolean(errors[name]),
-            helperText: errors && errors[name] ? errors[name].message : fieldSchema.help_text || '',
+            helperText: errors && errors[name] ? (_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message : fieldSchema.help_text || '',
         };
     const fileTypeStr = fieldSchema.type === 'image upload' ? 'imagem' : 'documento';
     const accept = fieldSchema.allowed_mime_types

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

@@ -21,6 +21,7 @@ const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const react_number_format_1 = require("react-number-format");
 const utils_1 = require("../../../utils");
 function FloatFieldBySchema(_a) {
+    var _b;
     var { name, schema, control, errors, fieldKey, index, onValueChange, decimalScale, label, autoFocus, disabled } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "fieldKey", "index", "onValueChange", "decimalScale", "label", "autoFocus", "disabled"]);
     if (!(name in schema)) {
         console.error(`FloatFieldBySchema: could not find schema for ${name}! Not rendering`);
@@ -42,7 +43,7 @@ function FloatFieldBySchema(_a) {
         })
         : {
             error: errors && Boolean(errors[name]),
-            helperText: errors && errors[name] ? errors[name].message : fieldSchema.help_text || '',
+            helperText: errors && errors[name] ? (_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message : fieldSchema.help_text || '',
         };
     const prefix = fieldSchema.is_currency
         ? 'R$ '

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

@@ -21,6 +21,7 @@ const react_number_format_1 = require("react-number-format");
 const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const utils_1 = require("../../../utils");
 function PatternFieldBySchema(_a) {
+    var _b;
     var { name, schema, control, errors, fieldKey, index, sx = { mr: 2 }, type, autoComplete, disabled, onValueChange, autoFocus } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "fieldKey", "index", "sx", "type", "autoComplete", "disabled", "onValueChange", "autoFocus"]);
     if (!(name in schema)) {
         console.error(`PatternFieldBySchema: could not find schema for ${name}! Not rendering`);
@@ -39,7 +40,7 @@ function PatternFieldBySchema(_a) {
         })
         : {
             error: errors && Boolean(errors[name]),
-            helperText: errors && errors[name] ? errors[name].message : fieldSchema.help_text || '',
+            helperText: errors && errors[name] ? (_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message : fieldSchema.help_text || '',
         };
     return (react_1.default.createElement(react_hook_form_1.Controller, { name: name, control: control, render: ({ field }) => (react_1.default.createElement(react_number_format_1.PatternFormat, Object.assign({}, field, other, { id: name, key: name, label: fieldSchema.label, required: (0, utils_1.isFieldRequired)(fieldSchema), disabled: fieldSchema.disabled === true || disabled, onChange: undefined, onValueChange: (values) => {
                 field.onChange(values.value);

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

@@ -20,6 +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 _b;
     var { name, schema, control, errors, multiline = false, minRows, fieldKey, index, sx = { mr: 2 }, type, autoComplete, disabled, onValueChange, autoFocus } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "multiline", "minRows", "fieldKey", "index", "sx", "type", "autoComplete", "disabled", "onValueChange", "autoFocus"]);
     if (!(name in schema)) {
         console.error(`TextFieldBySchema: could not find schema for ${name}! Not rendering`);
@@ -44,7 +45,7 @@ function TextFieldBySchema(_a) {
         })
         : {
             error: errors && Boolean(errors[name]),
-            helperText: errors && errors[name] ? errors[name].message : fieldSchema.help_text || '',
+            helperText: errors && errors[name] ? (_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message : fieldSchema.help_text || '',
         };
     return (react_1.default.createElement(react_hook_form_1.Controller, { name: name, control: control, render: ({ field }) => (react_1.default.createElement(TextField_1.default, Object.assign({}, field, other, { id: name, key: name, label: fieldSchema.label, required: (0, utils_1.isFieldRequired)(fieldSchema), disabled: fieldSchema.disabled === true || disabled, onChange: (e) => {
                 field.onChange(e.target.value);

package/dist/context/APIWrapper.d.ts

@@ -1,14 +1,15 @@
 import React from 'react';
+import { TField } from '../@types';
 import { DialogType, FormTools, PageFormType, SnackBarType } from './APIWrapperContext';
-interface APIWrapperProps {
+interface APIWrapperProps<T extends TField = void> {
     handleLoading: (x: boolean) => void;
     setSnackBar: (x: Partial<SnackBarType>) => void;
-    setDialog: React.ActionDispatch<[newState: Partial<DialogType> | null]>;
-    pageForm: PageFormType | null;
-    setPageForm: (x: Partial<PageFormType>) => void;
+    setDialog: (newState: Partial<DialogType> | null) => void;
+    pageForm: PageFormType<T> | null;
+    setPageForm: (x: Partial<PageFormType<T>>) => void;
     resetPageForm: () => void;
-    formTools?: FormTools;
-    setFormTools: (x: FormTools) => void;
+    formTools?: FormTools<T>;
+    setFormTools: (x: FormTools<T>) => void;
     children: React.ReactNode;
 }
 declare function APIWrapper({ handleLoading, setSnackBar, setDialog, pageForm, setPageForm, resetPageForm, formTools, setFormTools, children, }: APIWrapperProps): React.JSX.Element;

package/dist/context/APIWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"APIWrapper.d.ts","sourceRoot":"","sources":["../../src/context/APIWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAgD7F,OAAO,EAEL,UAAU,EAEV,SAAS,EAMT,YAAY,EACZ,YAAY,EACb,MAAM,qBAAqB,CAAC;AAI7B,UAAU,eAAe;IACvB,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChD,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IACxE,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,WAAW,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,UAAU,CAAC,EAClB,aAAa,EACb,WAAW,EACX,SAAS,EACT,QAAQ,EACR,WAAW,EACX,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,GACT,EAAE,eAAe,qBA4qBjB;;AAED,wBAAsC"}
+{"version":3,"file":"APIWrapper.d.ts","sourceRoot":"","sources":["../../src/context/APIWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAM7F,OAAO,EAgBL,MAAM,EAEP,MAAM,WAAW,CAAC;AA6BnB,OAAO,EAEL,UAAU,EAEV,SAAS,EAMT,YAAY,EACZ,YAAY,EACb,MAAM,qBAAqB,CAAC;AAI7B,UAAU,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI;IAC/C,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChD,SAAS,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IACjC,WAAW,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACnD,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACzB,YAAY,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,UAAU,CAAC,EAClB,aAAa,EACb,WAAW,EACX,SAAS,EACT,QAAQ,EACR,WAAW,EACX,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,GACT,EAAE,eAAe,qBAkrBjB;;AAED,wBAAsC"}