drf-react-by-schema 0.28.8 → 0.28.9

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { GridRenderEditCellParams } from '@mui/x-data-grid';
+import { SxProps, Theme } from '@mui/material/styles';
+export default function BooleanInputCell(props: GridRenderEditCellParams & {
+    sx?: SxProps<Theme>;
+    helperText?: string;
+}): React.JSX.Element;
+//# sourceMappingURL=BooleanInputCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanInputCell.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/BooleanInputCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAqB,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAMtD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,KAAK,EAAE,wBAAwB,GAAG;IAChC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,qBA0DF"}

package/dist/components/DataGridBySchemaEditable/BooleanInputCell.js

@@ -0,0 +1,86 @@
+"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 = BooleanInputCell;
+const react_1 = __importStar(require("react"));
+const x_data_grid_1 = require("@mui/x-data-grid");
+const FormControl_1 = __importDefault(require("@mui/material/FormControl"));
+const FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
+const Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
+// TODO: allow edit option label, as in formautocomplete!
+function BooleanInputCell(props) {
+    const { field, id, value, sx = {}, error, helperText, hasFocus, 
+    // tabIndex,
+    // cellMode,
+    // isEditable,
+    // api,
+    // row,
+    colDef,
+    // ...other
+     } = props;
+    const apiRef = (0, x_data_grid_1.useGridApiContext)();
+    const inputCallbackRef = (0, react_1.useCallback)((node) => {
+        if (node !== null && hasFocus) {
+            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 });
+    });
+    return (react_1.default.createElement(FormControl_1.default, { error: error },
+        react_1.default.createElement(Checkbox_1.default, { key: field, id: field, checked: value, inputRef: inputCallbackRef, slotProps: {
+                input: {
+                    'aria-label': `Editar ${colDef.headerName || field}. Pressione Enter para salvar toda a linha.`,
+                },
+            }, onChange: (event) => {
+                handleChange(event.target.checked);
+            }, sx: sx, color: error ? 'error' : 'primary' }),
+        helperText && react_1.default.createElement(FormHelperText_1.default, { error: error }, helperText)));
+}

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

@@ -0,0 +1,12 @@
+import React, { RefObject } from 'react';
+import { GridApiCommunity } from '@mui/x-data-grid/models/api/gridApiCommunity';
+import { GridRenderEditCellParams } from '@mui/x-data-grid';
+import { ConditionalVisible } from '../../@types';
+interface ConditionalWrapperProps extends GridRenderEditCellParams {
+    apiRef: RefObject<GridApiCommunity>;
+    conditionalVisible: ConditionalVisible[];
+    children: React.ReactElement;
+}
+export default function ConditionalEditWrapper(props: ConditionalWrapperProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ConditionalEditWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalEditWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/ConditionalEditWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAsB,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAGL,wBAAwB,EACzB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAQ,MAAM,cAAc,CAAC;AAIxD,UAAU,uBAAwB,SAAQ,wBAAwB;IAChE,MAAM,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACpC,kBAAkB,EAAE,kBAAkB,EAAE,CAAC;IACzC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,KAAK,EAAE,uBAAuB,qBAiC5E"}

package/dist/components/DataGridBySchemaEditable/ConditionalEditWrapper.js

@@ -0,0 +1,71 @@
+"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 = ConditionalEditWrapper;
+const react_1 = __importStar(require("react"));
+const x_data_grid_1 = require("@mui/x-data-grid");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const utils_1 = require("../../utils");
+const styles_1 = require("../../styles");
+function ConditionalEditWrapper(props) {
+    const { id, field, conditionalVisible, apiRef, children } = props;
+    const rowValues = (0, x_data_grid_1.useGridSelector)(apiRef, () => {
+        const state = (0, x_data_grid_1.gridEditRowsStateSelector)(apiRef.current.state);
+        const rowEditState = state[id];
+        if (!rowEditState) {
+            return {};
+        }
+        const onlyValues = {};
+        Object.keys(rowEditState).forEach((key) => {
+            onlyValues[key] = rowEditState[key].value;
+        });
+        return onlyValues;
+    });
+    const isVisible = (0, react_1.useMemo)(() => {
+        return (0, utils_1.showConditionalVisibleFieldObj)(field, conditionalVisible, rowValues);
+    }, [conditionalVisible, field, rowValues]);
+    (0, react_1.useEffect)(() => {
+        if (!isVisible) {
+            apiRef.current.setEditCellValue({ id, field, value: null });
+        }
+    }, [apiRef, field, id, isVisible]);
+    if (!isVisible) {
+        return react_1.default.createElement(Box_1.default, { sx: styles_1.Layout.conditionalVisible }, "-");
+    }
+    return children;
+}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+type FConfirmDialogProps = {
+    open: boolean;
+    onClose: React.MouseEventHandler<HTMLButtonElement>;
+    onConfirm: React.MouseEventHandler<HTMLButtonElement>;
+};
+export declare const ConfirmDialog: React.MemoExoticComponent<({ open, onClose, onConfirm }: FConfirmDialogProps) => React.JSX.Element>;
+export {};
+//# sourceMappingURL=ConfirmDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACvD,CAAC;AAaF,eAAO,MAAM,aAAa,2DAZ4B,mBAAmB,uBAYlB,CAAC"}

package/dist/components/DataGridBySchemaEditable/ConfirmDialog.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmDialog = void 0;
+const react_1 = __importDefault(require("react"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const Dialog_1 = __importDefault(require("@mui/material/Dialog"));
+const DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
+const DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
+const DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
+const FConfirmDialog = ({ open, onClose, onConfirm }) => {
+    return (react_1.default.createElement(Dialog_1.default, { open: open, onClose: onClose },
+        react_1.default.createElement(DialogTitle_1.default, null, "Confirmar"),
+        react_1.default.createElement(DialogContent_1.default, null, "Tem certeza de que voc\u00EA quer remover este item?"),
+        react_1.default.createElement(DialogActions_1.default, null,
+            react_1.default.createElement(Button_1.default, { onClick: onClose }, "Cancelar"),
+            react_1.default.createElement(Button_1.default, { onClick: onConfirm }, "Remover"))));
+};
+exports.ConfirmDialog = react_1.default.memo(FConfirmDialog);

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { GridToolbarProps } from '@mui/x-data-grid';
+import { BulkDeleteData, BulkUpdateData, GridEnrichedBySchemaColDef, Id, Item, OnSelectActions } from '../../@types';
+export type CustomToolbarProps = GridToolbarProps & {
+    preparedColumns: GridEnrichedBySchemaColDef[];
+    setPreparedColumns: (p: null | GridEnrichedBySchemaColDef[]) => void;
+    onSelectActions?: OnSelectActions[];
+    selectionModel: Item[];
+    bulkUpdateData: BulkUpdateData;
+    bulkDeleteData: BulkDeleteData;
+    bulkCreateData: (p: Id[]) => void;
+    hideColumnsButton?: boolean;
+    hideFilterButton?: boolean;
+    hideDensityButton?: boolean;
+    hideExportButton?: boolean;
+    hideQuickFilterBar?: boolean;
+    handleExportExcel?: () => void;
+    paginationMode?: 'client' | 'server';
+};
+/**
+ *
+ *
+ * @returns Custom Toolbar for the grid
+ */
+export declare const CustomToolbar: ({ preparedColumns, setPreparedColumns, onSelectActions, selectionModel, bulkUpdateData, bulkDeleteData, bulkCreateData, hideColumnsButton, hideFilterButton, hideDensityButton, hideExportButton, hideQuickFilterBar, handleExportExcel, paginationMode, ...otherProps }: CustomToolbarProps) => React.JSX.Element;
+//# sourceMappingURL=CustomToolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/CustomToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAOL,gBAAgB,EACjB,MAAM,kBAAkB,CAAC;AAS1B,OAAO,EACL,cAAc,EACd,cAAc,EACd,0BAA0B,EAC1B,EAAE,EACF,IAAI,EACJ,eAAe,EAChB,MAAM,cAAc,CAAC;AAGtB,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG;IAClD,eAAe,EAAE,0BAA0B,EAAE,CAAC;IAC9C,kBAAkB,EAAE,CAAC,CAAC,EAAE,IAAI,GAAG,0BAA0B,EAAE,KAAK,IAAI,CAAC;IACrE,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,cAAc,EAAE,IAAI,EAAE,CAAC;IACvB,cAAc,EAAE,cAAc,CAAC;IAC/B,cAAc,EAAE,cAAc,CAAC;IAC/B,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACtC,CAAC;AAOF;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,0QAgB3B,kBAAkB,sBA6IpB,CAAC"}

package/dist/components/DataGridBySchemaEditable/CustomToolbar.js

@@ -0,0 +1,146 @@
+"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 __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.CustomToolbar = void 0;
+const react_1 = __importStar(require("react"));
+const x_data_grid_1 = require("@mui/x-data-grid");
+const styles_1 = require("@mui/material/styles");
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Expand_1 = __importDefault(require("@mui/icons-material/Expand"));
+const ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
+const Menu_1 = __importDefault(require("@mui/material/Menu"));
+const MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
+const utils_1 = require("./utils");
+const DensitySelector = () => (
+// <GridToolbarDensitySelector sx={{ ml: '10px', fontSize: '13px' }} placeholder="" />
+react_1.default.createElement(x_data_grid_1.GridToolbarDensitySelector, null));
+/**
+ *
+ *
+ * @returns Custom Toolbar for the grid
+ */
+const CustomToolbar = (_a) => {
+    var _b, _c, _d, _e;
+    var { preparedColumns, setPreparedColumns, onSelectActions, selectionModel, bulkUpdateData, bulkDeleteData, bulkCreateData, hideColumnsButton, hideFilterButton, hideDensityButton = true, hideExportButton, hideQuickFilterBar, handleExportExcel, paginationMode } = _a, otherProps = __rest(_a, ["preparedColumns", "setPreparedColumns", "onSelectActions", "selectionModel", "bulkUpdateData", "bulkDeleteData", "bulkCreateData", "hideColumnsButton", "hideFilterButton", "hideDensityButton", "hideExportButton", "hideQuickFilterBar", "handleExportExcel", "paginationMode"]);
+    const theme = (0, styles_1.useTheme)();
+    const [resizeMenuAnchorEl, setResizeMenuAnchorEl] = (0, react_1.useState)(null);
+    const isResizeMenuOpen = Boolean(resizeMenuAnchorEl);
+    const openResizeMenu = (event) => {
+        setResizeMenuAnchorEl(event.currentTarget);
+    };
+    const closeResizeMenu = () => {
+        setResizeMenuAnchorEl(null);
+    };
+    const [actionsMenuAnchorEl, setActionsMenuAnchorEl] = (0, react_1.useState)(null);
+    const isActionsMenuOpen = Boolean(actionsMenuAnchorEl);
+    const openActionsMenu = (event) => {
+        setActionsMenuAnchorEl(event.currentTarget);
+    };
+    const closeActionsMenu = () => {
+        setActionsMenuAnchorEl(null);
+    };
+    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;
+    return (react_1.default.createElement(x_data_grid_1.GridToolbarContainer, null,
+        react_1.default.createElement(Box_1.default, { sx: { width: '100%' } },
+            react_1.default.createElement(Box_1.default, { sx: { width: '100%' } },
+                react_1.default.createElement(Box_1.default, { role: "toolbar", "aria-label": "Ferramentas da tabela", sx: { display: 'flex', justifyContent: 'space-between', width: '100%' } },
+                    react_1.default.createElement(Box_1.default, { sx: { display: 'flex', flexWrap: 'wrap' } },
+                        onSelectActions && onSelectActions.length > 0 && selectionModel.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
+                            react_1.default.createElement(Button_1.default, { onClick: openActionsMenu, "aria-label": `Ações para ${selectionModel.length} itens selecionados`, sx: { ml: '0px', fontSize: '13px', color: '#000' } },
+                                react_1.default.createElement(ArrowDropDown_1.default, { sx: { mr: '6px' } }),
+                                "A\u00E7\u00F5es (",
+                                selectionModel.length,
+                                ")"),
+                            react_1.default.createElement(Menu_1.default, { anchorEl: actionsMenuAnchorEl, open: isActionsMenuOpen, onClose: closeActionsMenu }, onSelectActions.map((selectAction, index) => (react_1.default.createElement(MenuItem_1.default, { key: `onSelectAction_${index}`, onClick: () => {
+                                    closeActionsMenu();
+                                    if (typeof selectAction.action === 'string') {
+                                        const ids = selectionModel.map((item) => item.id);
+                                        if (selectAction.action === 'bulkDelete') {
+                                            bulkDeleteData(ids);
+                                            return;
+                                        }
+                                        if (selectAction.action === 'bulkCreate') {
+                                            bulkCreateData(ids);
+                                            return;
+                                        }
+                                    }
+                                    // Action is a method:
+                                    selectAction.action(selectionModel, bulkUpdateData);
+                                } }, selectAction.title)))))),
+                        !hideColumnsButton && (
+                        // @ts-expect-error - Ignore missing event handlers (they don't actually exist)
+                        react_1.default.createElement(x_data_grid_1.GridToolbarColumnsButton, { sx: { ml: '10px', fontSize: '13px' }, placeholder: "" })),
+                        !hideFilterButton && (
+                        // @ts-expect-error - Ignore missing event handlers (they don't actually exist)
+                        react_1.default.createElement(x_data_grid_1.GridToolbarFilterButton, { sx: { ml: '10px', fontSize: '13px' }, placeholder: "" })),
+                        !hideDensityButton && (react_1.default.createElement(react_1.default.Fragment, null,
+                            react_1.default.createElement(DensitySelector, null),
+                            react_1.default.createElement(Button_1.default, { onClick: openResizeMenu, "aria-label": "Ajustar colunas", sx: { ml: '0px', fontSize: '13px' } },
+                                react_1.default.createElement(Expand_1.default, { sx: { transform: 'rotate(90deg)', mr: '6px' } }),
+                                "Ajustar"),
+                            react_1.default.createElement(Menu_1.default, { anchorEl: resizeMenuAnchorEl, open: isResizeMenuOpen, onClose: closeResizeMenu },
+                                react_1.default.createElement(MenuItem_1.default, { onClick: () => {
+                                        closeResizeMenu();
+                                        setPreparedColumns((0, utils_1.resizeColumns)(preparedColumns, 'fitScreen'));
+                                    } }, "Ajustar \u00E0 tela"),
+                                react_1.default.createElement(MenuItem_1.default, { onClick: () => {
+                                        closeResizeMenu();
+                                        setPreparedColumns((0, utils_1.resizeColumns)(preparedColumns, 'maxContent'));
+                                    } }, "Ajustar ao conte\u00FAdo")))),
+                        !hideExportButton &&
+                            (paginationMode === 'server' && handleExportExcel ? (react_1.default.createElement(Button_1.default, { onClick: handleExportExcel, "aria-label": "Exportar para Excel", sx: { ml: '0px', fontSize: '13px' } }, "Exportar")) : (
+                            // @ts-expect-error - Ignore missing sx prop
+                            react_1.default.createElement(x_data_grid_1.GridToolbarExport, { sx: { ml: '0px', fontSize: '13px' } })))),
+                    !hideQuickFilterBar && (react_1.default.createElement(Box_1.default, { className: "quickFilterBarWrapper" },
+                        react_1.default.createElement(x_data_grid_1.GridToolbarQuickFilter, Object.assign({}, otherProps.quickFilterProps, { slotProps: {
+                                htmlInput: { 'aria-label': quickFilterLabel },
+                            } })))))))));
+};
+exports.CustomToolbar = CustomToolbar;

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

@@ -0,0 +1,73 @@
+import React, { RefObject } from 'react';
+import { GridRowId, GridRenderCellParams, GridColumnVisibilityModel } from '@mui/x-data-grid';
+import { GridApiCommunity } from '@mui/x-data-grid/models/api/gridApiCommunity';
+import { AnySchema } from 'yup';
+import { CustomToolbarProps } from './CustomToolbar';
+declare module '@mui/x-data-grid' {
+    interface ToolbarPropsOverrides extends CustomToolbarProps {
+    }
+}
+import { SxProps, Theme } from '@mui/material/styles';
+import { Item, SchemaType, Id, GridEnrichedBySchemaColDef, PaginationModel, OnSelectActions, OptionsAC, CustomAction, LinkComponentType, ExtraValidators, CustomFormFieldLayouts, FieldKey, CustomColumnOperations, PartialItem, RowAction, NonEditableRowAction, TField, WatchEditingRowValues } from '../../@types';
+import { OnEditModelType } from '../../context/APIWrapperContext';
+interface DataGridDesktopProps<T extends TField = void> {
+    schema: SchemaType<T>;
+    apiRef: RefObject<GridApiCommunity>;
+    dataGridRows: Item<T>[];
+    setDataGridRows: (value: React.SetStateAction<Item<T>[]>) => void;
+    rowCount?: number;
+    columns: GridEnrichedBySchemaColDef<T>[];
+    columnVisibilityModel?: GridColumnVisibilityModel;
+    model: string;
+    fieldKey?: FieldKey<T>;
+    labelKey?: FieldKey<T>;
+    index?: number;
+    name?: string;
+    indexField?: FieldKey<T>;
+    addExistingModel?: string;
+    indexFieldMinWidth?: number;
+    indexFieldBasePath?: string;
+    indexFieldViewBasePath?: string;
+    stateToLink?: object;
+    minWidth?: number;
+    loading?: boolean;
+    modelParentId?: Id;
+    modelParent?: string;
+    customColumnOperations?: CustomColumnOperations<T>;
+    customFieldFormLayouts?: CustomFormFieldLayouts<T>;
+    customLinkDestination?: (p: GridRenderCellParams) => string;
+    LinkComponent?: LinkComponentType;
+    onProcessRow?: (p?: Item<T>) => void;
+    watchEditingRowValues?: WatchEditingRowValues;
+    onEditModel?: (p: OnEditModelType<T>) => void;
+    isEditable?: boolean;
+    nonEditableActions?: NonEditableRowAction<T>[];
+    hasBulkSelect?: boolean;
+    onSelectActions?: OnSelectActions[];
+    sx?: SxProps<Theme>;
+    isAutoHeight?: boolean;
+    defaultValues?: PartialItem<T>;
+    hideFooterPagination?: boolean;
+    setVisibleRows?: (p: GridRowId[]) => void;
+    paginationModel?: PaginationModel;
+    setPaginationModel?: (x: PaginationModel) => void;
+    hideFooterComponent?: boolean;
+    hideToolbarComponent?: boolean;
+    tableAutoHeight?: boolean;
+    actions?: RowAction<T>[];
+    customActions?: CustomAction[];
+    hideColumnsButton?: boolean;
+    hideFilterButton?: boolean;
+    hideDensityButton?: boolean;
+    hideExportButton?: boolean;
+    hideQuickFilterBar?: boolean;
+    optionsAC?: OptionsAC<T>;
+    extraValidators?: ExtraValidators<T>;
+    emptyItem: PartialItem<T>;
+    handleDeleteClick: (id: Id) => void;
+    setSnackBar: React.Dispatch<React.SetStateAction<Item>>;
+    yupValidationSchema: AnySchema | null;
+}
+declare function DataGridDesktop<T extends TField = void>({ schema, apiRef, dataGridRows, setDataGridRows, rowCount, columns, columnVisibilityModel, model, name, indexField, addExistingModel, indexFieldMinWidth, indexFieldBasePath, indexFieldViewBasePath, stateToLink, minWidth, loading, modelParent, modelParentId, customColumnOperations, customFieldFormLayouts, customLinkDestination, LinkComponent, onProcessRow, watchEditingRowValues, onEditModel, isEditable, nonEditableActions, hasBulkSelect, onSelectActions, sx: sxProp, isAutoHeight, defaultValues, hideFooterPagination, setVisibleRows, paginationModel, setPaginationModel, hideFooterComponent, hideToolbarComponent, tableAutoHeight, actions, customActions, hideColumnsButton, hideFilterButton, hideDensityButton, hideExportButton, hideQuickFilterBar, optionsAC: optionsACExternal, extraValidators, emptyItem, handleDeleteClick, setSnackBar, yupValidationSchema, }: DataGridDesktopProps<T>): React.JSX.Element;
+export default DataGridDesktop;
+//# sourceMappingURL=DataGridDesktop.d.ts.map

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

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