drf-react-by-schema 0.28.8 → 0.28.9

package/dist/components/DataGridBySchemaEditable/FileInputCell.js

@@ -0,0 +1,155 @@
+"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 __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 __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 = FileInputCell;
+const react_1 = __importStar(require("react"));
+const x_data_grid_1 = require("@mui/x-data-grid");
+const styles_1 = require("@mui/material/styles");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const FormControl_1 = __importDefault(require("@mui/material/FormControl"));
+const FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
+const CloudUpload_1 = __importDefault(require("@mui/icons-material/CloudUpload"));
+const DRFReactBySchemaContext_1 = require("../../context/DRFReactBySchemaContext");
+const utils_1 = require("../../utils");
+const VisuallyHiddenInput = (0, styles_1.styled)('input')({
+    clip: 'rect(0 0 0 0)',
+    clipPath: 'inset(50%)',
+    height: 1,
+    overflow: 'hidden',
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    whiteSpace: 'nowrap',
+    width: 1,
+});
+function FileInputCell(props) {
+    const { field, id, value, accept, fileType, required, sx = {}, error, helperText, hasFocus } = props, other = __rest(props, ["field", "id", "value", "accept", "fileType", "required", "sx", "error", "helperText", "hasFocus"]);
+    const colDef = props.colDef;
+    const apiRef = (0, x_data_grid_1.useGridApiContext)();
+    const inputCallbackRef = (0, react_1.useCallback)((node) => {
+        if (node !== null && hasFocus) {
+            requestAnimationFrame(() => {
+                node.focus();
+            });
+        }
+    }, [hasFocus]);
+    const { serverEndPoint } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
+    const handleChange = (newValue) => __awaiter(this, void 0, void 0, function* () {
+        yield apiRef.current.setEditCellValue({ id, field, value: newValue });
+        // apiRef.current.stopCellEditMode({ id, field });
+    });
+    const fileTypeStr = fileType === 'image upload' ? 'imagem' : 'documento';
+    return (react_1.default.createElement(FormControl_1.default, { component: "fieldset", sx: { width: '100%' }, error: error },
+        react_1.default.createElement(FormControlLabel_1.default, { control: react_1.default.createElement(Box_1.default, { sx: Object.assign({ display: 'flex', flexDirection: 'column', alignItems: 'center', width: '100%' }, sx) },
+                !(value === null || value === void 0 ? void 0 : value.name) ? null : ((value === null || value === void 0 ? void 0 : value.url) || (value === null || value === void 0 ? void 0 : value.src)) && fileType === 'image upload' ? (react_1.default.createElement("img", { src: value.url ? `${serverEndPoint === null || serverEndPoint === void 0 ? void 0 : serverEndPoint.url}${value.url}` : value.src, alt: value.name, title: value.name, style: {
+                        width: '100%',
+                        maxHeight: '100px',
+                        objectFit: 'cover',
+                    } })) : (react_1.default.createElement(Typography_1.default, { variant: "body2", sx: { mb: 1 } },
+                    value.name.split('/').pop(),
+                    " (",
+                    (0, utils_1.formatFileSize)(value.size),
+                    ")")),
+                react_1.default.createElement(Button_1.default, Object.assign({ component: "label", variant: "outlined", startIcon: react_1.default.createElement(CloudUpload_1.default, null), disabled: colDef.disabled === true, fullWidth: true, sx: { mt: 1 }, color: error ? 'error' : 'primary', autoFocus: hasFocus }, other),
+                    value ? `Trocar ${fileTypeStr}` : `Enviar ${fileTypeStr}`,
+                    react_1.default.createElement(VisuallyHiddenInput, { type: "file", ref: inputCallbackRef, onChange: (e) => {
+                            var _a;
+                            const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
+                            if (file) {
+                                if (file.type.startsWith('image/')) {
+                                    const reader = new FileReader();
+                                    reader.onload = (event) => {
+                                        const src = event.target ? event.target.result : undefined;
+                                        const newValue = {
+                                            name: file.name,
+                                            size: file.size,
+                                            type: file.type,
+                                            src,
+                                            file,
+                                        };
+                                        handleChange(newValue);
+                                        // if (onValueChange) {
+                                        //   onValueChange(newValue);
+                                        // }
+                                    };
+                                    reader.readAsDataURL(file);
+                                    return;
+                                }
+                                const newValue = {
+                                    name: file.name,
+                                    size: file.size,
+                                    type: file.type,
+                                    file,
+                                };
+                                handleChange(newValue);
+                                // if (onValueChange) {
+                                //   onValueChange(newValue);
+                                // }
+                            }
+                        }, accept: accept }))), label: '', 
+            // labelPlacement="top"
+            required: required, sx: {
+                width: '100%',
+                alignItems: 'flex-start',
+                marginLeft: 0,
+            } }),
+        helperText && react_1.default.createElement(FormHelperText_1.default, null, helperText)));
+}

package/dist/components/DataGridBySchemaEditable/FooterToolbar.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Id } from '../../@types';
+type FooterToolbarProps = {
+    isEditable: boolean;
+    handleAddItem: () => void;
+    isRowEditing?: Id;
+    handleSaveRow: (p: Id) => void;
+    handleCancelRow: (p: Id) => void;
+};
+export declare const FooterToolbar: ({ isEditable, handleAddItem, isRowEditing, handleSaveRow, handleCancelRow, }: FooterToolbarProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=FooterToolbar.d.ts.map

package/dist/components/DataGridBySchemaEditable/FooterToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/FooterToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAGlC,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,EAAE,CAAC;IAClB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC;IAC/B,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,8EAM3B,kBAAkB,sBA0DpB,CAAC"}

package/dist/components/DataGridBySchemaEditable/FooterToolbar.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FooterToolbar = void 0;
+const react_1 = __importDefault(require("react"));
+const x_data_grid_1 = require("@mui/x-data-grid");
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Add_1 = __importDefault(require("@mui/icons-material/Add"));
+const Check_1 = __importDefault(require("@mui/icons-material/Check"));
+const Cancel_1 = __importDefault(require("@mui/icons-material/Cancel"));
+const utils_1 = require("../../utils");
+const FooterToolbar = ({ isEditable, handleAddItem, isRowEditing, handleSaveRow, handleCancelRow, }) => {
+    const handleCancelThisRow = () => {
+        if (isRowEditing) {
+            handleCancelRow(isRowEditing);
+        }
+    };
+    const handleSaveThisRow = () => {
+        if (isRowEditing) {
+            handleSaveRow(isRowEditing);
+        }
+    };
+    return (react_1.default.createElement(x_data_grid_1.GridFooterContainer, { role: "rowgroup" },
+        react_1.default.createElement(Box_1.default, { role: "row", sx: { width: '100%' } },
+            react_1.default.createElement(Box_1.default, { role: "gridcell", sx: { width: '100%' } },
+                react_1.default.createElement(Box_1.default, { role: "region", "aria-label": "Rodap\u00E9 da tabela", sx: { display: 'flex', justifyContent: 'space-between', width: '100%' } },
+                    isEditable && (react_1.default.createElement(Box_1.default, { role: "region", "aria-label": "Bot\u00F5es para criar e editar linhas" },
+                        react_1.default.createElement(Button_1.default, { color: "primary", disabled: !!isRowEditing && (0, utils_1.isTmpId)(isRowEditing), startIcon: react_1.default.createElement(Add_1.default, null), onClick: handleAddItem, "aria-label": "Adicionar nova linha", sx: { ml: 2 } }, "Adicionar nova linha"),
+                        react_1.default.createElement(Button_1.default, { color: "secondary", variant: "text", disabled: !isRowEditing, startIcon: react_1.default.createElement(Check_1.default, null), onClick: () => handleSaveThisRow(), "aria-label": "Salvar linha", sx: { ml: 2 } }, "Salvar linha"),
+                        react_1.default.createElement(Button_1.default, { color: "secondary", variant: "text", disabled: !isRowEditing, startIcon: react_1.default.createElement(Cancel_1.default, null), onClick: handleCancelThisRow, "aria-label": "Cancelar edi\u00E7\u00E3o da linha", sx: { ml: 2 } }, "Cancelar edi\u00E7\u00E3o da linha"))),
+                    react_1.default.createElement(x_data_grid_1.GridFooter, { sx: isEditable ? { border: 'none' } : { width: '100%' } }))))));
+};
+exports.FooterToolbar = FooterToolbar;

package/dist/components/DataGridBySchemaEditable/GeoEditCell.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { GridRenderEditCellParams } from '@mui/x-data-grid';
+import { GeometryFieldType } from '../../@types';
+interface GeoEditCellProps extends GridRenderEditCellParams {
+    geometry: GeometryFieldType;
+    height?: number;
+}
+export default function GeoEditCell({ id, field, api, value, geometry, height, }: GeoEditCellProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=GeoEditCell.d.ts.map

package/dist/components/DataGridBySchemaEditable/GeoEditCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeoEditCell.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/GeoEditCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAKjD,UAAU,gBAAiB,SAAQ,wBAAwB;IACzD,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,EAAE,EACF,KAAK,EACL,GAAG,EACH,KAAK,EACL,QAAQ,EACR,MAAY,GACb,EAAE,gBAAgB,qBA4DlB"}

package/dist/components/DataGridBySchemaEditable/GeoEditCell.js

@@ -0,0 +1,85 @@
+"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 = GeoEditCell;
+const react_1 = __importStar(require("react"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+const Modal_1 = __importDefault(require("@mui/material/Modal"));
+const Close_1 = __importDefault(require("@mui/icons-material/Close"));
+const styles_1 = require("@mui/material/styles");
+const utils_1 = require("../../utils");
+const MapGeometryPicker_1 = __importDefault(require("../forms/inputs/MapGeometryPicker"));
+const texts_1 = require("../../styles/texts");
+function GeoEditCell({ id, field, api, value, geometry, height = 360, }) {
+    const texts = (0, texts_1.getThemeTexts)((0, styles_1.useTheme)());
+    const geometryTexts = texts.geometry;
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [draft, setDraft] = (0, react_1.useState)((0, utils_1.geometryValueToString)(value));
+    const handleOpen = () => {
+        setDraft((0, utils_1.geometryValueToString)(value));
+        setOpen(true);
+    };
+    const handleChange = (geoJSON) => {
+        const next = geoJSON || '';
+        setDraft(next);
+        // Grid stores GeoJSON as an object (as the server + yup object schema send it).
+        api.setEditCellValue({ id, field, value: (0, utils_1.parseGeoJSON)(geometry, geoJSON) });
+    };
+    return (react_1.default.createElement(Box_1.default, { sx: { display: 'flex', alignItems: 'center' } },
+        react_1.default.createElement(Button_1.default, { size: "small", variant: "outlined", onClick: handleOpen }, value ? geometryTexts.edit : geometryTexts.define),
+        react_1.default.createElement(Modal_1.default, { open: open, onClose: () => setOpen(false), sx: { display: 'flex', alignItems: 'center', justifyContent: 'center', p: 2 } },
+            react_1.default.createElement(Box_1.default, { sx: {
+                    width: '100%',
+                    maxWidth: 760,
+                    maxHeight: '90vh',
+                    overflow: 'auto',
+                    bgcolor: 'background.paper',
+                    boxShadow: 24,
+                    borderRadius: 1,
+                    p: 2,
+                    outline: 'none',
+                } },
+                react_1.default.createElement(Box_1.default, { sx: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 1 } },
+                    react_1.default.createElement(Typography_1.default, { variant: "h6" }, geometryTexts.drawSelectTitle),
+                    react_1.default.createElement(IconButton_1.default, { onClick: () => setOpen(false), "aria-label": geometryTexts.close, size: "small" },
+                        react_1.default.createElement(Close_1.default, null))),
+                react_1.default.createElement(MapGeometryPicker_1.default, { geometry: geometry, value: draft, onChange: handleChange, height: height })))));
+}

package/dist/components/DataGridBySchemaEditable/GeoThumbCell.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { GeometryFieldType, GenericValue } from '../../@types';
+interface GeoThumbCellProps {
+    geometry: GeometryFieldType;
+    value: GenericValue;
+    width?: number;
+    height?: number;
+}
+export default function GeoThumbCell({ geometry, value, width, height, }: GeoThumbCellProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=GeoThumbCell.d.ts.map

package/dist/components/DataGridBySchemaEditable/GeoThumbCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeoThumbCell.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/GeoThumbCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AA8B/D,UAAU,iBAAiB;IACzB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,KAAK,EACL,KAAwB,EACxB,MAAyB,GAC1B,EAAE,iBAAiB,qBAqCnB"}

package/dist/components/DataGridBySchemaEditable/GeoThumbCell.js

@@ -0,0 +1,87 @@
+"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 = GeoThumbCell;
+const react_1 = __importStar(require("react"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const react_leaflet_1 = require("react-leaflet");
+const leaflet_1 = __importDefault(require("leaflet"));
+const leafletMarker_1 = require("../forms/inputs/leafletMarker");
+const utils_1 = require("../../utils");
+const geoConstants_1 = require("./geoConstants");
+// L.geoJSON point markers use L.Icon.Default; ensure it points at a servable icon.
+(0, leafletMarker_1.applyDefaultLeafletIcon)();
+// Fits the rendered geometry and keeps the thumb static (no pan/zoom).
+function FitGeometry({ data }) {
+    const map = (0, react_leaflet_1.useMap)();
+    (0, react_1.useEffect)(() => {
+        if (!data) {
+            return;
+        }
+        const layer = leaflet_1.default.geoJSON(data).addTo(map);
+        const bounds = layer.getBounds();
+        if (bounds.isValid()) {
+            // Pad + cap the zoom so a point/geometry shows surrounding context.
+            map.fitBounds(bounds, { padding: [60, 60], maxZoom: 14 });
+        }
+        // MapContainer may have mounted before the cell got its final size.
+        const t = window.setTimeout(() => map.invalidateSize(), 0);
+        return () => {
+            window.clearTimeout(t);
+            layer.remove();
+        };
+    }, [data, map]);
+    return null;
+}
+function GeoThumbCell({ geometry, value, width = geoConstants_1.GIS_THUMB_SIZE.w, height = geoConstants_1.GIS_THUMB_SIZE.h, }) {
+    const data = (0, utils_1.parseGeoJSON)(geometry, value);
+    if (!data) {
+        return react_1.default.createElement(Box_1.default, { sx: { width, height }, "data-testid": `geo-thumb-empty-${geometry}` });
+    }
+    return (react_1.default.createElement(Box_1.default, { sx: {
+            width,
+            height,
+            overflow: 'hidden',
+            borderRadius: 1,
+            border: 1,
+            borderColor: 'divider',
+        } },
+        react_1.default.createElement(react_leaflet_1.MapContainer, { center: [-14.2, -51.9], zoom: 4, style: { width: '100%', height: '100%' }, zoomControl: false, attributionControl: false, dragging: false, scrollWheelZoom: false, doubleClickZoom: false, boxZoom: false, keyboard: false, touchZoom: false },
+            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(FitGeometry, { data: data }))));
+}

package/dist/components/DataGridBySchemaEditable/GridActionsCellItemLink.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { GridActionsCellItemProps } from '@mui/x-data-grid';
+import { LinkComponentType } from '../../@types';
+/**
+ * A type-safe wrapper for GridActionsCellItem that properly handles custom props
+ * for link components (like React Router's Link).
+ *
+ * This component solves the TypeScript issue where GridActionsCellItem doesn't
+ * natively accept custom props like 'to' and 'state' that are needed for routing.
+ */
+interface GridActionsCellItemLinkProps extends Omit<GridActionsCellItemProps, 'component'> {
+    component: LinkComponentType;
+    to: string | object;
+    state?: object;
+}
+export declare const GridActionsCellItemLink: React.FC<GridActionsCellItemLinkProps>;
+export {};
+//# sourceMappingURL=GridActionsCellItemLink.d.ts.map

package/dist/components/DataGridBySchemaEditable/GridActionsCellItemLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridActionsCellItemLink.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/GridActionsCellItemLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD;;;;;;GAMG;AAEH,UAAU,4BAA6B,SAAQ,IAAI,CAAC,wBAAwB,EAAE,WAAW,CAAC;IACtF,SAAS,EAAE,iBAAiB,CAAC;IAC7B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAa1E,CAAC"}

package/dist/components/DataGridBySchemaEditable/GridActionsCellItemLink.js

@@ -0,0 +1,24 @@
+"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.GridActionsCellItemLink = void 0;
+const react_1 = __importDefault(require("react"));
+const x_data_grid_1 = require("@mui/x-data-grid");
+const GridActionsCellItemLink = (_a) => {
+    var { component, to, state } = _a, rest = __rest(_a, ["component", "to", "state"]);
+    return (react_1.default.createElement(x_data_grid_1.GridActionsCellItem, Object.assign({}, rest, { component: component }, { to, state })));
+};
+exports.GridActionsCellItemLink = GridActionsCellItemLink;

package/dist/components/DataGridBySchemaEditable/GridDateInput.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { GridRenderEditCellParams } from '@mui/x-data-grid';
+import { DateView } from '@mui/x-date-pickers';
+export default function GridDateInput(props: GridRenderEditCellParams & {
+    dateViews?: DateView[];
+    helperText?: string;
+}): React.JSX.Element;
+//# sourceMappingURL=GridDateInput.d.ts.map

package/dist/components/DataGridBySchemaEditable/GridDateInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridDateInput.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/GridDateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoE,MAAM,OAAO,CAAC;AACzF,OAAO,EAAE,wBAAwB,EAAqB,MAAM,kBAAkB,CAAC;AAI/E,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAiB/C,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,KAAK,EAAE,wBAAwB,GAAG;IAChC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,qBAiIF"}

package/dist/components/DataGridBySchemaEditable/GridDateInput.js

@@ -0,0 +1,166 @@
+"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 __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 = GridDateInput;
+const react_1 = __importStar(require("react"));
+const x_data_grid_1 = require("@mui/x-data-grid");
+const DesktopDatePicker_1 = require("@mui/x-date-pickers/DesktopDatePicker");
+const LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
+const AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
+const dayjs_1 = __importDefault(require("dayjs"));
+const utils_1 = require("../../utils");
+const grid_1 = require("../../styles/grid");
+function buildOpenTo(dateViews) {
+    if (!dateViews || dateViews.includes('day')) {
+        return 'day';
+    }
+    if (dateViews.includes('month')) {
+        return 'month';
+    }
+    return 'year';
+}
+function GridDateInput(props) {
+    const { id, value, field, dateViews, error, helperText, hasFocus, colDef } = props;
+    const apiRef = (0, x_data_grid_1.useGridApiContext)();
+    const [openPicker, setOpenPicker] = (0, react_1.useState)(false);
+    const isShiftPressed = (0, react_1.useRef)(false);
+    // const inputRef = useRef<HTMLInputElement>(null);
+    // const buttonRef = useRef<HTMLButtonElement>(null);
+    const handleOpenPicker = () => {
+        setOpenPicker(true);
+    };
+    const handleCloseCalendar = () => {
+        setOpenPicker(false);
+    };
+    // useLayoutEffect(() => {
+    //   if (hasFocus) {
+    //     if (buttonRef.current) {
+    //       buttonRef.current.focus();
+    //     } else {
+    //       inputRef.current?.focus();
+    //     }
+    //   }
+    // }, [hasFocus, field, apiRef]);
+    const inputCallbackRef = (0, react_1.useCallback)((node) => {
+        if (node && hasFocus) {
+            // Scenario: Forward Tab OR API setCellFocus
+            if (!isShiftPressed.current) {
+                requestAnimationFrame(() => {
+                    node.focus();
+                    node.select();
+                });
+            }
+        }
+    }, [hasFocus]);
+    const buttonCallbackRef = (0, react_1.useCallback)((node) => {
+        if (node && hasFocus) {
+            // Scenario: Backward Tab (Shift + Tab)
+            if (isShiftPressed.current) {
+                requestAnimationFrame(() => {
+                    node.focus();
+                });
+            }
+        }
+    }, [hasFocus]);
+    const inputFormat = (0, utils_1.buildDateFormatBySchema)(dateViews);
+    const handleChange = (newValue) => __awaiter(this, void 0, void 0, function* () {
+        yield apiRef.current.setEditCellValue({ id, field, value: newValue });
+        // apiRef.current.stopCellEditMode({ id, field });
+    });
+    const openTo = buildOpenTo(dateViews);
+    (0, react_1.useEffect)(() => {
+        const handleKeyDown = (e) => {
+            if (e.key === 'Shift')
+                isShiftPressed.current = true;
+        };
+        const handleKeyUp = (e) => {
+            if (e.key === 'Shift')
+                isShiftPressed.current = false;
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        window.addEventListener('keyup', handleKeyUp);
+        return () => {
+            window.removeEventListener('keydown', handleKeyDown);
+            window.removeEventListener('keyup', handleKeyUp);
+        };
+    }, []);
+    return (react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterDayjs_1.AdapterDayjs, adapterLocale: "pt-br" },
+        react_1.default.createElement(DesktopDatePicker_1.DesktopDatePicker, { key: field, open: openPicker, onOpen: handleOpenPicker, onClose: handleCloseCalendar, value: (0, dayjs_1.default)(value), onChange: handleChange, views: dateViews, openTo: openTo, format: inputFormat, slotProps: {
+                textField: {
+                    // margin: 'normal',
+                    inputRef: inputCallbackRef,
+                    sx: grid_1.seamlessTextFieldStyle,
+                    error,
+                    helperText,
+                    inputProps: {
+                        'aria-label': `Editar ${colDef.headerName || field}. Pressione Entre para escolher do calendário ou digite a data.`,
+                    },
+                    onKeyDown: (event) => {
+                        if (event.key === 'Tab' && !event.shiftKey) {
+                            // Force to go to the calendar icon menu
+                            event.stopPropagation();
+                        }
+                        if (event.key === 'Enter') {
+                            handleOpenPicker();
+                        }
+                    },
+                    // ...other,
+                },
+                openPickerButton: {
+                    ref: buttonCallbackRef,
+                    onKeyDown: (event) => {
+                        if (event.key === 'Tab' && event.shiftKey) {
+                            // Force to go back to Input
+                            event.stopPropagation();
+                        }
+                        if (event.key === 'Enter') {
+                            event.stopPropagation();
+                        }
+                    },
+                },
+            } })));
+}

package/dist/components/DataGridBySchemaEditable/GridDateTimeInput.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { GridRenderEditCellParams } from '@mui/x-data-grid';
+export default function GridDateTimeInput(props: GridRenderEditCellParams & {
+    helperText?: string;
+}): React.JSX.Element;
+//# sourceMappingURL=GridDateTimeInput.d.ts.map