drf-react-by-schema 0.28.7 → 0.28.9

package/dist/components/DataGridBySchemaEditable/DataGridDesktop.js

@@ -0,0 +1,421 @@
+"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 x_data_grid_1 = require("@mui/x-data-grid");
+const Check_1 = __importDefault(require("@mui/icons-material/Check"));
+const Bolt_1 = __importDefault(require("@mui/icons-material/Bolt"));
+const Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
+const Close_1 = __importDefault(require("@mui/icons-material/Close"));
+const Edit_1 = __importDefault(require("@mui/icons-material/Edit"));
+const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+const GridActionsCellItemLink_1 = require("./GridActionsCellItemLink");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
+const styles_1 = require("../../styles");
+const APIWrapperContext_1 = require("../../context/APIWrapperContext");
+const utils_1 = require("../../utils");
+const utils_2 = require("./utils");
+const CustomToolbar_1 = require("./CustomToolbar");
+const FooterToolbar_1 = require("./FooterToolbar");
+const useOptionsAC_1 = require("./hooks/useOptionsAC");
+const usePreparedColumns_1 = require("./hooks/usePreparedColumns");
+const useDataGridActions_1 = require("./hooks/useDataGridActions");
+const useProcessRowUpdate_1 = require("./hooks/useProcessRowUpdate");
+const RowEditingWatcher_1 = __importDefault(require("./RowEditingWatcher"));
+function DataGridDesktop({ schema, apiRef, dataGridRows, setDataGridRows, rowCount = 0, columns, columnVisibilityModel, model, name = Math.floor(Math.random() * 1000000).toString(), indexField = 'nome', addExistingModel, indexFieldMinWidth = 350, indexFieldBasePath = '', indexFieldViewBasePath, stateToLink = {}, minWidth = 80, loading, modelParent, modelParentId, customColumnOperations, customFieldFormLayouts, customLinkDestination, LinkComponent, onProcessRow, watchEditingRowValues, onEditModel, isEditable = false, nonEditableActions, hasBulkSelect, onSelectActions, sx: sxProp, isAutoHeight, defaultValues, hideFooterPagination, setVisibleRows, paginationModel, setPaginationModel, hideFooterComponent, hideToolbarComponent, tableAutoHeight, actions = ['editInline', 'remove'], customActions, hideColumnsButton, hideFilterButton, hideDensityButton, hideExportButton, hideQuickFilterBar, optionsAC: optionsACExternal, extraValidators, emptyItem, handleDeleteClick, setSnackBar, yupValidationSchema, }) {
+    const [dataGridLoading, setDataGridLoading] = (0, react_1.useState)(false);
+    const [isRowEditing, setIsRowEditing] = (0, react_1.useState)();
+    const [validationErrors, setValidationErrors] = (0, react_1.useState)({});
+    const [selectionModel, setSelectionModel] = (0, react_1.useState)([]);
+    const [selectionModelIds, setSelectionModelIds] = (0, react_1.useState)([]);
+    const processingRow = (0, react_1.useRef)(null);
+    const handleStopEditing = () => {
+        setIsRowEditing(undefined);
+    };
+    const handleStartEditing = (id) => {
+        setIsRowEditing(id);
+    };
+    const { setDialog, onEditModel: APIOnEditModel } = (0, APIWrapperContext_1.useAPIWrapper)();
+    if (!onEditModel) {
+        onEditModel = APIOnEditModel;
+    }
+    const handleSaveRow = (0, react_1.useCallback)((id) => {
+        if (id) {
+            apiRef.current.stopRowEditMode({ id });
+        }
+    }, [apiRef]);
+    const handleCancelRow = (0, react_1.useCallback)((id) => {
+        if (id) {
+            apiRef.current.stopRowEditMode({ id, ignoreModifications: true });
+            handleStopEditing();
+            if ((0, utils_1.isTmpId)(id)) {
+                (0, utils_2.deleteRow)({ id, apiRef, setDataGridRows });
+            }
+        }
+    }, [apiRef, setDataGridRows]);
+    const { optionsAC, updateOptionsAC } = (0, useOptionsAC_1.useOptionsAC)({
+        columns,
+        schema,
+        optionsACExternal,
+    });
+    const { handleAddItem, bulkUpdateData, bulkDeleteData, bulkCreateData, handleExportExcel } = (0, useDataGridActions_1.useDataGridActions)({
+        apiRef,
+        dataGridRows,
+        setDataGridRows,
+        setSnackBar,
+        emptyItem,
+        defaultValues,
+        model,
+        modelParent,
+        modelParentId,
+        schema,
+        setSelectionModel,
+        setSelectionModelIds,
+        setDataGridLoading,
+        indexField,
+        handleStartEditing,
+        isRowEditing,
+        onProcessRow,
+    });
+    const { preparedColumns, setPreparedColumns } = (0, usePreparedColumns_1.usePreparedColumns)({
+        apiRef,
+        schema,
+        columns,
+        isEditable,
+        actions,
+        customActions,
+        LinkComponent,
+        indexFieldBasePath,
+        indexFieldViewBasePath,
+        stateToLink,
+        validationErrors,
+        optionsAC,
+        onEditModel,
+        customFieldFormLayouts,
+        setDialog,
+        indexField,
+        addExistingModel,
+        indexFieldMinWidth,
+        minWidth,
+        customColumnOperations,
+        customLinkDestination,
+    });
+    const { processRowUpdate } = (0, useProcessRowUpdate_1.useProcessRowUpdate)({
+        preparedColumns,
+        indexField,
+        schema,
+        model,
+        yupValidationSchema,
+        extraValidators,
+        onEditModel,
+        onProcessRow,
+        updateOptionsAC,
+        apiRef,
+        setDataGridRows,
+        setDataGridLoading,
+        setValidationErrors,
+        processingRow,
+        modelParent,
+        modelParentId,
+        addExistingModel,
+        handleStopEditing,
+    });
+    // Column width grows with icon count; floor at 100 so the default two actions stay unchanged.
+    const actionCount = (isEditable ? actions.length : (nonEditableActions === null || nonEditableActions === void 0 ? void 0 : nonEditableActions.length) || 0) + ((customActions === null || customActions === void 0 ? void 0 : customActions.length) || 0);
+    const actionsColumnWidth = Math.max(100, actionCount * 40);
+    const actionColumn = (0, react_1.useMemo)(() => ({
+        field: 'actions',
+        type: 'actions',
+        headerName: '',
+        width: actionsColumnWidth,
+        getActions: (params) => {
+            const { id } = params;
+            if (isRowEditing === id) {
+                return [
+                    react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: "save", icon: react_1.default.createElement(Check_1.default, null), label: "Salvar", onClick: () => handleSaveRow(id), color: "success" }),
+                    react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: "cancel", icon: react_1.default.createElement(Close_1.default, null), label: "Cancelar", onClick: () => {
+                            handleCancelRow(id);
+                        }, color: "inherit" }),
+                ];
+            }
+            const actionItems = [];
+            const effActions = isEditable ? actions : nonEditableActions !== null && nonEditableActions !== void 0 ? nonEditableActions : [];
+            effActions.forEach((action) => {
+                var _a, _b;
+                switch (action) {
+                    case 'editInline':
+                        actionItems.push(react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `editInline_${id}`, icon: effActions.includes('edit') ? react_1.default.createElement(Bolt_1.default, null) : react_1.default.createElement(Edit_1.default, null), label: "Editar essa linha na tabela", onClick: () => {
+                                const visibleColumns = apiRef.current.getAllColumns();
+                                const firstEditableCol = visibleColumns.find((col) => col.editable && col.field !== 'actions');
+                                const fieldToFocus = firstEditableCol === null || firstEditableCol === void 0 ? void 0 : firstEditableCol.field;
+                                if (isRowEditing) {
+                                    handleCancelRow(isRowEditing);
+                                }
+                                apiRef.current.startRowEditMode({ id, fieldToFocus });
+                                handleStartEditing(id);
+                            }, color: "inherit" }));
+                        break;
+                    case 'remove':
+                        actionItems.push(react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `remove_${id}`, icon: react_1.default.createElement(Delete_1.default, null), label: "Apagar essa linha", onClick: () => {
+                                if ((0, utils_1.isTmpId)(id)) {
+                                    (0, utils_2.deleteRow)({ id, apiRef, setDataGridRows });
+                                    return;
+                                }
+                                handleDeleteClick(id);
+                            }, color: "error" }));
+                        break;
+                    case 'edit':
+                        if (!LinkComponent) {
+                            console.log('you must pass LinkComponent prop to navigate externally');
+                            break;
+                        }
+                        actionItems.push(react_1.default.createElement(GridActionsCellItemLink_1.GridActionsCellItemLink, { key: `edit_${id}`, icon: react_1.default.createElement(Edit_1.default, null), label: "Editar esse item em janela separada", color: "inherit", component: LinkComponent, to: (0, utils_2.buildEditPath)(indexFieldBasePath, id), state: stateToLink }));
+                        break;
+                    case 'view':
+                        if (!LinkComponent) {
+                            console.log('you must pass LinkComponent prop to navigate externally');
+                            break;
+                        }
+                        if (!indexFieldViewBasePath) {
+                            console.log('For view action to work, you must supply indexFieldViewBasePath prop!');
+                            break;
+                        }
+                        actionItems.push(react_1.default.createElement(GridActionsCellItemLink_1.GridActionsCellItemLink, { key: `view_${id}`, icon: react_1.default.createElement(Visibility_1.default, null), label: "Visualizar esse item em janela separada", color: "inherit", component: LinkComponent, to: (0, utils_2.buildEditPath)(indexFieldViewBasePath, id), state: stateToLink }));
+                        break;
+                    default: {
+                        // Custom row action supplied as an object (CustomRowAction) inside
+                        // the `actions` prop. It renders a single icon button whose click
+                        // calls `handleClick` with the row's item. Works for any grid,
+                        // including related lists without checkbox/row selection.
+                        const rowAction = action;
+                        if (typeof rowAction !== 'string' && rowAction.icon) {
+                            actionItems.push(react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `${(_a = rowAction.label) !== null && _a !== void 0 ? _a : 'custom'}_${id}`, icon: rowAction.icon, label: (_b = rowAction.label) !== null && _b !== void 0 ? _b : 'Ação personalizada', onClick: () => rowAction.handleClick(dataGridRows.find((row) => row.id === id)) }));
+                        }
+                        break;
+                    }
+                }
+            });
+            if (customActions) {
+                customActions.forEach((customAction) => {
+                    actionItems.push(react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `${customAction.key}_${id}`, icon: customAction.icon, label: customAction.label, onClick: () => customAction.handleClick(dataGridRows.find((row) => row.id === id)) }));
+                });
+            }
+            return actionItems;
+        },
+    }), [
+        apiRef,
+        handleDeleteClick,
+        isRowEditing,
+        dataGridRows,
+        LinkComponent,
+        actions,
+        nonEditableActions,
+        isEditable,
+        customActions,
+        actionsColumnWidth,
+        indexFieldBasePath,
+        indexFieldViewBasePath,
+        stateToLink,
+    ]);
+    const InternalFooter = (0, react_1.useCallback)(() => (react_1.default.createElement(FooterToolbar_1.FooterToolbar, { isEditable: isEditable, handleAddItem: handleAddItem, isRowEditing: isRowEditing, handleSaveRow: handleSaveRow, handleCancelRow: handleCancelRow })), [isEditable, handleAddItem, isRowEditing, handleSaveRow, handleCancelRow]);
+    const checkboxSelection = hasBulkSelect ? true : undefined;
+    const disableRowSelectionOnClick = hasBulkSelect ? true : undefined;
+    const sx = Object.assign(Object.assign({}, sxProp), (isAutoHeight || tableAutoHeight
+        ? {
+            '&.MuiDataGrid-root--densityCompact .MuiDataGrid-cell': { py: '8px' },
+            '&.MuiDataGrid-root--densityStandard .MuiDataGrid-cell': { py: '15px' },
+            '&.MuiDataGrid-root--densityComfortable .MuiDataGrid-cell': { py: '22px' },
+        }
+        : {}));
+    return (react_1.default.createElement(Box_1.default, { className: `dataGrid_${name}${isAutoHeight || tableAutoHeight ? ' dataGrid-autoHeight' : ''}`, sx: Object.assign({ height: '100%', width: '100%', maxWidth: '100%', display: 'grid' }, sxProp) }, preparedColumns === null ? (react_1.default.createElement(Box_1.default, { sx: styles_1.Layout.loadingBox },
+        react_1.default.createElement(CircularProgress_1.default, null))) : (react_1.default.createElement(x_data_grid_1.DataGrid, { apiRef: apiRef, 
+        // TODO: check if commenting this onKeyDown resurfaces a problem of enter propagation submiting a form
+        // onKeyDown={(event) => {
+        //   if (event.key !== 'Enter') {
+        //     return;
+        //   }
+        //   const target = event.target as HTMLElement;
+        //   // Enter in an editing cell must not submit an enclosing form.
+        //   if (target.closest('.MuiDataGrid-cell--editing')) {
+        //     event.preventDefault();
+        //   }
+        // }}
+        rows: dataGridRows, columns: isEditable || nonEditableActions
+            ? [actionColumn, ...(preparedColumns || [])]
+            : preparedColumns || [], getCellClassName: ({ id, cellMode, field }) => {
+            if (cellMode !== 'edit') {
+                return '';
+            }
+            const rowError = validationErrors[id];
+            return rowError && rowError[field] ? 'cell--error' : '';
+        }, editMode: "row", loading: dataGridLoading || loading, hideFooterPagination: hideFooterPagination, getRowHeight: ({ id }) => {
+            if (isRowEditing === id || isAutoHeight || tableAutoHeight) {
+                return 'auto';
+            }
+            return null;
+        }, isCellEditable: ({ row, field }) => {
+            // const isRowEditing = apiRef.current.getRowMode(row.id) === 'edit';
+            const isPermanentRow = !(0, utils_1.isTmpId)(row.id);
+            const isIndexField = field === indexField;
+            const indexColumn = preparedColumns === null || preparedColumns === void 0 ? void 0 : preparedColumns.find((col) => col.field === indexField);
+            const hasValueFormatter = (indexColumn === null || indexColumn === void 0 ? void 0 : indexColumn.valueFormatter) !== undefined;
+            const isIndexFieldEditable = !(indexField in optionsAC) || hasValueFormatter;
+            return (
+            // isRowEditing &&
+            isPermanentRow || ((0, utils_1.isTmpId)(row.id) && (isIndexField || isIndexFieldEditable)));
+        }, checkboxSelection: checkboxSelection, onRowSelectionModelChange: (newSelectionModel) => {
+            const selectedData = dataGridRows.filter((item) => newSelectionModel.includes(item.id));
+            setSelectionModel(selectedData);
+            setSelectionModelIds([...newSelectionModel]);
+        }, rowSelectionModel: selectionModelIds, disableRowSelectionOnClick: disableRowSelectionOnClick, onRowEditStart: (params) => {
+            console.log({ onRowEditStart: params.reason, id: params.id, isRowEditing });
+            if (isRowEditing) {
+                handleSaveRow(isRowEditing);
+            }
+            handleStartEditing(params.id);
+        }, onRowEditStop: (params, event) => {
+            console.log({ onRowEditStop: params.reason });
+            if (params.reason === 'rowFocusOut') {
+                const isInsideGrid = !('target' in event);
+                if (!isInsideGrid) {
+                    event.defaultMuiPrevented = true;
+                }
+                return;
+            }
+            const fieldSchema = params.field ? schema[params.field] : undefined;
+            if (params.reason === 'enterKeyDown' &&
+                ['date', 'datetime', 'nested object', 'field', 'choice', 'list'].includes((fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.type) || '')) {
+                event.defaultMuiPrevented = true;
+                return;
+            }
+            // Escape key prevents saving:
+            if (params.reason === 'escapeKeyDown') {
+                handleCancelRow(params.id);
+            }
+        }, processRowUpdate: processRowUpdate, onProcessRowUpdateError: (e) => {
+            setDataGridLoading(false);
+            if (e.message === 'CANCEL_TMP_ROW') {
+                return;
+            }
+            // if (processingRow.current) {
+            //   apiRef.current.startRowEditMode({ id: processingRow.current });
+            // }
+            let msg = 'Ocorreu um erro desconhecido ao salvar.';
+            if (e.message === 'Validation Error') {
+                msg = 'Não foi possível salvar os dados. Confira os erros nos campos.';
+            }
+            else if (e.message) {
+                msg = e.message;
+            }
+            setSnackBar({
+                open: true,
+                severity: 'error',
+                msg,
+            });
+            console.log(e);
+        }, slots: {
+            // toolbar: hideToolbarComponent ? () => <React.Fragment /> : CustomToolbar,
+            toolbar: (props) => (react_1.default.createElement(react_1.default.Fragment, null,
+                isEditable && watchEditingRowValues && (react_1.default.createElement(RowEditingWatcher_1.default, { watchEditingRowValues: watchEditingRowValues })),
+                !hideToolbarComponent && react_1.default.createElement(CustomToolbar_1.CustomToolbar, Object.assign({}, props)))),
+            footer: hideFooterComponent ? () => react_1.default.createElement(react_1.default.Fragment, null) : InternalFooter,
+        }, slotProps: {
+            toolbar: {
+                preparedColumns: preparedColumns || [],
+                setPreparedColumns: setPreparedColumns,
+                selectionModel: selectionModel,
+                onSelectActions: onSelectActions,
+                bulkUpdateData: bulkUpdateData,
+                bulkDeleteData,
+                bulkCreateData,
+                hideColumnsButton,
+                hideFilterButton,
+                hideDensityButton,
+                hideExportButton,
+                hideQuickFilterBar,
+                showQuickFilter: true,
+                quickFilterProps: { debounceMs: 500 },
+                handleExportExcel: paginationModel
+                    ? () => handleExportExcel(paginationModel)
+                    : undefined,
+                paginationMode: paginationModel ? 'server' : 'client',
+            },
+            filterPanel: {
+                sx: {
+                    '& .MuiDataGrid-filterFormValueInput': {
+                        width: 300,
+                    },
+                },
+            },
+        }, 
+        // sx={sx}
+        sx: Object.assign(Object.assign({}, sx), { width: '100%', minWidth: 0 }), paginationMode: paginationModel ? 'server' : 'client', paginationModel: paginationModel
+            ? { page: paginationModel.page, pageSize: paginationModel.pageSize }
+            : undefined, onPaginationModelChange: (newModel) => {
+            if (setPaginationModel && paginationModel) {
+                setPaginationModel(Object.assign(Object.assign({}, paginationModel), { page: newModel.page, pageSize: newModel.pageSize }));
+            }
+        }, initialState: {
+            columns: { columnVisibilityModel },
+            pagination: !paginationModel ? { paginationModel: { pageSize: 100 } } : undefined,
+        }, rowCount: paginationModel && typeof rowCount !== 'undefined' ? rowCount : undefined, pageSizeOptions: paginationModel ? [paginationModel.pageSize] : [5, 10, 25, 50, 100], filterMode: paginationModel ? 'server' : 'client', onFilterModelChange: (newFilter) => {
+            if (setPaginationModel && paginationModel) {
+                setPaginationModel(Object.assign(Object.assign({}, paginationModel), { filter: newFilter }));
+            }
+        }, sortingMode: paginationModel ? 'server' : 'client', onSortModelChange: (newSorting) => {
+            if (setPaginationModel && paginationModel) {
+                setPaginationModel(Object.assign(Object.assign({}, paginationModel), { sort: newSorting }));
+            }
+        }, onStateChange: (state) => {
+            if (setVisibleRows) {
+                const visibleRows = (0, x_data_grid_1.gridFilteredSortedRowIdsSelector)(state, apiRef.current.instanceId);
+                setVisibleRows(visibleRows);
+            }
+        } }))));
+}
+// const shouldMemoUpdate = (prevProps: DataGridDesktopProps, nextProps: DataGridDesktopProps) => {
+//   return (
+//     prevProps.dataGridRows === nextProps.dataGridRows &&
+//     prevProps.loading === nextProps.loading &&
+//     prevProps.schema === nextProps.schema &&
+//     prevProps.columns === nextProps.columns
+//   );
+// };
+// export default React.memo(DataGridDesktop, shouldMemoUpdate);
+exports.default = DataGridDesktop;

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

@@ -0,0 +1,18 @@
+import React, { ReactElement } from 'react';
+import { CustomColumnOperations, GridEnrichedBySchemaColDef, Item, MobileListRenderItemType, PaginationModel, SchemaType } from '../../@types';
+interface DataGridMobileProps {
+    name: string;
+    data: Item[];
+    columns: GridEnrichedBySchemaColDef[];
+    schema: SchemaType;
+    customColumnOperations?: CustomColumnOperations;
+    MobileListRenderItem: MobileListRenderItemType;
+    MobileRenderNoResults?: () => ReactElement | null;
+    hideQuickFilterBar?: boolean;
+    paginationModel?: PaginationModel;
+    setPaginationModel?: (x: PaginationModel) => void;
+    rowCount: number;
+}
+declare const DataGridMobile: React.ForwardRefExoticComponent<DataGridMobileProps & React.RefAttributes<unknown>>;
+export default DataGridMobile;
+//# sourceMappingURL=DataGridMobile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridMobile.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/DataGridMobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,YAAY,EAAuB,MAAM,OAAO,CAAC;AAI7E,OAAO,EACL,sBAAsB,EAEtB,0BAA0B,EAC1B,IAAI,EACJ,wBAAwB,EACxB,eAAe,EACf,UAAU,EAEX,MAAM,cAAc,CAAC;AAItB,UAAU,mBAAmB;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,OAAO,EAAE,0BAA0B,EAAE,CAAC;IACtC,MAAM,EAAE,UAAU,CAAC;IACnB,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAChD,oBAAoB,EAAE,wBAAwB,CAAC;IAC/C,qBAAqB,CAAC,EAAE,MAAM,YAAY,GAAG,IAAI,CAAC;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,cAAc,qFA0GnB,CAAC;AAGF,eAAe,cAAc,CAAC"}

package/dist/components/DataGridBySchemaEditable/DataGridMobile.js

@@ -0,0 +1,105 @@
+"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 });
+const react_1 = __importStar(require("react"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const utils_1 = require("../../utils");
+const MobileSearchBar_1 = __importDefault(require("./MobileSearchBar"));
+const DataGridMobile = (0, react_1.forwardRef)(({ name, columns, schema, data, customColumnOperations, MobileListRenderItem, MobileRenderNoResults, hideQuickFilterBar, paginationModel, setPaginationModel,
+// rowCount,
+ }, _) => {
+    const [preparedColumns, setPreparedColumns] = (0, react_1.useState)([]);
+    const [formattedData, setFormattedData] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        const initColumns = () => __awaiter(void 0, void 0, void 0, function* () {
+            const preparedColumns = yield (0, utils_1.initViewColumns)({ columns, schema, customColumnOperations });
+            setPreparedColumns(preparedColumns);
+        });
+        initColumns();
+    }, [columns, schema, customColumnOperations]);
+    (0, react_1.useEffect)(() => {
+        if (preparedColumns.length === 0) {
+            return;
+        }
+        const newData = [];
+        for (const item of data) {
+            const newItem = {};
+            for (const column of preparedColumns) {
+                const field = column.field;
+                if (field in item) {
+                    newItem[field] = {
+                        title: column.headerName || '',
+                        valueStr: column.valueFormatter
+                            ? column.valueFormatter(item[field], item, column, undefined)
+                            : item[field],
+                        value: item[field],
+                    };
+                }
+            }
+            newData.push({ item: newItem, id: item.id });
+        }
+        setFormattedData(newData);
+    }, [data, preparedColumns]);
+    return (react_1.default.createElement(Box_1.default, null,
+        !hideQuickFilterBar && paginationModel && setPaginationModel && (react_1.default.createElement("div", { className: "quickFilterBarWrapper" },
+            react_1.default.createElement(MobileSearchBar_1.default, { paginationModel: paginationModel, setPaginationModel: setPaginationModel }))),
+        formattedData.length === 0 && (react_1.default.createElement(react_1.default.Fragment, null, MobileRenderNoResults ? (react_1.default.createElement(MobileRenderNoResults, null)) : (react_1.default.createElement(Typography_1.default, null, "N\u00E3o h\u00E1 resultados")))),
+        formattedData.length > 0 && (react_1.default.createElement(Box_1.default, { sx: {
+                display: 'grid',
+                gap: { xs: 1.5, sm: 2 },
+                gridTemplateColumns: {
+                    xs: '1fr',
+                    sm: 'repeat(2, 1fr)',
+                    md: 'repeat(3, 1fr)',
+                    lg: 'repeat(4, 1fr)',
+                },
+                alignItems: 'stretch',
+            } }, formattedData.map((row, index) => (react_1.default.createElement(MobileListRenderItem, { key: `${name}_${index}`, item: row.item, id: row.id, index: index })))))));
+});
+DataGridMobile.displayName = 'DataGridMobile';
+exports.default = DataGridMobile;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileInputCell.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/FileInputCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAqB,MAAM,kBAAkB,CAAC;AAE/E,OAAO,EAAU,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AA2B9D,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,KAAK,EAAE,wBAAwB,GAAG;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,qBAmIF"}