drf-react-by-schema 0.27.18 → 0.28.1

package/dist/components/forms/DialogFormBySchema.js

@@ -32,20 +32,31 @@ var __importStar = (this && this.__importStar) || (function () {
         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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = DialogFormBySchema;
 const react_1 = __importStar(require("react"));
+const axios_1 = __importDefault(require("axios"));
 const react_hook_form_1 = require("react-hook-form");
 const yup_1 = require("@hookform/resolvers/yup");
 const Box_1 = __importDefault(require("@mui/material/Box"));
 const Button_1 = __importDefault(require("@mui/material/Button"));
 const styles_1 = require("../../styles");
 const FormBySchema_1 = __importDefault(require("./FormBySchema"));
+const utils_1 = require("../../utils");
 function DialogFormBySchema({ schema, validationSchema, initialValues, onEditModelSave, setDialog, getAutoComplete, fieldsLayout, hiddenFields, isCancelDisabled, forceSaveEnabled, optionsAC, }) {
-    const { control, handleSubmit, reset, getValues, setValue, formState: { errors, isDirty }, } = (0, react_hook_form_1.useForm)({
+    const { control, handleSubmit, reset, getValues, setValue, setError, formState: { errors, isDirty }, } = (0, react_hook_form_1.useForm)({
         mode: 'onBlur',
         resolver: validationSchema ? (0, yup_1.yupResolver)(validationSchema) : undefined,
     });
@@ -53,10 +64,24 @@ function DialogFormBySchema({ schema, validationSchema, initialValues, onEditMod
         reset(initialValues);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
+    // Wrap the provided save handler so DRF field validation errors (e.g.
+    // raised in a serializer's `validate()`) are mapped onto the dialog fields,
+    // rendered exactly like yup errors.
+    const handleSubmitWrapper = (0, react_1.useCallback)((data) => __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        const result = yield onEditModelSave(data);
+        if (axios_1.default.isAxiosError(result)) {
+            const fieldErrors = (0, utils_1.getFieldErrorsFromResponse)((_a = result.response) === null || _a === void 0 ? void 0 : _a.data, schema);
+            Object.entries(fieldErrors).forEach(([field, { type, message }]) => {
+                setError(field, { type, message });
+            });
+        }
+        return result;
+    }), [onEditModelSave, schema, setError]);
     if (!schema) {
         return react_1.default.createElement(react_1.default.Fragment, null, "Houve um erro ao carregar este formul\u00E1rio!");
     }
-    return (react_1.default.createElement(react_1.default.Fragment, null, initialValues && control && (react_1.default.createElement("form", { onSubmit: handleSubmit(onEditModelSave) },
+    return (react_1.default.createElement(react_1.default.Fragment, null, initialValues && control && (react_1.default.createElement("form", { onSubmit: handleSubmit(handleSubmitWrapper) },
         react_1.default.createElement(Box_1.default, null,
             react_1.default.createElement(FormBySchema_1.default, { control: control, errors: errors, schema: schema, getValues: getValues, setValue: setValue, optionsAC: optionsAC, isolatedGetAutoComplete: getAutoComplete, fieldsLayout: fieldsLayout, hiddenFields: hiddenFields, relatedEditable: false })),
         react_1.default.createElement(Box_1.default, { sx: styles_1.Layout.flexRow },

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

@@ -1 +1 @@
-{"version":3,"file":"FieldBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FieldBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAc,kBAAkB,EAAQ,MAAM,cAAc,CAAC;AAYpE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,IAAI,EACJ,MAAM,EACN,OAAO,EACP,MAAM,EACN,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAiB,EACjB,KAAK,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,EAAE,EACF,OAAO,EACP,YAAoB,EACpB,KAAK,EACL,aAAa,EACb,YAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,qBA0MpB"}
+{"version":3,"file":"FieldBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FieldBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAc,kBAAkB,EAAqB,MAAM,cAAc,CAAC;AAajF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,IAAI,EACJ,MAAM,EACN,OAAO,EACP,MAAM,EACN,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAiB,EACjB,KAAK,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,EAAE,EACF,OAAO,EACP,YAAoB,EACpB,KAAK,EACL,aAAa,EACb,YAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,qBA8NpB"}

package/dist/components/forms/FieldBySchema.js

@@ -25,6 +25,7 @@ const FloatFieldBySchema_1 = __importDefault(require("./inputs/FloatFieldBySchem
 const TextFieldBySchema_1 = __importDefault(require("./inputs/TextFieldBySchema"));
 const FileFieldBySchema_1 = __importDefault(require("./inputs/FileFieldBySchema"));
 const PatternFieldBySchema_1 = __importDefault(require("./inputs/PatternFieldBySchema"));
+const GeometryFieldBySchema_1 = __importDefault(require("./inputs/GeometryFieldBySchema"));
 function FieldBySchema(_a) {
     var _b, _c, _d;
     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"]);
@@ -59,6 +60,12 @@ function FieldBySchema(_a) {
         case 'image':
         case 'image upload':
             return (react_1.default.createElement(FileFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, fieldKey: fieldKey, index: index, sx: sx, onValueChange: onValueChange, autoFocus: autoFocus }, other)));
+        case 'point':
+        case 'polygon':
+        case 'multipoint':
+        case 'multipolygon':
+        case 'geometrycollection':
+            return (react_1.default.createElement(GeometryFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, geometry: fieldSchema.type, fieldKey: fieldKey, index: index, sx: sx, onValueChange: onValueChange, autoFocus: autoFocus }, other)));
         case 'number':
         case 'integer':
         case 'password':

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

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Form.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Form.tsx"],"names":[],"mappings":"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"}

package/dist/components/forms/Form.js

@@ -67,9 +67,12 @@ function Form({ model, objId, defaults, objTitleField, onSave, onDelete, onCance
     const customExitRef = (0, react_1.useRef)(customExit);
     const methods = (0, react_hook_form_1.useForm)({
         mode: 'onBlur',
-        resolver: (pageForm === null || pageForm === void 0 ? void 0 : pageForm.validationSchema) ? (0, yup_1.yupResolver)(pageForm.validationSchema) : undefined,
+        // yupResolver infers against untyped base `Item`; reassert to generic `Item<T>`.
+        resolver: (pageForm === null || pageForm === void 0 ? void 0 : pageForm.validationSchema)
+            ? (0, yup_1.yupResolver)(pageForm.validationSchema)
+            : undefined,
     });
-    const { control, handleSubmit, reset, getValues, setValue, formState: { errors, isDirty }, register, watch, } = methods;
+    const { control, handleSubmit, reset, getValues, setValue, setError, formState: { errors, isDirty }, register, watch, } = methods;
     const stableDefaults = (0, useDeepMemo_1.useDeepMemo)(defaults);
     const stableExtraValidators = (0, useDeepMemo_1.useDeepMemo)(extraValidators);
     const FinalFormActions = CustomFormActions || FormActions_1.default;
@@ -120,47 +123,71 @@ function Form({ model, objId, defaults, objTitleField, onSave, onDelete, onCance
         genericNavigate(-1);
     }, [exitPath, genericNavigate]);
     const localOnSubmit = (0, react_1.useCallback)((data, event) => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b;
         const currentId = objId || (0, utils_1.getTmpId)();
         const response = yield onSubmit(model, currentId, data, event);
-        if (!axios_1.default.isAxiosError(response)) {
-            const newId = response;
-            const buttonType = (event === null || event === void 0 ? void 0 : event.nativeEvent.submitter.name) || _types_1.FormSaveActions.EXIT_ON_SAVE;
-            switch (buttonType) {
-                case _types_1.FormSaveActions.SAVE_AND_CREATE_NEW:
-                    loadData(undefined);
-                    break;
-                case _types_1.FormSaveActions.SAVE_AND_CONTINUE:
-                    reset(Object.assign(Object.assign({}, data), { id: newId }));
-                    break;
-                case _types_1.FormSaveActions.EXIT_ON_SAVE:
-                default:
-                    resetPageForm();
-                    break;
-            }
-            // In case the user wants to do something else after saving
-            if (onSaveRef.current) {
-                onSaveRef.current(currentId, newId, buttonType);
-            }
-            const goToEdit = (id = 'novo') => {
-                const populatedEditPath = editPath
-                    ? (0, utils_2.buildEditPath)(editPath, id)
-                    : `${window.location.pathname.replace(/\/[^\/]+\/?$/, '/')}${id}`;
-                genericNavigate(populatedEditPath);
-            };
-            switch (buttonType) {
-                case _types_1.FormSaveActions.SAVE_AND_CREATE_NEW:
-                    goToEdit();
-                    break;
-                case _types_1.FormSaveActions.SAVE_AND_CONTINUE:
-                    goToEdit(newId);
-                    break;
-                case _types_1.FormSaveActions.EXIT_ON_SAVE:
-                default:
-                    exit(newId);
-                    break;
+        if (axios_1.default.isAxiosError(response)) {
+            // Map DRF field validation errors (e.g. raised in a serializer's
+            // `validate()`) onto the corresponding form fields so they are shown
+            // underlined with the message right below them, just like yup errors.
+            const fieldErrors = (0, utils_1.getFieldErrorsFromResponse)((_a = response.response) === null || _a === void 0 ? void 0 : _a.data, (_b = pageForm === null || pageForm === void 0 ? void 0 : pageForm.schema) !== null && _b !== void 0 ? _b : undefined);
+            const entries = Object.entries(fieldErrors);
+            if (entries.length > 0) {
+                entries.forEach(([field, { type, message }]) => {
+                    setError(field, { type, message });
+                });
             }
+            return;
+        }
+        const newId = response;
+        const buttonType = (event === null || event === void 0 ? void 0 : event.nativeEvent.submitter.name) || _types_1.FormSaveActions.EXIT_ON_SAVE;
+        switch (buttonType) {
+            case _types_1.FormSaveActions.SAVE_AND_CREATE_NEW:
+                loadData(undefined);
+                break;
+            case _types_1.FormSaveActions.SAVE_AND_CONTINUE:
+                reset(Object.assign(Object.assign({}, data), { id: newId }));
+                break;
+            case _types_1.FormSaveActions.EXIT_ON_SAVE:
+            default:
+                resetPageForm();
+                break;
+        }
+        // In case the user wants to do something else after saving
+        if (onSaveRef.current) {
+            onSaveRef.current(currentId, newId, buttonType);
+        }
+        const goToEdit = (id = 'novo') => {
+            const populatedEditPath = editPath
+                ? (0, utils_2.buildEditPath)(editPath, id)
+                : `${window.location.pathname.replace(/\/[^\/]+\/?$/, '/')}${id}`;
+            genericNavigate(populatedEditPath);
+        };
+        switch (buttonType) {
+            case _types_1.FormSaveActions.SAVE_AND_CREATE_NEW:
+                goToEdit();
+                break;
+            case _types_1.FormSaveActions.SAVE_AND_CONTINUE:
+                goToEdit(newId);
+                break;
+            case _types_1.FormSaveActions.EXIT_ON_SAVE:
+            default:
+                exit(newId);
+                break;
         }
-    }), [loadData, model, objId, onSubmit, reset, resetPageForm, exit, editPath, genericNavigate]);
+    }), [
+        loadData,
+        model,
+        objId,
+        onSubmit,
+        pageForm,
+        reset,
+        resetPageForm,
+        exit,
+        editPath,
+        genericNavigate,
+        setError,
+    ]);
     const updateFormTools = (0, react_1.useCallback)(() => {
         const currentFormTools = formToolsRef.current;
         if (!currentFormTools ||
@@ -229,7 +256,9 @@ 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 }),
-            watchValues && onWatchChange && (react_1.default.createElement(FormWatcher_1.default, { control: control, watch: watchValues, onChange: onWatchChange })),
+            watchValues && onWatchChange && (react_1.default.createElement(FormWatcher_1.default, { 
+                // FormWatcher only uses useWatch; align control to Control<GenericValue>.
+                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/inputs/EditableAutocompleteFieldBySchema.d.ts

@@ -1,15 +1,14 @@
 import React from 'react';
-import { Controller } from 'react-hook-form';
-import { Item } from '../../../@types';
+import Autocomplete from '@mui/material/Autocomplete';
 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>>;
+    control: import("react-hook-form").Control<Record<string, any>, any, Record<string, any>>;
+    errors: import("react-hook-form").FieldErrors<Record<string, any>>;
     autoFocus?: boolean;
-} & React.RefAttributes<any>>;
+} & React.RefAttributes<typeof Autocomplete>>;
 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;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAO7C,OAAO,EAAE,IAAI,EAAkC,MAAM,iBAAiB,CAAC;AAOvE,QAAA,MAAM,iCAAiC;;;;;;;;;6BA6WtC,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;AAGnD,OAAO,YAAqC,MAAM,4BAA4B,CAAC;AAY/E,QAAA,MAAM,iCAAiC;;;;;;;;;6CA6WtC,CAAC;AAGF,eAAe,iCAAiC,CAAC"}

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

@@ -170,7 +170,7 @@ const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, _) =>
                     if (onValueChange) {
                         onValueChange(e);
                     }
-                }, renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { label: label, required: (0, utils_1.isFieldRequired)(fieldSchema), 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,
+                }, renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { label: label, required: (0, utils_1.isFieldRequired)(fieldSchema) && !multiple, 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", "aria-label": "Editar", onClick: () => {
                                     if ((0, utils_1.isTmpId)(field.value.id)) {
                                         setDialog({
@@ -266,7 +266,7 @@ const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, _) =>
                 if (onValueChange) {
                     onValueChange(e);
                 }
-            }, renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { label: label, required: (0, utils_1.isFieldRequired)(fieldSchema), margin: "normal", error: error, autoFocus: autoFocus, helperText: helperText }, other))), getOptionKey: ({ id }) => id, getOptionLabel: getOptionLabel, renderOption: renderOption }))) }));
+            }, renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { label: label, required: (0, utils_1.isFieldRequired)(fieldSchema) && !multiple, margin: "normal", error: error, autoFocus: autoFocus, helperText: helperText }, other))), getOptionKey: ({ id }) => id, getOptionLabel: getOptionLabel, renderOption: renderOption }))) }));
 });
 EditableAutocompleteFieldBySchema.displayName = 'EditableAutocompleteFieldBySchema';
 exports.default = EditableAutocompleteFieldBySchema;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FieldBySchemaProps, GeometryFieldType, TField } from '../../../@types';
+export interface GeometryFieldBySchemaProps<T extends TField = void> extends FieldBySchemaProps<T> {
+    geometry: GeometryFieldType;
+    height?: number;
+}
+export default function GeometryFieldBySchema({ name, schema, control, errors, geometry, fieldKey, index, sx, autoFocus, disabled, height, onValueChange, ...other }: GeometryFieldBySchemaProps): React.JSX.Element | undefined;
+//# sourceMappingURL=GeometryFieldBySchema.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GeometryFieldBySchema.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/inputs/GeometryFieldBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGhF,MAAM,WAAW,0BAA0B,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,CAAE,SAAQ,kBAAkB,CAAC,CAAC,CAAC;IAChG,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,IAAI,EACJ,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,EAAc,EACd,SAAS,EACT,QAAQ,EACR,MAAM,EACN,aAAa,EACb,GAAG,KAAK,EACT,EAAE,0BAA0B,iCAqE5B"}

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

@@ -0,0 +1,57 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = GeometryFieldBySchema;
+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");
+const MapGeometryPicker_1 = __importDefault(require("./MapGeometryPicker"));
+function GeometryFieldBySchema(_a) {
+    var _b;
+    var { name, schema, control, errors, geometry, fieldKey, index, sx = { mr: 2 }, autoFocus, disabled, height, onValueChange } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "geometry", "fieldKey", "index", "sx", "autoFocus", "disabled", "height", "onValueChange"]);
+    if (!(name in schema)) {
+        console.error(`GeometryFieldBySchema: could not find schema for ${name}! Not rendering`);
+        return;
+    }
+    const fieldSchema = schema[name];
+    if (fieldKey && index && index >= 0) {
+        name = `${fieldKey}.${index}.${name}`;
+    }
+    const { error, helperText } = fieldKey && index && index >= 0
+        ? (0, utils_1.errorProps)({ fieldKey, index, fieldKeyProp: name, errors })
+        : {
+            error: errors && Boolean(errors[name]),
+            helperText: errors && errors[name] ? (_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message : fieldSchema.help_text || '',
+        };
+    const mapAvailable = Boolean((0, utils_1.getMapLibraries)());
+    const multiline = geometry !== 'point';
+    return (react_1.default.createElement(react_hook_form_1.Controller, { name: name, control: control, render: ({ field }) => {
+            const currentValue = (0, utils_1.geometryValueToString)(field.value);
+            if (mapAvailable) {
+                return (react_1.default.createElement(MapGeometryPicker_1.default, { geometry: geometry, value: currentValue, onChange: (geoJSON) => {
+                        field.onChange(geoJSON);
+                        if (onValueChange)
+                            onValueChange(geoJSON);
+                    }, label: fieldSchema.label, error: error, helperText: helperText, height: height }));
+            }
+            return (react_1.default.createElement(TextField_1.default, Object.assign({}, other, { id: name, value: currentValue, label: fieldSchema.label, required: (0, utils_1.isFieldRequired)(fieldSchema), disabled: fieldSchema.disabled === true || disabled, onChange: (e) => {
+                    field.onChange(e.target.value);
+                    if (onValueChange)
+                        onValueChange(e);
+                }, margin: "normal", fullWidth: true, multiline: multiline, minRows: multiline ? 4 : 0, error: error, helperText: helperText, sx: sx, autoFocus: autoFocus })));
+        } }));
+}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import 'leaflet/dist/leaflet.css';
+import 'leaflet-draw/dist/leaflet.draw.css';
+import { GeometryFieldType } from '../../../@types';
+interface MapGeometryPickerProps {
+    geometry: GeometryFieldType;
+    value: string;
+    label?: string;
+    onChange: (geoJSON: string | null) => void;
+    error?: boolean;
+    helperText?: string;
+    sx?: SxProps<Theme>;
+    height?: number;
+}
+export default function MapGeometryPicker({ geometry, value, label, onChange, error, helperText, sx, height, }: MapGeometryPickerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=MapGeometryPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapGeometryPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/inputs/MapGeometryPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGtD,OAAO,0BAA0B,CAAC;AAClC,OAAO,oCAAoC,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGpD,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA4LD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,EAAE,EACF,MAAY,GACb,EAAE,sBAAsB,qBAwDxB"}

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

@@ -0,0 +1,248 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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 = MapGeometryPicker;
+const react_1 = __importStar(require("react"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
+const FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
+const react_leaflet_1 = require("react-leaflet");
+const leaflet_1 = __importDefault(require("leaflet"));
+require("leaflet/dist/leaflet.css");
+require("leaflet-draw/dist/leaflet.draw.css");
+const utils_1 = require("../../../utils");
+// Build the drf-react-by-schema geometry out of leaflet-draw features. Leaflet
+// already parses/produces GeoJSON (L.geoJSON, FeatureGroup.toGeoJSON), so here
+// we only reshape the resulting features into the right geometry type.
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function buildOutput(geometry, features) {
+    const geoms = features.map((f) => f === null || f === void 0 ? void 0 : f.geometry).filter((g) => g);
+    if (geometry === 'point') {
+        const point = geoms.find((g) => g.type === 'Point');
+        return point ? { type: 'Point', coordinates: point.coordinates } : null;
+    }
+    if (geometry === 'polygon') {
+        const polygon = geoms.find((g) => g.type === 'Polygon');
+        return polygon ? { type: 'Polygon', coordinates: polygon.coordinates } : null;
+    }
+    if (geometry === 'multipoint') {
+        const coords = geoms.filter((g) => g.type === 'Point').map((g) => g.coordinates);
+        return coords.length ? { type: 'MultiPoint', coordinates: coords } : null;
+    }
+    if (geometry === 'multipolygon') {
+        const coords = geoms.filter((g) => g.type === 'Polygon').map((g) => g.coordinates);
+        return coords.length ? { type: 'MultiPolygon', coordinates: coords } : null;
+    }
+    // geometrycollection: points and polygons drawn together
+    const list = geoms.filter((g) => g.type === 'Point' || g.type === 'Polygon');
+    return list.length ? { type: 'GeometryCollection', geometries: list } : null;
+}
+// Counts the markers/polygons currently drawn so single-instance fields can
+// hide their "add" tool once one shape already exists.
+function layerCounts(featureGroup) {
+    let markers = 0;
+    let polygons = 0;
+    featureGroup.eachLayer((layer) => {
+        if (layer instanceof leaflet_1.default.Marker)
+            markers += 1;
+        else if (layer instanceof leaflet_1.default.Polygon)
+            polygons += 1;
+    });
+    return { markers, polygons };
+}
+// Which draw tools each geometry allows.
+const markerEnabledFor = (g) => g === 'point' || g === 'multipoint' || g === 'geometrycollection';
+const polygonEnabledFor = (g) => g === 'polygon' || g === 'multipolygon' || g === 'geometrycollection';
+// Attaches leaflet-draw to the react-leaflet map and emits GeoJSON on changes.
+// Per-geometry behavior:
+//   point / polygon         -> single instance (add hidden once one exists; move/remove)
+//   multipoint              -> many draggable/removable points
+//   multipolygon            -> many editable/removable polygons
+//   geometrycollection      -> many points AND many polygons
+function DrawEditor({ geometry, value, onChange, }) {
+    const map = (0, react_leaflet_1.useMap)();
+    const featureGroupRef = (0, react_1.useRef)(null);
+    const drawControlRef = (0, react_1.useRef)(null);
+    const lastEmittedRef = (0, react_1.useRef)('__init__');
+    const onChangeRef = (0, react_1.useRef)(onChange);
+    onChangeRef.current = onChange;
+    const geometryRef = (0, react_1.useRef)(geometry);
+    geometryRef.current = geometry;
+    // Hides the add tool for single-instance fields once a shape exists; existing
+    // shapes stay draggable (points) / editable (polygons) and removable.
+    const updateCap = () => {
+        const featureGroup = featureGroupRef.current;
+        const drawControl = drawControlRef.current;
+        if (!featureGroup || !drawControl)
+            return;
+        const g = geometryRef.current;
+        const { markers, polygons } = layerCounts(featureGroup);
+        const single = isSingle(g);
+        const capMarker = single && g === 'point' && markers > 0;
+        const capPolygon = single && g === 'polygon' && polygons > 0;
+        drawControl.setDrawingOptions({
+            marker: markerEnabledFor(g) && !capMarker ? {} : false,
+            polygon: polygonEnabledFor(g) && !capPolygon ? {} : false,
+            polyline: false,
+            rectangle: false,
+            circle: false,
+            circlemarker: false,
+        });
+    };
+    const emit = () => {
+        var _a;
+        const featureGroup = featureGroupRef.current;
+        if (!featureGroup)
+            return;
+        const g = geometryRef.current;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const output = buildOutput(g, ((_a = featureGroup.toGeoJSON()) === null || _a === void 0 ? void 0 : _a.features) || []);
+        const text = output ? JSON.stringify(output) : '';
+        lastEmittedRef.current = text;
+        onChangeRef.current(text || null);
+        updateCap();
+    };
+    // Markers are draggable so an existing point can be moved; drag-end updates value.
+    const applyBehaviors = (layer) => {
+        if (layer instanceof leaflet_1.default.Marker) {
+            layer.options.draggable = true;
+            layer.on('dragend', emit);
+        }
+    };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const addGeoJSON = (data) => {
+        const featureGroup = featureGroupRef.current;
+        if (!featureGroup || !data)
+            return;
+        leaflet_1.default.geoJSON(data).eachLayer((layer) => {
+            featureGroup.addLayer(layer);
+            applyBehaviors(layer);
+        });
+        const bounds = featureGroup.getBounds();
+        if (bounds.isValid())
+            map.fitBounds(bounds, { padding: [40, 40] });
+    };
+    (0, react_1.useEffect)(() => {
+        const featureGroup = new leaflet_1.default.FeatureGroup().addTo(map);
+        featureGroupRef.current = featureGroup;
+        const g = geometryRef.current;
+        const drawControl = new leaflet_1.default.Control.Draw({
+            draw: {
+                marker: markerEnabledFor(g) ? {} : false,
+                polygon: polygonEnabledFor(g) ? {} : false,
+                polyline: false,
+                rectangle: false,
+                circle: false,
+                circlemarker: false,
+            },
+            edit: { featureGroup },
+        });
+        drawControlRef.current = drawControl;
+        map.addControl(drawControl);
+        map.on(leaflet_1.default.Draw.Event.CREATED, 
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (e) => {
+            featureGroup.addLayer(e.layer);
+            applyBehaviors(e.layer);
+            emit();
+        });
+        map.on(leaflet_1.default.Draw.Event.EDITED, emit);
+        map.on(leaflet_1.default.Draw.Event.DELETED, emit);
+        const initial = (0, utils_1.parseGeoJSON)(geometry, value);
+        if (initial)
+            addGeoJSON(initial);
+        updateCap();
+        return () => {
+            map.removeControl(drawControl);
+            map.removeLayer(featureGroup);
+            featureGroupRef.current = null;
+            drawControlRef.current = null;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // Sync externally-driven value (reset after save/edit elsewhere). Avoids the
+    // feedback loop when this component itself emitted the change. Malformed text
+    // keeps the last valid geometry on the map (an error is shown in the field);
+    // only a legitimate empty value clears the features.
+    (0, react_1.useEffect)(() => {
+        const normalized = value || '';
+        if (normalized === lastEmittedRef.current)
+            return;
+        lastEmittedRef.current = normalized;
+        const featureGroup = featureGroupRef.current;
+        if (!featureGroup)
+            return;
+        const geo = (0, utils_1.parseGeoJSON)(geometry, value);
+        if (geo) {
+            featureGroup.clearLayers();
+            addGeoJSON(geo);
+        }
+        else if (normalized.trim() === '') {
+            featureGroup.clearLayers();
+            updateCap();
+        }
+        // malformed non-empty text: keep current features, error is shown in the field
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value, geometry, map]);
+    return null;
+}
+function MapGeometryPicker({ geometry, value, label, onChange, error, helperText, sx, height = 340, }) {
+    const valueText = value || '';
+    // Malformed detection: non-empty text that isn't GeoJSON (or of the wrong
+    // geometry type). Invalid input is flagged as an error instead of silently
+    // wiping the features from the map.
+    const malformed = valueText.trim() !== '' && !(0, utils_1.parseGeoJSON)(geometry, valueText);
+    return (react_1.default.createElement(Box_1.default, { sx: Object.assign({ mt: 1, mb: 1, width: '100%' }, sx) },
+        react_1.default.createElement(Box_1.default, { "data-testid": `map-${geometry}`, sx: {
+                height,
+                width: '100%',
+                overflow: 'hidden',
+                borderRadius: 1,
+                border: (t) => `1px solid ${error ? t.palette.error.main : t.palette.divider}`,
+                zIndex: 1 /* keep leaflet controls above MUI overlays */,
+            } },
+            react_1.default.createElement(react_leaflet_1.MapContainer, { center: [-14.235, -51.9253], zoom: 4, style: { height: '100%', width: '100%' }, zoomControl: true },
+                react_1.default.createElement(react_leaflet_1.TileLayer, { attribution: "\u00A9 OpenStreetMap contributors", url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" }),
+                react_1.default.createElement(DrawEditor, { geometry: geometry, value: value, onChange: onChange }))),
+        react_1.default.createElement(TextField_1.default, { value: value, onChange: (e) => onChange(e.target.value || null), variant: "outlined", margin: "dense", fullWidth: true, size: "small", label: geometry === 'point' ? 'Coordenadas (GeoJSON)' : 'GeoJSON (cole aqui)', multiline: geometry !== 'point', minRows: geometry !== 'point' ? 3 : 1, sx: { mt: 1 }, error: malformed, helperText: malformed
+                ? 'Dados malformados, corrija o GeoJSON para refletir no mapa.'
+                : 'O GeoJSON abaixo é sincronizado com o mapa.' }),
+        label && react_1.default.createElement(FormHelperText_1.default, { sx: { mt: 0.5 } }, label),
+        (helperText || error) && (react_1.default.createElement(FormHelperText_1.default, { error: error, sx: { mt: 0.5 } }, helperText))));
+}
+const isSingle = (g) => g === 'point' || g === 'polygon';