drf-react-by-schema 0.28.0 → 0.28.2

package/dist/components/FileTypeIcon.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import SvgIcon from '@mui/material/SvgIcon';
+/**
+ * File extension → icon, reused anywhere a stored file is shown (detail page,
+ * grid cells, mobile lists, ...). Kept here until a central constants module
+ * groups it with the other shared constants (as done with the types).
+ */
+export declare const FILE_TYPE_ICONS: Record<string, typeof SvgIcon>;
+export declare const DEFAULT_FILE_ICON: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+export interface FileTypeIconProps {
+    /** File name (or URL) whose extension selects the icon. */
+    name?: string;
+}
+/** Renders the small icon matching a stored file's extension. */
+export default function FileTypeIcon({ name }: FileTypeIconProps): React.JSX.Element;
+//# sourceMappingURL=FileTypeIcon.d.ts.map

package/dist/components/FileTypeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTypeIcon.d.ts","sourceRoot":"","sources":["../../src/components/FileTypeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAQ5C;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,OAAO,CAoB1D,CAAC;AAEF,eAAO,MAAM,iBAAiB;;CAAsB,CAAC;AAErD,MAAM,WAAW,iBAAiB;IAChC,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,iEAAiE;AACjE,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,qBAI/D"}

package/dist/components/FileTypeIcon.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_FILE_ICON = exports.FILE_TYPE_ICONS = void 0;
+exports.default = FileTypeIcon;
+const react_1 = __importDefault(require("react"));
+const Description_1 = __importDefault(require("@mui/icons-material/Description"));
+const FolderZip_1 = __importDefault(require("@mui/icons-material/FolderZip"));
+const Image_1 = __importDefault(require("@mui/icons-material/Image"));
+const InsertDriveFile_1 = __importDefault(require("@mui/icons-material/InsertDriveFile"));
+const PictureAsPdf_1 = __importDefault(require("@mui/icons-material/PictureAsPdf"));
+const TableChart_1 = __importDefault(require("@mui/icons-material/TableChart"));
+/**
+ * File extension → icon, reused anywhere a stored file is shown (detail page,
+ * grid cells, mobile lists, ...). Kept here until a central constants module
+ * groups it with the other shared constants (as done with the types).
+ */
+exports.FILE_TYPE_ICONS = {
+    pdf: PictureAsPdf_1.default,
+    jpg: Image_1.default,
+    jpeg: Image_1.default,
+    png: Image_1.default,
+    gif: Image_1.default,
+    webp: Image_1.default,
+    doc: Description_1.default,
+    docx: Description_1.default,
+    txt: Description_1.default,
+    rtf: Description_1.default,
+    odt: Description_1.default,
+    xls: TableChart_1.default,
+    xlsx: TableChart_1.default,
+    csv: TableChart_1.default,
+    zip: FolderZip_1.default,
+    rar: FolderZip_1.default,
+    '7z': FolderZip_1.default,
+    tar: FolderZip_1.default,
+    gz: FolderZip_1.default,
+};
+exports.DEFAULT_FILE_ICON = InsertDriveFile_1.default;
+/** Renders the small icon matching a stored file's extension. */
+function FileTypeIcon({ name }) {
+    var _a;
+    const extension = (_a = (name !== null && name !== void 0 ? name : '').split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+    const Icon = (extension && exports.FILE_TYPE_ICONS[extension]) || exports.DEFAULT_FILE_ICON;
+    return react_1.default.createElement(Icon, null);
+}

package/dist/components/details/DetailFieldBySchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DetailFieldBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/details/DetailFieldBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAMxD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,QAAQ,EACR,WAAW,EACX,KAAK,EACL,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,EACf,mBAAmB,GACpB,EAAE,wBAAwB,4BAgJ1B"}
+{"version":3,"file":"DetailFieldBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/details/DetailFieldBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAQxD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,QAAQ,EACR,WAAW,EACX,KAAK,EACL,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,EACf,mBAAmB,GACpB,EAAE,wBAAwB,4BA6K1B"}

package/dist/components/details/DetailFieldBySchema.js

@@ -11,10 +11,13 @@ const List_1 = __importDefault(require("@mui/material/List"));
 const ListItem_1 = __importDefault(require("@mui/material/ListItem"));
 const ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
 const Button_1 = __importDefault(require("@mui/material/Button"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const Download_1 = __importDefault(require("@mui/icons-material/Download"));
 const DRFReactBySchemaContext_1 = require("../../context/DRFReactBySchemaContext");
 const styles_1 = require("../../styles");
 const Image_1 = __importDefault(require("../Image"));
+const FileTypeIcon_1 = __importDefault(require("../FileTypeIcon"));
+const GeoThumbCell_1 = __importDefault(require("../DataGridBySchemaEditable/GeoThumbCell"));
 function DetailFieldBySchema({ fieldKey, fieldSchema, value, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }) {
     const { serverEndPoint } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
     if (!fieldSchema) {
@@ -24,7 +27,8 @@ function DetailFieldBySchema({ fieldKey, fieldSchema, value, sxField, sxLabel, s
     if (!value) {
         return react_1.default.createElement(Box_1.default, { sx: sxField }, "-");
     }
-    switch (fieldSchema.type) {
+    const fieldType = fieldSchema.type;
+    switch (fieldType) {
         case 'nested object':
         case 'field':
             const multiple = fieldSchema.many || false;
@@ -39,7 +43,7 @@ function DetailFieldBySchema({ fieldKey, fieldSchema, value, sxField, sxLabel, s
                 react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, value.valueStr)));
         case 'choice':
         case 'list':
-            const multipleChoice = fieldSchema.type === 'list' || fieldSchema.many ? true : false;
+            const multipleChoice = fieldType === 'list' || fieldSchema.many ? true : false;
             if (multipleChoice) {
                 return (react_1.default.createElement(Box_1.default, { sx: sxField },
                     react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, value.title),
@@ -57,7 +61,10 @@ function DetailFieldBySchema({ fieldKey, fieldSchema, value, sxField, sxLabel, s
         case 'file upload':
             return (react_1.default.createElement(Box_1.default, { sx: sxField },
                 react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, value.title),
-                react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, value.valueStr)));
+                value.value ? (react_1.default.createElement(Stack_1.default, { direction: "row", spacing: 1, alignItems: "center" },
+                    react_1.default.createElement(FileTypeIcon_1.default, { name: value.value.name }),
+                    react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue },
+                        react_1.default.createElement(Button_1.default, { href: `${serverEndPoint === null || serverEndPoint === void 0 ? void 0 : serverEndPoint.url}${value.value.url}`, target: "_blank", variant: "outlined", startIcon: react_1.default.createElement(Download_1.default, null) }, value.valueStr)))) : (react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, "-"))));
         case 'image upload':
             return (react_1.default.createElement(Box_1.default, { sx: sxField },
                 react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, value.title),
@@ -65,6 +72,14 @@ function DetailFieldBySchema({ fieldKey, fieldSchema, value, sxField, sxLabel, s
                     react_1.default.createElement(Image_1.default, { sx: styles_1.Layout.detailFieldImg, src: `${serverEndPoint === null || serverEndPoint === void 0 ? void 0 : serverEndPoint.url}${value.value.url}`, alt: value.valueStr }),
                     react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue },
                         react_1.default.createElement(Button_1.default, { href: `${serverEndPoint === null || serverEndPoint === void 0 ? void 0 : serverEndPoint.url}${value.value.url}`, target: "_blank", variant: "contained", startIcon: react_1.default.createElement(Download_1.default, null) }, value.valueStr)))) : (react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, "-"))));
+        case 'point':
+        case 'polygon':
+        case 'multipoint':
+        case 'multipolygon':
+        case 'geometrycollection':
+            return (react_1.default.createElement(Box_1.default, { sx: sxField },
+                react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, value.title),
+                react_1.default.createElement(GeoThumbCell_1.default, { geometry: fieldType, value: value.value })));
         default:
             return (react_1.default.createElement(Box_1.default, { sx: sxField },
                 react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, value.title),

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":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAW,eAAe,EAAiC,MAAM,iBAAiB,CAAC;AAG1F,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACvB,WAAW,EACX,eAAe,EACf,eAAe,EAEf,EAAE,EACF,IAAI,EACJ,SAAS,EACT,eAAe,EACf,QAAQ,EACR,eAAe,EACf,SAAS,EACT,MAAM,EACN,WAAW,EACZ,MAAM,cAAc,CAAC;AAKtB,OAAoB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAM9D,UAAU,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,CAAE,SAAQ,IAAI,CACvD,gBAAgB,CAAC,CAAC,CAAC,EACnB,cAAc,GAAG,WAAW,CAC7B;IACC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,EAAE,CAAC;IACX,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC1B,aAAa,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5B,+EAA+E;IAC/E,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,UAAU,EAAE,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IACtF,yFAAyF;IACzF,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,KAAK,IAAI,CAAC;IACnC,mFAAmF;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE;QACT,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;QACnB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB,CAAC;IACF;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;mCAI+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,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;IAErB,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,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACzB,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,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACnE,eAAe,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAErC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACrD,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACpC;AAED,iBAAS,IAAI,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,EAAE,EACrC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,aAAa,EAEb,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EAAE,UAAU,EAChB,eAAe,EAEf,QAAQ,EACR,QAAQ,EAER,KAAK,EACL,SAAS,EACT,oBAAoB,EACpB,qBAAqB,EACrB,WAAW,EACX,WAAW,EAEX,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EACX,OAAO,EACP,YAAY,EACZ,KAAK,EACL,YAAY,EAEZ,YAAY,EACZ,sBAAsB,EAEtB,WAAW,EACX,YAAY,EACZ,uBAAuB,EACvB,eAAe,EACf,cAAc,EACd,SAAS,EAET,iBAAiB,EACjB,eAAe,EAEf,KAAK,EACL,aAAa,EACb,SAAS,EACT,cAAc,EAEd,WAAW,EACX,aAAa,EAEb,gBAAgB,GACjB,EAAE,SAAS,CAAC,CAAC,CAAC,GACb,IAAI,CACF,uBAAuB,EACrB,IAAI,GACJ,SAAS,GACT,SAAS,GACT,SAAS,GACT,aAAa,GACb,iBAAiB,GACjB,qBAAqB,CACxB,qBA8TF;AAED,eAAe,IAAI,CAAC"}
+{"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,7 +67,10 @@ 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, setError, formState: { errors, isDirty }, register, watch, } = methods;
     const stableDefaults = (0, useDeepMemo_1.useDeepMemo)(defaults);
@@ -172,7 +175,19 @@ function Form({ model, objId, defaults, objTitleField, onSave, onDelete, onCance
                 exit(newId);
                 break;
         }
-    }), [loadData, model, objId, onSubmit, pageForm, reset, resetPageForm, exit, editPath, genericNavigate, setError]);
+    }), [
+        loadData,
+        model,
+        objId,
+        onSubmit,
+        pageForm,
+        reset,
+        resetPageForm,
+        exit,
+        editPath,
+        genericNavigate,
+        setError,
+    ]);
     const updateFormTools = (0, react_1.useCallback)(() => {
         const currentFormTools = formToolsRef.current;
         if (!currentFormTools ||
@@ -241,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,19 @@
+import React from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import 'leaflet/dist/leaflet.css';
+import 'leaflet-draw';
+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;AAElC,OAAO,cAAc,CAAC;AACtB,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,250 @@
+"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");
+// leaflet-draw does not export; augments global L with Control.Draw.
+require("leaflet-draw");
+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';