drf-react-by-schema 0.22.3 → 0.23.0

package/dist/components/DataGridBySchemaEditable/hooks/usePreparedColumns.js

@@ -0,0 +1,68 @@
+"use strict";
+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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePreparedColumns = void 0;
+const react_1 = require("react");
+const columnFactory_1 = require("../utils/columnFactory");
+const DRFReactBySchemaContext_1 = require("../../../context/DRFReactBySchemaContext");
+const usePreparedColumns = ({ schema, columns, isEditable, actions, LinkComponent, stateToLink, validationErrors, optionsAC, onEditModel, customFieldFormLayouts, setDialog, indexField, indexFieldMinWidth, minWidth, customColumnOperations, customLinkDestination, indexFieldBasePath, }) => {
+    const { serverEndPoint } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
+    const [preparedColumns, setPreparedColumns] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        const updateColumns = () => __awaiter(void 0, void 0, void 0, function* () {
+            if (serverEndPoint) {
+                const cols = yield (0, columnFactory_1.buildPreparedColumns)({
+                    schema,
+                    columns,
+                    isEditable,
+                    actions,
+                    LinkComponent,
+                    stateToLink,
+                    validationErrors,
+                    optionsAC,
+                    onEditModel,
+                    customFieldFormLayouts,
+                    setDialog,
+                    indexField,
+                    indexFieldMinWidth,
+                    minWidth,
+                    customColumnOperations,
+                    customLinkDestination,
+                    indexFieldBasePath,
+                    serverEndPoint,
+                });
+                setPreparedColumns(cols);
+            }
+        });
+        updateColumns();
+    }, [
+        schema,
+        columns,
+        isEditable,
+        actions,
+        LinkComponent,
+        stateToLink,
+        validationErrors,
+        optionsAC,
+        // onEditModel,
+        customFieldFormLayouts,
+        // setDialog,
+        indexField,
+        indexFieldMinWidth,
+        minWidth,
+        customColumnOperations,
+        customLinkDestination,
+        indexFieldBasePath,
+        serverEndPoint,
+    ]);
+    return { preparedColumns, setPreparedColumns };
+};
+exports.usePreparedColumns = usePreparedColumns;

package/dist/components/DataGridBySchemaEditable/hooks/useProcessRowUpdate.d.ts

@@ -0,0 +1,33 @@
+import { AnySchema } from 'yup';
+import { GridRowId } from '@mui/x-data-grid';
+import { Item, SchemaType, Id, ExtraValidators, OnEditModelType, GridEnrichedBySchemaColDef } from '../../../@types';
+interface UseProcessRowUpdateProps {
+    preparedColumns: GridEnrichedBySchemaColDef[] | null;
+    yupValidationSchema: AnySchema | null;
+    setDataGridLoading: (value: boolean) => void;
+    indexField: string;
+    processingRow: React.RefObject<number | string | null>;
+    setValidationErrors: React.Dispatch<React.SetStateAction<Record<GridRowId, Record<string, string>>>>;
+    modelParent?: string;
+    modelParentId?: Id;
+    model: string;
+    schema: SchemaType;
+    addExistingModel?: string;
+    updateOptionsAC: () => Promise<void>;
+    dataGrid: {
+        data: Item[];
+    };
+    setDataGrid: (value: React.SetStateAction<{
+        data: Item[];
+    }>) => void;
+    onDataChange?: (p: Item[]) => void;
+    onProcessRow?: (p: Item) => void;
+    handleStopEditing: () => void;
+    extraValidators?: ExtraValidators;
+    onEditModel?: (p: OnEditModelType) => void;
+}
+export declare const useProcessRowUpdate: ({ preparedColumns, yupValidationSchema, setDataGridLoading, indexField, processingRow, setValidationErrors, modelParent, modelParentId, model, schema, addExistingModel, updateOptionsAC, dataGrid, setDataGrid, onDataChange, onProcessRow, handleStopEditing, onEditModel, }: UseProcessRowUpdateProps) => {
+    processRowUpdate: (editedRow: Item) => Promise<any>;
+};
+export {};
+//# sourceMappingURL=useProcessRowUpdate.d.ts.map

package/dist/components/DataGridBySchemaEditable/hooks/useProcessRowUpdate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProcessRowUpdate.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGridBySchemaEditable/hooks/useProcessRowUpdate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAmB,MAAM,KAAK,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EACL,IAAI,EACJ,UAAU,EACV,EAAE,EACF,eAAe,EACf,eAAe,EACf,0BAA0B,EAE3B,MAAM,iBAAiB,CAAC;AASzB,UAAU,wBAAwB;IAChC,eAAe,EAAE,0BAA0B,EAAE,GAAG,IAAI,CAAC;IACrD,mBAAmB,EAAE,SAAS,GAAG,IAAI,CAAC;IACtC,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;IACvD,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CACjC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAChE,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,EAAE,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,QAAQ,EAAE;QAAE,IAAI,EAAE,IAAI,EAAE,CAAA;KAAE,CAAC;IAC3B,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC;QAAE,IAAI,EAAE,IAAI,EAAE,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACrE,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,mBAAmB,GAAI,gRAoBjC,wBAAwB;kCAEkB,IAAI;CA2MhD,CAAC"}

package/dist/components/DataGridBySchemaEditable/hooks/useProcessRowUpdate.js

@@ -0,0 +1,219 @@
+"use strict";
+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.useProcessRowUpdate = void 0;
+const axios_1 = __importDefault(require("axios"));
+const utils_1 = require("../../../utils");
+const APIWrapperContext_1 = require("../../../context/APIWrapperContext");
+// import { buildEditPath } from '../utils'; // TODO: Check Why it is missing here
+function isYupValidationError(err) {
+    return err instanceof Error && err.name === 'ValidationError';
+}
+const useProcessRowUpdate = ({ preparedColumns, yupValidationSchema, setDataGridLoading, indexField, processingRow, setValidationErrors, modelParent, modelParentId, model, schema, addExistingModel, updateOptionsAC, dataGrid, setDataGrid, onDataChange, onProcessRow, handleStopEditing, 
+// extraValidators, // TODO: Check why this is missing
+onEditModel, }) => {
+    const { onEditRelatedModelSave, onEditModelDataGridSave } = (0, APIWrapperContext_1.useAPIWrapper)();
+    const processRowUpdate = (editedRow) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
+        const originalRow = dataGrid.data.find((r) => r.id === editedRow.id);
+        if (originalRow && JSON.stringify(originalRow) === JSON.stringify(editedRow)) {
+            console.log('No changes detected, skipping save.');
+            handleStopEditing();
+            if ((0, utils_1.isTmpId)(editedRow.id)) {
+                const newData = dataGrid.data.filter(({ id: rowId }) => editedRow.id !== rowId);
+                setDataGrid({ data: newData });
+                throw new Error('CANCEL_TMP_ROW');
+            }
+            return editedRow;
+        }
+        if (!preparedColumns || !yupValidationSchema) {
+            return false;
+        }
+        setDataGridLoading(true);
+        const indexCol = preparedColumns.find((col) => col.field === indexField);
+        processingRow.current = editedRow.id;
+        try {
+            yield yupValidationSchema.validate(editedRow, { abortEarly: false });
+        }
+        catch (err) {
+            if (isYupValidationError(err)) {
+                const rowErrors = {};
+                err.inner.forEach((e) => {
+                    if (e.path) {
+                        rowErrors[e.path] = e.message;
+                    }
+                    else {
+                        rowErrors['campo desconhecido'] = e.message;
+                    }
+                });
+                setValidationErrors((prev) => (Object.assign(Object.assign({}, prev), { [editedRow.id]: rowErrors })));
+                err.message = Object.entries(rowErrors)
+                    .map(([field, message]) => `${field}: ${message}`)
+                    .join('; ');
+            }
+            setDataGridLoading(false);
+            throw err;
+        }
+        const onlyAddExisting = indexField &&
+            (0, utils_1.isTmpId)(editedRow.id) &&
+            editedRow[indexField] &&
+            !(0, utils_1.isTmpId)(editedRow[indexField].id) &&
+            (!indexCol || !indexCol.valueFormatter);
+        const createNewItem = indexField &&
+            (0, utils_1.isTmpId)(editedRow.id) &&
+            editedRow[indexField] &&
+            (0, utils_1.isTmpId)(editedRow[indexField].id);
+        if (onlyAddExisting) {
+            const row = {};
+            row.id_to_add = editedRow[indexField].id;
+            for (const [key, value] of Object.entries(editedRow[indexField])) {
+                if (key === 'id') {
+                    row[key] = editedRow.id;
+                    continue;
+                }
+                row[key] = value;
+            }
+            editedRow = Object.assign({}, row);
+        }
+        if (createNewItem && editedRow[indexField]) {
+            if (editedRow[indexField].inputValue) {
+                editedRow[indexField] = editedRow[indexField].inputValue;
+            }
+            if (addExistingModel) {
+                editedRow[indexField] = editedRow[indexField].label;
+            }
+        }
+        if (modelParent && modelParentId && onEditRelatedModelSave) {
+            const response = yield onEditRelatedModelSave({
+                model: modelParent,
+                id: modelParentId,
+                relatedModel: model,
+                relatedModelId: editedRow.id,
+                newRow: editedRow,
+                schema,
+                onlyAddExisting,
+            });
+            if (axios_1.default.isAxiosError(response)) {
+                let errorMessage = 'Erro desconhecido no servidor';
+                if (((_a = response.response) === null || _a === void 0 ? void 0 : _a.data) &&
+                    typeof response.response.data === 'object' &&
+                    !Array.isArray(response.response.data)) {
+                    const backendErrors = response.response.data;
+                    const rowErrors = {};
+                    Object.keys(backendErrors).forEach((field) => {
+                        const msgs = backendErrors[field];
+                        if (Array.isArray(msgs)) {
+                            rowErrors[field] = msgs.join(', ');
+                        }
+                        else if (typeof msgs === 'string') {
+                            rowErrors[field] = msgs;
+                        }
+                    });
+                    setValidationErrors((prev) => (Object.assign(Object.assign({}, prev), { [editedRow.id]: rowErrors })));
+                    errorMessage = Object.entries(rowErrors)
+                        .map(([field, message]) => `${field}: ${message}`)
+                        .join('; ');
+                }
+                setDataGridLoading(false);
+                throw new Error(errorMessage);
+            }
+            if (onlyAddExisting || createNewItem || !onlyAddExisting) {
+                setValidationErrors((prev) => {
+                    const newState = Object.assign({}, prev);
+                    delete newState[editedRow.id];
+                    return newState;
+                });
+                updateOptionsAC();
+                const data = [...dataGrid.data];
+                const newRow = 'data' in response && 'schema' in response ? response.data : response;
+                for (const i in data) {
+                    if (data[i].id === editedRow.id) {
+                        data[i] = newRow;
+                        break;
+                    }
+                }
+                if (onDataChange) {
+                    onDataChange(data);
+                }
+                if (onProcessRow) {
+                    onProcessRow(newRow);
+                }
+                setDataGrid({
+                    data,
+                });
+                setDataGridLoading(false);
+                handleStopEditing();
+                return newRow;
+            }
+        }
+        const response = yield onEditModelDataGridSave({
+            model,
+            id: editedRow.id,
+            newRow: editedRow,
+            schema,
+        });
+        if (axios_1.default.isAxiosError(response)) {
+            let errorMessage = 'Erro desconhecido no servidor';
+            if (((_b = response.response) === null || _b === void 0 ? void 0 : _b.data) &&
+                typeof response.response.data === 'object' &&
+                !Array.isArray(response.response.data)) {
+                const backendErrors = response.response.data;
+                const rowErrors = {};
+                Object.keys(backendErrors).forEach((field) => {
+                    const msgs = backendErrors[field];
+                    if (Array.isArray(msgs)) {
+                        rowErrors[field] = msgs.join(', ');
+                    }
+                    else if (typeof msgs === 'string') {
+                        rowErrors[field] = msgs;
+                    }
+                });
+                setValidationErrors((prev) => (Object.assign(Object.assign({}, prev), { [editedRow.id]: rowErrors })));
+                errorMessage = Object.entries(rowErrors)
+                    .map(([field, message]) => `${field}: ${message}`)
+                    .join('; ');
+            }
+            setDataGridLoading(false);
+            throw new Error(errorMessage);
+        }
+        setValidationErrors((prev) => {
+            const newState = Object.assign({}, prev);
+            delete newState[editedRow.id];
+            return newState;
+        });
+        updateOptionsAC();
+        const data = [...dataGrid.data];
+        const newRow = 'data' in response && 'schema' in response ? response.data : response;
+        for (const i in data) {
+            if (data[i].id === editedRow.id) {
+                data[i] = newRow;
+                break;
+            }
+        }
+        if (onDataChange) {
+            onDataChange(data);
+        }
+        if (onProcessRow) {
+            onProcessRow(newRow);
+        }
+        setDataGrid({
+            data,
+        });
+        setDataGridLoading(false);
+        handleStopEditing();
+        return newRow;
+    });
+    return { processRowUpdate };
+};
+exports.useProcessRowUpdate = useProcessRowUpdate;

package/dist/components/DataGridBySchemaEditable/hooks/useRowMode.d.ts

@@ -0,0 +1,18 @@
+import { RefObject } from 'react';
+import { GridRowId } from '@mui/x-data-grid';
+import { GridApiCommunity } from '@mui/x-data-grid/internals';
+import { Item } from '../../../@types';
+export declare const useRowMode: (apiRef: RefObject<GridApiCommunity>) => {
+    validationErrors: Record<GridRowId, Record<string, string>>;
+    setValidationErrors: import("react").Dispatch<import("react").SetStateAction<Record<GridRowId, Record<string, string>>>>;
+    selectionModel: Item[];
+    setSelectionModel: import("react").Dispatch<import("react").SetStateAction<Item[]>>;
+    selectionModelIds: GridRowId[];
+    setSelectionModelIds: import("react").Dispatch<import("react").SetStateAction<GridRowId[]>>;
+    handleSaveClick: (id: GridRowId) => () => void;
+    handleEditInlineClick: (id: GridRowId, fieldToFocus?: string) => () => void;
+    handleCancelClick: (id: GridRowId) => () => void;
+    handleScrollToTop: () => void;
+    isRowEditing: (id: GridRowId) => boolean;
+};
+//# sourceMappingURL=useRowMode.d.ts.map

package/dist/components/DataGridBySchemaEditable/hooks/useRowMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowMode.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGridBySchemaEditable/hooks/useRowMode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,eAAO,MAAM,UAAU,GAAI,QAAQ,SAAS,CAAC,gBAAgB,CAAC;;;;;;;0BAQrD,SAAS;gCAOT,SAAS,iBAAiB,MAAM;4BAYhC,SAAS;;uBAWT,SAAS;CAmBjB,CAAC"}

package/dist/components/DataGridBySchemaEditable/hooks/useRowMode.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRowMode = void 0;
+const react_1 = require("react");
+const useRowMode = (apiRef) => {
+    const [validationErrors, setValidationErrors] = (0, react_1.useState)({});
+    const [selectionModel, setSelectionModel] = (0, react_1.useState)([]);
+    const [selectionModelIds, setSelectionModelIds] = (0, react_1.useState)([]);
+    const handleSaveClick = (0, react_1.useCallback)((id) => () => {
+        apiRef.current.stopRowEditMode({ id });
+    }, [apiRef]);
+    const handleEditInlineClick = (0, react_1.useCallback)((id, fieldToFocus) => () => {
+        setTimeout(() => {
+            apiRef.current.startRowEditMode({ id, fieldToFocus });
+            if (fieldToFocus) {
+                apiRef.current.setCellFocus(id, fieldToFocus);
+            }
+        });
+    }, [apiRef]);
+    const handleCancelClick = (0, react_1.useCallback)((id) => () => {
+        apiRef.current.stopRowEditMode({ id, ignoreModifications: true });
+    }, [apiRef]);
+    const handleScrollToTop = (0, react_1.useCallback)(() => {
+        apiRef.current.scrollToIndexes({ rowIndex: 0 });
+    }, [apiRef]);
+    const isRowEditing = (0, react_1.useCallback)((id) => {
+        return apiRef.current.getRowMode(id) === 'edit';
+    }, [apiRef]);
+    return {
+        validationErrors,
+        setValidationErrors,
+        selectionModel,
+        setSelectionModel,
+        selectionModelIds,
+        setSelectionModelIds,
+        handleSaveClick,
+        handleEditInlineClick,
+        handleCancelClick,
+        handleScrollToTop,
+        isRowEditing,
+    };
+};
+exports.useRowMode = useRowMode;

package/dist/components/DataGridBySchemaEditable/utils/columnFactory.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { GridRowId, GridRenderCellParams } from '@mui/x-data-grid';
+import { SchemaType, GridEnrichedBySchemaColDef, OptionsAC, OnEditModelType, ActionType, CustomAction, LinkComponentType, FormFieldLayout } from '../../../@types';
+import { ServerEndPoint } from '../../../context/DRFReactBySchemaContext';
+import { DialogType } from '../../../context/APIWrapperContext';
+export interface BuildPreparedColumnsProps {
+    schema: SchemaType;
+    columns: GridEnrichedBySchemaColDef[];
+    isEditable: boolean;
+    actions: Partial<ActionType>[];
+    customActions?: CustomAction[];
+    LinkComponent?: LinkComponentType;
+    indexFieldBasePath: string;
+    indexFieldViewBasePath?: string;
+    stateToLink: object;
+    validationErrors: Record<GridRowId, Record<string, string>>;
+    optionsAC: OptionsAC;
+    onEditModel?: (p: OnEditModelType) => void;
+    customFieldFormLayouts?: Record<string, FormFieldLayout[]>;
+    setDialog: React.ActionDispatch<[newState: Partial<DialogType> | null]>;
+    indexField: string;
+    addExistingModel?: string;
+    serverEndPoint: ServerEndPoint;
+    indexFieldMinWidth: number;
+    minWidth: number;
+    customColumnOperations?: (p: GridEnrichedBySchemaColDef) => GridEnrichedBySchemaColDef | Promise<GridEnrichedBySchemaColDef>;
+    customLinkDestination?: (p: GridRenderCellParams) => string;
+}
+export declare const buildPreparedColumns: ({ schema, columns, isEditable, actions, LinkComponent, stateToLink, validationErrors, optionsAC, onEditModel, customFieldFormLayouts, setDialog, indexField, serverEndPoint, indexFieldMinWidth, minWidth, customColumnOperations, customLinkDestination, indexFieldBasePath, }: BuildPreparedColumnsProps) => Promise<GridEnrichedBySchemaColDef[]>;
+//# sourceMappingURL=columnFactory.d.ts.map

package/dist/components/DataGridBySchemaEditable/utils/columnFactory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columnFactory.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGridBySchemaEditable/utils/columnFactory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,SAAS,EACT,oBAAoB,EAGrB,MAAM,kBAAkB,CAAC;AAM1B,OAAO,EACL,UAAU,EACV,0BAA0B,EAC1B,SAAS,EACT,eAAe,EACf,UAAU,EAEV,YAAY,EACZ,iBAAiB,EACjB,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAUzB,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,EAAE,0BAA0B,EAAE,CAAC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC5D,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;IAC3D,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IACxE,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,cAAc,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,sBAAsB,CAAC,EAAE,CACvB,CAAC,EAAE,0BAA0B,KAC1B,0BAA0B,GAAG,OAAO,CAAC,0BAA0B,CAAC,CAAC;IACtE,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,KAAK,MAAM,CAAC;CAC7D;AAED,eAAO,MAAM,oBAAoB,GAAU,iRAmBxC,yBAAyB,KAAG,OAAO,CAAC,0BAA0B,EAAE,CAuNlE,CAAC"}

package/dist/components/DataGridBySchemaEditable/utils/columnFactory.js

@@ -0,0 +1,180 @@
+"use strict";
+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.buildPreparedColumns = void 0;
+const react_1 = __importDefault(require("react"));
+const dayjs_1 = __importDefault(require("dayjs"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const utils_1 = require("../../../utils");
+const SelectEditInputCell_1 = require("../SelectEditInputCell");
+const GridDateInput_1 = require("../GridDateInput");
+const GridDecimalInput_1 = require("../GridDecimalInput");
+const GridPatternInput_1 = require("../GridPatternInput");
+const BooleanInputCell_1 = require("../BooleanInputCell");
+const FileInputCell_1 = require("../FileInputCell");
+const GridGenericInput_1 = require("../GridGenericInput");
+const utils_2 = require("../utils");
+const buildPreparedColumns = (_a) => __awaiter(void 0, [_a], void 0, function* ({ schema, columns, isEditable, actions, LinkComponent, stateToLink, validationErrors, optionsAC, onEditModel, customFieldFormLayouts, setDialog, indexField, serverEndPoint, indexFieldMinWidth, minWidth, customColumnOperations, customLinkDestination, indexFieldBasePath, }) {
+    const promises = columns.map((col) => __awaiter(void 0, void 0, void 0, function* () {
+        const fieldSchema = schema[col.field];
+        if (!fieldSchema)
+            return col;
+        const isIndexField = indexField !== '' && col.field === indexField;
+        let column = Object.assign({}, col);
+        column.editable =
+            isEditable &&
+                !col.disabled &&
+                (!fieldSchema.read_only || ['field', 'nested object'].includes(fieldSchema.type));
+        switch (fieldSchema.type) {
+            case 'date':
+                column.type = 'date';
+                const df = (0, utils_1.buildDateFormatBySchema)(fieldSchema.date_views);
+                column.valueFormatter = (value) => (value ? (0, dayjs_1.default)(value).format(df) : '');
+                column.filterOperators = (0, utils_2.quantityOnlyOperators)({ type: 'date' });
+                if (isEditable && !col.disabled) {
+                    column.renderEditCell = (p) => {
+                        var _a;
+                        const err = (_a = validationErrors[p.id]) === null || _a === void 0 ? void 0 : _a[p.field];
+                        return (react_1.default.createElement(GridDateInput_1.GridDateInput, Object.assign({}, p, { column: column, dateViews: fieldSchema.date_views, error: Boolean(err), helperText: err })));
+                    };
+                }
+                break;
+            case 'datetime':
+                column.type = 'dateTime';
+                column.valueFormatter = (value) => value ? (0, dayjs_1.default)(value).format('DD/MM/YYYY HH:mm') : '';
+                break;
+            case 'nested object':
+            case 'field':
+            case 'choice':
+            case 'list':
+                column.minWidth = 150;
+                if (isEditable && !col.disabled) {
+                    column.valueFormatter = (value) => {
+                        if (Array.isArray(value))
+                            return value.map((v) => v.label || v.display_name || v).join(', ');
+                        return (value === null || value === void 0 ? void 0 : value.label) || (value === null || value === void 0 ? void 0 : value.display_name) || value || '';
+                    };
+                    column.renderEditCell = (p) => {
+                        var _a;
+                        const err = (_a = validationErrors[p.id]) === null || _a === void 0 ? void 0 : _a[p.field];
+                        return (react_1.default.createElement(SelectEditInputCell_1.SelectEditInputCell, Object.assign({}, p, { column: column, type: fieldSchema.type, options: optionsAC[col.field] || [], isIndexField: isIndexField, onEditModel: onEditModel, fieldsLayout: customFieldFormLayouts === null || customFieldFormLayouts === void 0 ? void 0 : customFieldFormLayouts[col.field], setDialog: setDialog, multiple: fieldSchema.type === 'list' || fieldSchema.many, error: Boolean(err), helperText: err })));
+                    };
+                }
+                else {
+                    column.valueGetter = (value) => {
+                        if (Array.isArray(value))
+                            return value.map((v) => v.label || v.display_name || v).join(', ');
+                        return (value === null || value === void 0 ? void 0 : value.label) || (value === null || value === void 0 ? void 0 : value.display_name) || value || '';
+                    };
+                }
+                break;
+            case 'boolean':
+                column.valueFormatter = (value) => (value ? 'Sim' : 'Não');
+                if (isEditable && !col.disabled) {
+                    column.renderEditCell = (p) => {
+                        var _a;
+                        const err = (_a = validationErrors[p.id]) === null || _a === void 0 ? void 0 : _a[p.field];
+                        return (react_1.default.createElement(BooleanInputCell_1.BooleanInputCell, Object.assign({}, p, { column: column, error: Boolean(err), helperText: err })));
+                    };
+                }
+                break;
+            case 'decimal':
+            case 'float':
+            case 'number':
+            case 'integer':
+                const ds = fieldSchema.decimal_places || (fieldSchema.type === 'integer' ? 0 : 2);
+                column.type = 'number';
+                column.valueFormatter = (value) => {
+                    if (value === null || value === undefined)
+                        return '';
+                    return parseFloat(value).toLocaleString('pt-BR', {
+                        minimumFractionDigits: ds,
+                        maximumFractionDigits: ds,
+                    });
+                };
+                column.filterOperators = (0, utils_2.quantityOnlyOperators)({
+                    type: fieldSchema.type === 'decimal' ? 'float' : 'number',
+                });
+                if (isEditable && !col.disabled) {
+                    column.renderEditCell = (p) => {
+                        var _a;
+                        const err = (_a = validationErrors[p.id]) === null || _a === void 0 ? void 0 : _a[p.field];
+                        return (react_1.default.createElement(GridDecimalInput_1.GridDecimalInput, Object.assign({}, p, { decimalPlaces: ds, isCurrency: fieldSchema.is_currency, prefix: fieldSchema.prefix || '', suffix: fieldSchema.suffix || '', column: column, error: Boolean(err), helperText: err })));
+                    };
+                }
+                break;
+            case 'image upload':
+            case 'file upload':
+            case 'image':
+            case 'file':
+                column.minWidth = 200;
+                column.renderCell = (p) => {
+                    var _a, _b;
+                    return (react_1.default.createElement(react_1.default.Fragment, null, ((_a = p.value) === null || _a === void 0 ? void 0 : _a.name) &&
+                        (((_b = p.value) === null || _b === void 0 ? void 0 : _b.url) &&
+                            (fieldSchema.type === 'image upload' || fieldSchema.type === 'image') ? (react_1.default.createElement("img", { src: `${serverEndPoint === null || serverEndPoint === void 0 ? void 0 : serverEndPoint.url}${p.value.url}`, alt: p.value.name, style: { width: '100%', maxHeight: '100px', objectFit: 'cover' } })) : (react_1.default.createElement(Typography_1.default, { variant: "body2" }, p.value.name.split('/').pop())))));
+                };
+                if (isEditable && !col.disabled) {
+                    column.renderEditCell = (p) => {
+                        var _a;
+                        const err = (_a = validationErrors[p.id]) === null || _a === void 0 ? void 0 : _a[p.field];
+                        const acc = fieldSchema.allowed_mime_types
+                            ? fieldSchema.allowed_mime_types.join(', ')
+                            : fieldSchema.type.includes('image')
+                                ? 'image/*'
+                                : '*';
+                        return (react_1.default.createElement(FileInputCell_1.FileInputCell, Object.assign({ accept: acc, fileType: fieldSchema.type, column: column, required: (0, utils_1.isFieldRequired)(fieldSchema) }, p, { error: Boolean(err), helperText: err })));
+                    };
+                }
+                break;
+            case 'string':
+                if (isEditable && !col.disabled && (fieldSchema.pattern_format || col.patternFormat)) {
+                    column.renderEditCell = (p) => {
+                        var _a;
+                        const err = (_a = validationErrors[p.id]) === null || _a === void 0 ? void 0 : _a[p.field];
+                        return (react_1.default.createElement(GridPatternInput_1.GridPatternInput, Object.assign({}, p, { patternFormat: fieldSchema.pattern_format || col.patternFormat || '', error: Boolean(err), helperText: err })));
+                    };
+                }
+                break;
+        }
+        if (indexFieldMinWidth && !column.minWidth)
+            column.minWidth = col.field === indexField ? indexFieldMinWidth : minWidth;
+        if (indexField && col.field === indexField) {
+            column.flex = 1;
+            column.renderCell = (p) => {
+                if (LinkComponent &&
+                    (customLinkDestination || indexFieldBasePath !== '') &&
+                    !actions.includes('edit')) {
+                    const to = customLinkDestination
+                        ? customLinkDestination(p)
+                        : (0, utils_2.buildEditPath)(indexFieldBasePath, p.id);
+                    return (react_1.default.createElement(LinkComponent, { to: `${to}`, state: stateToLink }, p.formattedValue));
+                }
+                return react_1.default.createElement(react_1.default.Fragment, null, p.formattedValue);
+            };
+        }
+        if (!column.renderEditCell) {
+            column.renderEditCell = (p) => {
+                var _a;
+                const err = (_a = validationErrors[p.id]) === null || _a === void 0 ? void 0 : _a[p.field];
+                return react_1.default.createElement(GridGenericInput_1.GridGenericInput, Object.assign({}, p, { error: Boolean(err), helperText: err }));
+            };
+        }
+        if (customColumnOperations)
+            column = yield customColumnOperations(column);
+        return column;
+    }));
+    return Promise.all(promises);
+});
+exports.buildPreparedColumns = buildPreparedColumns;

package/dist/components/DataGridBySchemaEditable.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactElement } from 'react';
-import { GridRowId, GridRenderCellParams } from '@mui/x-data-grid';
+import { GridRowId, GridRenderCellParams, GridColumnVisibilityModel } from '@mui/x-data-grid';
 import { SxProps, Theme } from '@mui/material/styles';
 import { Item, SchemaType, Id, GridEnrichedBySchemaColDef, PaginationModel, ActionType, OnSelectActions, OptionsAC, FormFieldLayout, CustomAction, LinkComponentType, MobileListRenderItemType, ExtraValidators } from '../@types';
 import { OnEditModelType } from '../context/APIWrapperContext';
@@ -8,6 +8,7 @@ interface DataGridBySchemaEditableProps {
     data: Item[];
     rowCount?: number;
     columns: GridEnrichedBySchemaColDef[];
+    columnVisibilityModel?: GridColumnVisibilityModel;
     model: string;
     fieldKey?: string;
     labelKey?: string;

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

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