drf-react-by-schema 0.28.7 → 0.28.9

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridDateTimeInput.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/GridDateTimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAqB,MAAM,kBAAkB,CAAC;AAS/E,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,KAAK,EAAE,wBAAwB,GAAG;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,qBA6HF"}

package/dist/components/DataGridBySchemaEditable/GridDateTimeInput.js

@@ -0,0 +1,154 @@
+"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 = GridDateTimeInput;
+const react_1 = __importStar(require("react"));
+const x_data_grid_1 = require("@mui/x-data-grid");
+const DesktopDateTimePicker_1 = require("@mui/x-date-pickers/DesktopDateTimePicker");
+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 grid_1 = require("../../styles/grid");
+function GridDateTimeInput(props) {
+    const { id, value, field, 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 handleChange = (newValue) => __awaiter(this, void 0, void 0, function* () {
+        yield apiRef.current.setEditCellValue({ id, field, value: newValue });
+        // apiRef.current.stopCellEditMode({ id, field });
+    });
+    (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(DesktopDateTimePicker_1.DesktopDateTimePicker, { key: field, open: openPicker, onOpen: handleOpenPicker, onClose: handleCloseCalendar, value: (0, dayjs_1.default)(value), onChange: handleChange, 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/GridDecimalInput.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridDecimalInput.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/GridDecimalInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAqB,MAAM,kBAAkB,CAAC;AAW/E,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,KAAK,EAAE,wBAAwB,GAAG;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,qBAiEF"}

package/dist/components/DataGridBySchemaEditable/GridDecimalInput.js

@@ -0,0 +1,78 @@
+"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 = GridDecimalInput;
+const react_1 = __importStar(require("react"));
+const x_data_grid_1 = require("@mui/x-data-grid");
+const react_number_format_1 = require("react-number-format");
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
+const grid_1 = require("../../styles/grid");
+function GridDecimalInput(props) {
+    const { id, value, field, decimalPlaces, prefix, suffix, isCurrency, colDef, error, helperText, hasFocus, } = props;
+    const apiRef = (0, x_data_grid_1.useGridApiContext)();
+    const inputCallbackRef = (0, react_1.useCallback)((node) => {
+        if (node !== null && hasFocus) {
+            requestAnimationFrame(() => {
+                node.focus();
+                node.select();
+            });
+        }
+    }, [hasFocus]);
+    const prefixFinal = isCurrency ? 'R$ ' : prefix !== '' ? `${prefix} ` : '';
+    const suffixFinal = suffix !== '' ? ` ${suffix}` : '';
+    const decimalScale = typeof decimalPlaces === 'undefined' ? 2 : decimalPlaces;
+    const handleChange = (newValue) => __awaiter(this, void 0, void 0, function* () {
+        yield apiRef.current.setEditCellValue({ id, field, value: newValue });
+    });
+    return (react_1.default.createElement(react_number_format_1.NumericFormat, { key: field, id: field, inputRef: inputCallbackRef, onValueChange: (values) => {
+            handleChange(values.value);
+        }, value: value, thousandSeparator: ".", decimalSeparator: ",", decimalScale: decimalScale, fixedDecimalScale: true, valueIsNumericString: true, prefix: prefixFinal, suffix: suffixFinal, customInput: TextField_1.default, slotProps: {
+            htmlInput: {
+                'aria-label': `Editar ${colDef.headerName || field}. Pressione Enter para salvar toda a linha.`,
+            },
+        }, error: error, helperText: helperText, sx: grid_1.seamlessTextFieldStyle }));
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { GridRenderCellParams } from '@mui/x-data-grid';
+export interface GridGenericInputProps extends GridRenderCellParams {
+    error?: boolean;
+    helperText?: string;
+}
+export default function GridGenericInput(props: GridGenericInputProps): React.JSX.Element;
+//# sourceMappingURL=GridGenericInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridGenericInput.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/GridGenericInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI3E,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IACjE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAsBpE"}

package/dist/components/DataGridBySchemaEditable/GridGenericInput.js

@@ -0,0 +1,30 @@
+"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 = GridGenericInput;
+const react_1 = __importDefault(require("react"));
+const x_data_grid_1 = require("@mui/x-data-grid");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
+function GridGenericInput(props) {
+    const { error, helperText, hasFocus } = props, other = __rest(props, ["error", "helperText", "hasFocus"]);
+    return (react_1.default.createElement(Box_1.default, { sx: { width: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'center' } },
+        react_1.default.createElement(x_data_grid_1.GridEditInputCell, Object.assign({}, other, { error: error, hasFocus: hasFocus, autoFocus: hasFocus, sx: {
+                '& .MuiInputBase-root': { height: '100%' },
+                '& .MuiInputBase-input': { py: helperText ? '4px' : 'inherit' },
+            } })),
+        helperText && (react_1.default.createElement(FormHelperText_1.default, { error: error, sx: { px: 1, pb: 0.5, lineHeight: 1.2, m: 0 } }, helperText))));
+}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { GridRenderEditCellParams } from '@mui/x-data-grid';
+export default function GridPatternInput({ id, value, field, patternFormat, error, helperText, hasFocus, colDef, }: GridRenderEditCellParams & {
+    patternFormat?: string;
+    helperText?: string;
+}): React.JSX.Element;
+//# sourceMappingURL=GridPatternInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridPatternInput.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/GridPatternInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAqB,MAAM,kBAAkB,CAAC;AAK/E,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,EAAE,EACF,KAAK,EACL,KAAK,EACL,aAAqB,EACrB,KAAK,EACL,UAAU,EACV,QAAQ,EACR,MAAM,GACP,EAAE,wBAAwB,GAAG;IAAE,aAAa,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,qBAyC5E"}

package/dist/components/DataGridBySchemaEditable/GridPatternInput.js

@@ -0,0 +1,74 @@
+"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 = GridPatternInput;
+const react_1 = __importStar(require("react"));
+const x_data_grid_1 = require("@mui/x-data-grid");
+const react_number_format_1 = require("react-number-format");
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
+const grid_1 = require("../../styles/grid");
+function GridPatternInput({ id, value, field, patternFormat = 'cpf', error, helperText, hasFocus, colDef, }) {
+    const apiRef = (0, x_data_grid_1.useGridApiContext)();
+    const inputCallbackRef = (0, react_1.useCallback)((node) => {
+        if (node !== null && hasFocus) {
+            requestAnimationFrame(() => {
+                node.focus();
+                node.select();
+            });
+        }
+    }, [hasFocus]);
+    const handleChange = (newValue) => __awaiter(this, void 0, void 0, function* () {
+        yield apiRef.current.setEditCellValue({ id, field, value: newValue });
+    });
+    return (react_1.default.createElement(react_number_format_1.PatternFormat, { key: field, id: field, inputRef: inputCallbackRef, onValueChange: (values) => {
+            handleChange(values.value);
+        }, value: value, valueIsNumericString: true, format: patternFormat, mask: "_", customInput: TextField_1.default, slotProps: {
+            htmlInput: {
+                'aria-label': `Editar ${colDef.headerName || field}. Pressione Enter para salvar toda a linha.`,
+            },
+        }, error: error, helperText: helperText, sx: grid_1.seamlessTextFieldStyle }));
+}

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

@@ -0,0 +1,21 @@
+import React, { RefObject } from 'react';
+import { Id } from '../../@types';
+type FilterValue = [string | undefined, string | undefined] | string;
+type GridFilterItem = {
+    columnField: string;
+    id: Id;
+    operatorValue: string;
+    value: FilterValue;
+};
+type InputIntervalProps = {
+    applyValue: (params: GridFilterItem) => void;
+    focusElementRef?: null | ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement>;
+    item: GridFilterItem;
+    type: string;
+};
+type WrapperProps = Omit<InputIntervalProps, 'type'>;
+export declare const InputNumberInterval: (props: WrapperProps) => React.JSX.Element;
+export declare const InputDateInterval: (props: WrapperProps) => React.JSX.Element;
+export declare const InputFloatInterval: (props: WrapperProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=InputInterval.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputInterval.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/InputInterval.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoB,SAAS,EAAU,MAAM,OAAO,CAAC;AAKnE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,KAAK,WAAW,GAAG,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG,MAAM,CAAC;AAErE,KAAK,cAAc,GAAG;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,EAAE,CAAC;IACP,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EACd,IAAI,GACJ,CAAC,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC,GAC7C,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC9B,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAoKF,KAAK,YAAY,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;AAErD,eAAO,MAAM,mBAAmB,GAAI,OAAO,YAAY,sBAEtD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,YAAY,sBAEpD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,YAAY,sBAErD,CAAC"}

package/dist/components/DataGridBySchemaEditable/InputInterval.js

@@ -0,0 +1,131 @@
+"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.InputFloatInterval = exports.InputDateInterval = exports.InputNumberInterval = void 0;
+const react_1 = __importStar(require("react"));
+const Box_1 = __importDefault(require("@mui/system/Box"));
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
+const react_number_format_1 = require("react-number-format");
+const Sync_1 = __importDefault(require("@mui/icons-material/Sync"));
+const SUBMIT_FILTER_STROKE_TIME = 500;
+const InputInterval = ({ item, applyValue, focusElementRef = null, type }) => {
+    var _a;
+    const filterTimeout = (0, react_1.useRef)(undefined);
+    const [filterValueState, setFilterValueState] = react_1.default.useState((_a = item.value) !== null && _a !== void 0 ? _a : '');
+    const [applying, setIsApplying] = react_1.default.useState(false);
+    react_1.default.useEffect(() => {
+        return () => {
+            clearTimeout(filterTimeout.current);
+        };
+    }, []);
+    react_1.default.useEffect(() => {
+        var _a;
+        const itemValue = (_a = item.value) !== null && _a !== void 0 ? _a : [undefined, undefined];
+        setFilterValueState(itemValue);
+    }, [item.value]);
+    const updateFilterValue = (lowerBound, upperBound) => {
+        clearTimeout(filterTimeout.current);
+        setFilterValueState([lowerBound, upperBound]);
+        setIsApplying(true);
+        filterTimeout.current = setTimeout(() => {
+            setIsApplying(false);
+            applyValue(Object.assign(Object.assign({}, item), { value: [lowerBound, upperBound] }));
+        }, SUBMIT_FILTER_STROKE_TIME);
+    };
+    const handleUpperFilterChange = (event) => {
+        var _a;
+        const newUpperBound = (_a = event.target) === null || _a === void 0 ? void 0 : _a.value;
+        updateFilterValue(filterValueState[0], newUpperBound);
+    };
+    const handleLowerFilterChange = (event) => {
+        var _a;
+        const newLowerBound = (_a = event.target) === null || _a === void 0 ? void 0 : _a.value;
+        updateFilterValue(newLowerBound, filterValueState[1]);
+    };
+    return (react_1.default.createElement(Box_1.default, { sx: {
+            display: 'inline-flex',
+            flexDirection: 'row',
+            alignItems: 'end',
+            height: 48,
+            pl: '20px',
+        } },
+        type === 'number' && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(TextField_1.default, { name: "lower-bound-input", placeholder: "De", label: "De", variant: "standard", value: Number(filterValueState[0]), onChange: handleLowerFilterChange, type: "number", inputRef: focusElementRef, sx: { mr: 2, minWidth: 130 } }),
+            react_1.default.createElement(TextField_1.default, { name: "upper-bound-input", placeholder: "At\u00E9", label: "At\u00E9", variant: "standard", value: Number(filterValueState[1]), onChange: handleUpperFilterChange, type: "number", sx: { minWidth: 130 }, slotProps: {
+                    input: {
+                        endAdornment: applying ? react_1.default.createElement(Sync_1.default, null) : undefined,
+                    }
+                } }))),
+        type === 'float' && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(react_number_format_1.NumericFormat, { name: "lower-bound-input", placeholder: "De", label: "De", variant: "standard", value: Number(filterValueState[0]), onValueChange: (values) => {
+                    handleLowerFilterChange({ target: { value: values.value } });
+                }, thousandSeparator: ".", decimalSeparator: ",", decimalScale: 2, fixedDecimalScale: true, valueIsNumericString: true, inputRef: focusElementRef, sx: { mr: 2, minWidth: 130 }, customInput: TextField_1.default }),
+            react_1.default.createElement(react_number_format_1.NumericFormat, { name: "upper-bound-input", placeholder: "At\u00E9", label: "At\u00E9", variant: "standard", value: Number(filterValueState[1]), onValueChange: (values) => {
+                    handleUpperFilterChange({ target: { value: values.value } });
+                }, thousandSeparator: ".", decimalSeparator: ",", decimalScale: 2, fixedDecimalScale: true, valueIsNumericString: true, sx: { minWidth: 130 }, customInput: TextField_1.default, slotProps: {
+                    input: {
+                        endAdornment: applying ? react_1.default.createElement(Sync_1.default, null) : undefined,
+                    }
+                } }))),
+        type === 'date' && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(TextField_1.default, { name: "lower-bound-input", label: "De", variant: "standard", value: filterValueState[0] || '', onChange: handleLowerFilterChange, type: "date", inputRef: focusElementRef, slotProps: {
+                    inputLabel: {
+                        shrink: true,
+                    }
+                }, sx: { mr: 2, minWidth: 130 } }),
+            react_1.default.createElement(TextField_1.default, { name: "upper-bound-input", label: "At\u00E9", variant: "standard", value: filterValueState[1] || '', onChange: handleUpperFilterChange, type: "date", slotProps: {
+                    input: {
+                        endAdornment: applying ? react_1.default.createElement(Sync_1.default, null) : undefined,
+                    },
+                    inputLabel: {
+                        shrink: true,
+                    }
+                }, sx: { minWidth: 130 } })))));
+};
+const InputNumberInterval = (props) => {
+    return react_1.default.createElement(InputInterval, Object.assign({}, props, { type: "number" }));
+};
+exports.InputNumberInterval = InputNumberInterval;
+const InputDateInterval = (props) => {
+    return react_1.default.createElement(InputInterval, Object.assign({}, props, { type: "date" }));
+};
+exports.InputDateInterval = InputDateInterval;
+const InputFloatInterval = (props) => {
+    return react_1.default.createElement(InputInterval, Object.assign({}, props, { type: "float" }));
+};
+exports.InputFloatInterval = InputFloatInterval;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { PaginationModel } from '../../@types';
+type MobileSearchBarProps = {
+    paginationModel: PaginationModel;
+    setPaginationModel: (x: PaginationModel) => void;
+};
+declare function MobileSearchBar({ paginationModel, setPaginationModel }: MobileSearchBarProps): React.JSX.Element;
+export default MobileSearchBar;
+//# sourceMappingURL=MobileSearchBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileSearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/MobileSearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AASvC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,KAAK,oBAAoB,GAAG;IAC1B,eAAe,EAAE,eAAe,CAAC;IACjC,kBAAkB,EAAE,CAAC,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,iBAAS,eAAe,CAAC,EAAE,eAAe,EAAE,kBAAkB,EAAE,EAAE,oBAAoB,qBAmDrF;AAED,eAAe,eAAe,CAAC"}

package/dist/components/DataGridBySchemaEditable/MobileSearchBar.js

@@ -0,0 +1,70 @@
+"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 });
+const react_1 = __importStar(require("react"));
+const styles_1 = require("@mui/material/styles");
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
+const InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
+const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+const Search_1 = __importDefault(require("@mui/icons-material/Search"));
+const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
+function MobileSearchBar({ paginationModel, setPaginationModel }) {
+    var _a, _b, _c, _d, _e;
+    const theme = (0, styles_1.useTheme)();
+    const q = (0, react_1.useMemo)(() => {
+        var _a;
+        return (((_a = paginationModel.filter) === null || _a === void 0 ? void 0 : _a.quickFilterValues) || [''])[0];
+    }, [(_a = paginationModel.filter) === null || _a === void 0 ? void 0 : _a.quickFilterValues]);
+    const quickFilterLabel = (_e = (_d = (_c = (_b = theme.components) === null || _b === void 0 ? void 0 : _b.MuiDataGrid) === null || _c === void 0 ? void 0 : _c.defaultProps) === null || _d === void 0 ? void 0 : _d.localeText) === null || _e === void 0 ? void 0 : _e.toolbarQuickFilterLabel;
+    const handleSearchChange = (newQ) => {
+        setPaginationModel(Object.assign(Object.assign({}, paginationModel), { filter: Object.assign(Object.assign({ items: [] }, paginationModel.filter), { quickFilterValues: [newQ] }) }));
+    };
+    const handleChangeEvent = (event) => {
+        handleSearchChange(event.target.value);
+    };
+    return (react_1.default.createElement(TextField_1.default, { placeholder: quickFilterLabel, variant: "outlined", size: "small", value: q, InputProps: {
+            startAdornment: (react_1.default.createElement(InputAdornment_1.default, { position: "start" },
+                react_1.default.createElement(Search_1.default, null))),
+            endAdornment: (react_1.default.createElement(InputAdornment_1.default, { position: "end" },
+                react_1.default.createElement(IconButton_1.default, { onClick: () => handleSearchChange(''), "aria-label": "Limpar busca" },
+                    react_1.default.createElement(Clear_1.default, null)))),
+        }, inputProps: {
+            'aria-label': quickFilterLabel,
+        }, fullWidth: true, onChange: handleChangeEvent }));
+}
+exports.default = MobileSearchBar;

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

@@ -0,0 +1,7 @@
+import { TField, WatchEditingRowValues } from '../../@types';
+interface RowEditingWatcherProps<T extends TField> {
+    watchEditingRowValues: WatchEditingRowValues<T>;
+}
+declare function RowEditingWatcher<T extends TField>({ watchEditingRowValues }: RowEditingWatcherProps<T>): null;
+export default RowEditingWatcher;
+//# sourceMappingURL=RowEditingWatcher.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowEditingWatcher.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/RowEditingWatcher.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,MAAM,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAGvE,UAAU,sBAAsB,CAAC,CAAC,SAAS,MAAM;IAC/C,qBAAqB,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC;CACjD;AAED,iBAAS,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,qBAAqB,EAAE,EAAE,sBAAsB,CAAC,CAAC,CAAC,QA6ChG;AAED,eAAe,iBAAiB,CAAC"}