drf-react-by-schema 0.3.0 → 0.4.0

package/dist/components/DialogJSONSchemaForm.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const validator_ajv8_1 = __importDefault(require("@rjsf/validator-ajv8"));
+const mui_1 = __importDefault(require("@rjsf/mui"));
+;
+function DialogJSONSchemaForm({ jsonSchemaFormRef, schema, uiSchema, formData, onSubmit }) {
+    return (react_1.default.createElement(mui_1.default
+    // @ts-ignore
+    , { 
+        // @ts-ignore
+        ref: jsonSchemaFormRef, schema: schema, uiSchema: uiSchema, validator: validator_ajv8_1.default, formData: formData, onSubmit: onSubmit },
+        react_1.default.createElement(Button_1.default, { type: "submit", sx: { display: 'none' } }, "Salvar")));
+}
+exports.default = DialogJSONSchemaForm;
+;

package/dist/components/FormButtons.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Id } from '../utils';
+interface FormButtonsProps {
+    model: string;
+    objId: Id;
+    title: string;
+    formDisabled: boolean;
+    cancelBtn?: (e: React.BaseSyntheticEvent) => any;
+    cancelBtnLabel?: string;
+    deleteBtnLabel?: string;
+    saveAndCreateNewBtnLabel?: string;
+    saveAndContinueBtnLabel?: string;
+    saveBtnLabel?: string;
+    onSuccess?: (e: React.BaseSyntheticEvent) => any;
+    bottom?: boolean;
+    borderBottom?: boolean;
+    saveAndContinue?: boolean;
+    sx?: any;
+}
+export default function FormButtons({ model, objId, title, formDisabled, cancelBtn, cancelBtnLabel, deleteBtnLabel, saveAndCreateNewBtnLabel, saveAndContinueBtnLabel, saveBtnLabel, onSuccess, bottom, borderBottom, saveAndContinue, sx }: FormButtonsProps): JSX.Element;
+export {};

package/dist/components/FormButtons.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+// import { SxProps } from '@mui/material';
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const styles_1 = require("../styles");
+const utils_1 = require("../utils");
+const APIWrapperContext_1 = require("../context/APIWrapperContext");
+function FormButtons({ model, objId, title, formDisabled, cancelBtn, cancelBtnLabel = 'Cancel', deleteBtnLabel = 'Delete', saveAndCreateNewBtnLabel = 'Save and Create New', saveAndContinueBtnLabel = 'Save and Continue', saveBtnLabel = 'Save', onSuccess, bottom = false, borderBottom = true, saveAndContinue = true, sx = {} }) {
+    const apiContext = react_1.default.useContext(APIWrapperContext_1.APIWrapperContext);
+    if (!apiContext) {
+        console.error('Error on drf-react-by-schema: there is no serverEndPoint configuration!');
+        return (react_1.default.createElement(react_1.default.Fragment, null));
+    }
+    const onDeleteModel = apiContext.onDeleteModel;
+    if (bottom && borderBottom && objId && objId !== 'novo' && sx !== null) {
+        sx.mb = 5;
+        sx.pb = 2;
+        sx.borderBottom = 'solid 1px #aaa';
+    }
+    return (react_1.default.createElement(Box_1.default, { sx: Object.assign(Object.assign({}, styles_1.Layout.flexRowGrow), sx) },
+        bottom
+            ? react_1.default.createElement(Button_1.default, { variant: "contained", type: "button", color: "error", size: "small", disabled: (0, utils_1.isTmpId)(objId) || !onDeleteModel, onClick: () => {
+                    onDeleteModel(model, objId, onSuccess);
+                } }, deleteBtnLabel)
+            : title
+                ? react_1.default.createElement(Typography_1.default, { variant: "h5" }, title)
+                : react_1.default.createElement(Box_1.default, null),
+        react_1.default.createElement(Box_1.default, { sx: styles_1.Layout.flexRow },
+            cancelBtn &&
+                react_1.default.createElement(Button_1.default, { variant: "contained", color: "primary", size: "small", sx: { ml: 1 }, onClick: cancelBtn }, cancelBtnLabel),
+            saveAndContinue &&
+                react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(Button_1.default, { variant: "contained", name: "createNewOnSave", type: "submit", color: "secondary", size: "small", sx: { ml: 1 }, disabled: formDisabled }, saveAndCreateNewBtnLabel),
+                    react_1.default.createElement(Button_1.default, { variant: "contained", name: "stayOnSave", type: "submit", color: "secondary", size: "small", sx: { ml: 1 }, disabled: formDisabled }, saveAndContinueBtnLabel)),
+            react_1.default.createElement(Button_1.default, { variant: "contained", name: "exitOnSave", type: "submit", color: "primary", size: "small", sx: { ml: 1 }, disabled: formDisabled }, saveBtnLabel))));
+}
+exports.default = FormButtons;

package/dist/components/GenericModelList.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { SumRowsType } from './DataTotals';
+import { GridEnrichedBySchemaColDef } from '../utils';
+interface GenericModelListProps {
+    columnFields: string[];
+    hiddenFields?: string[];
+    minWidthFields?: Record<string, number>;
+    indexFieldBasePath: string;
+    indexField: string;
+    customColumnOperations?: (column: GridEnrichedBySchemaColDef) => GridEnrichedBySchemaColDef;
+    customLinkDestination?: (p: any) => string;
+    sumRows?: SumRowsType;
+    isAutoHeight?: boolean;
+    model: string;
+    forceReload: boolean;
+    LinkComponent?: React.ReactNode;
+}
+declare const GenericModelList: ({ columnFields, hiddenFields, minWidthFields, indexFieldBasePath, indexField, customColumnOperations, customLinkDestination, sumRows, isAutoHeight, model, forceReload, LinkComponent }: GenericModelListProps) => JSX.Element;
+export default GenericModelList;

package/dist/components/GenericModelList.js

@@ -0,0 +1,113 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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 DataGridBySchemaEditable_1 = __importDefault(require("./DataGridBySchemaEditable"));
+const DataTotals_1 = __importDefault(require("./DataTotals"));
+const styles_1 = require("../styles");
+const api_1 = require("../api");
+const DRFReactBySchemaContext_1 = require("../context/DRFReactBySchemaContext");
+const APIWrapperContext_1 = require("../context/APIWrapperContext");
+const GenericModelList = ({ columnFields, hiddenFields = [], minWidthFields, indexFieldBasePath, indexField, customColumnOperations, customLinkDestination, sumRows, isAutoHeight = true, model, forceReload = false, LinkComponent = null }) => {
+    const context = react_1.default.useContext(DRFReactBySchemaContext_1.DRFReactBySchemaContext);
+    const apiContext = react_1.default.useContext(APIWrapperContext_1.APIWrapperContext);
+    if (!context.serverEndPoint || !apiContext) {
+        console.error('Error: There is no endpoint defined in DRFReactBySchemaProvider!');
+        return (react_1.default.createElement(react_1.default.Fragment, null));
+    }
+    const { serverEndPoint, isInBatches, firstBatchLength } = context;
+    const { handleLoading } = apiContext;
+    ;
+    const [data, setData] = (0, react_1.useState)(false);
+    const [visibleRows, setVisibleRows] = (0, react_1.useState)([]);
+    const [hideFooterPagination, setHideFooterPagination] = (0, react_1.useState)(false);
+    const finalCustomColumnOperations = (column) => {
+        if (minWidthFields) {
+            if (Object.prototype.hasOwnProperty.call(minWidthFields, column.field)) {
+                column.minWidth = minWidthFields[column.field];
+            }
+        }
+        if (customColumnOperations) {
+            return customColumnOperations(column);
+        }
+        return column;
+    };
+    const loadObjectList = () => __awaiter(void 0, void 0, void 0, function* () {
+        const loadParams = {
+            model,
+            serverEndPoint,
+            columnFields,
+            hiddenFields,
+            isInBatches
+        };
+        handleLoading(true);
+        const loadedData = yield (0, api_1.getGenericModelList)(loadParams);
+        if (loadedData && typeof loadedData !== 'boolean') {
+            setData(loadedData);
+            handleLoading(false);
+            if (isInBatches && loadedData.data.length === firstBatchLength) {
+                setHideFooterPagination(true);
+                (0, api_1.getGenericModelList)(Object.assign(Object.assign({}, loadParams), { loadedSchema: loadedData.schema })).then(lastBatchData => {
+                    if (lastBatchData && typeof lastBatchData !== 'boolean') {
+                        setData(Object.assign(Object.assign({}, loadedData), { data: [
+                                ...loadedData.data,
+                                ...lastBatchData.data
+                            ] }));
+                    }
+                    setHideFooterPagination(false);
+                });
+            }
+            return;
+        }
+        console.log('error retrieving data!');
+    });
+    if (forceReload) {
+        loadObjectList();
+    }
+    (0, react_1.useEffect)(() => {
+        loadObjectList();
+    }, []);
+    return (react_1.default.createElement(react_1.default.Fragment, null, typeof data !== 'boolean' && data.columns &&
+        react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(Box_1.default, { sx: styles_1.Layout.dataGridWithTabs },
+                react_1.default.createElement(DataGridBySchemaEditable_1.default, { data: data.data, columns: data.columns, schema: data.schema || {}, model: model, indexField: indexField, indexFieldBasePath: indexFieldBasePath, isEditable: false, isAutoHeight: isAutoHeight, hideFooterPagination: hideFooterPagination, customColumnOperations: finalCustomColumnOperations, customLinkDestination: customLinkDestination, setVisibleRows: setVisibleRows, onDataChange: newData => {
+                        setData(Object.assign(Object.assign({}, data), { data: newData }));
+                    }, LinkComponent: LinkComponent })),
+            react_1.default.createElement(DataTotals_1.default, { data: data.data, sumRows: sumRows, visibleRows: visibleRows }))));
+};
+exports.default = GenericModelList;

package/dist/components/GenericRelatedModelList.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { GridEnrichedBySchemaColDef, Id, Item } from '../utils';
+import { SumRowsType } from './DataTotals';
+interface GenericRelatedModelListProps {
+    model: string;
+    id: Id;
+    relatedModel: string;
+    columnFields: string[];
+    creatableFields: string[];
+    hiddenFields: string[];
+    usuaria?: Item | null;
+    minWidthFields?: Record<string, number>;
+    indexField?: string;
+    addExistingModel?: string;
+    onProcessRow?: (p: any) => void;
+    sumRows?: SumRowsType;
+    customColumnOperations?: (column: GridEnrichedBySchemaColDef) => GridEnrichedBySchemaColDef;
+    isEditable?: boolean;
+    isAutoHeight?: boolean;
+    isInBatches?: boolean;
+    indexFieldBasePath?: string;
+    LinkComponent?: React.ReactNode;
+}
+export default function GenericRelatedModelList({ model, id, relatedModel, columnFields, creatableFields, hiddenFields, usuaria, minWidthFields, indexField, addExistingModel, onProcessRow, sumRows, customColumnOperations, isEditable, isAutoHeight, indexFieldBasePath, LinkComponent }: GenericRelatedModelListProps): JSX.Element;
+export {};

package/dist/components/GenericRelatedModelList.js

@@ -0,0 +1,111 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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 DataGridBySchemaEditable_1 = __importDefault(require("./DataGridBySchemaEditable"));
+const DataTotals_1 = __importDefault(require("./DataTotals"));
+const DRFReactBySchemaContext_1 = require("../context/DRFReactBySchemaContext");
+const APIWrapperContext_1 = require("../context/APIWrapperContext");
+const api_1 = require("../api");
+const styles_1 = require("../styles");
+;
+function GenericRelatedModelList({ model, id, relatedModel, columnFields, creatableFields, hiddenFields, usuaria, minWidthFields, indexField = '', addExistingModel = '', onProcessRow, sumRows, customColumnOperations, isEditable = true, isAutoHeight = false, indexFieldBasePath, LinkComponent }) {
+    const context = react_1.default.useContext(DRFReactBySchemaContext_1.DRFReactBySchemaContext);
+    const apiContext = react_1.default.useContext(APIWrapperContext_1.APIWrapperContext);
+    if (!context.serverEndPoint || !apiContext) {
+        console.error('Error: There is no endpoint defined in DRFReactBySchemaProvider!');
+        return (react_1.default.createElement(react_1.default.Fragment, null));
+    }
+    const { serverEndPoint, isInBatches, firstBatchLength, } = context;
+    const { onEditRelatedModelSave, onDeleteRelatedModel } = apiContext;
+    const [data, setData] = (0, react_1.useState)(false);
+    const [visibleRows, setVisibleRows] = (0, react_1.useState)([]);
+    const [hideFooterPagination, setHideFooterPagination] = (0, react_1.useState)(false);
+    const finalCustomColumnOperations = (column) => {
+        if (minWidthFields) {
+            if (Object.prototype.hasOwnProperty.call(minWidthFields, column.field)) {
+                column.minWidth = minWidthFields[column.field];
+            }
+        }
+        if (customColumnOperations) {
+            return customColumnOperations(column);
+        }
+        return column;
+    };
+    const loadObjectList = () => __awaiter(this, void 0, void 0, function* () {
+        const loadParams = {
+            model,
+            serverEndPoint,
+            id,
+            relatedModel,
+            columnFields,
+            hiddenFields,
+            creatableFields,
+            isInBatches
+        };
+        const loadedData = yield (0, api_1.getGenericModelList)(loadParams);
+        if (loadedData) {
+            setData(loadedData);
+            if (isInBatches && loadedData.data.length === firstBatchLength) {
+                setHideFooterPagination(true);
+                (0, api_1.getGenericModelList)(Object.assign(Object.assign({}, loadParams), { loadedSchema: loadedData.schema })).then(lastBatchData => {
+                    if (lastBatchData) {
+                        setData(Object.assign(Object.assign({}, loadedData), { data: [
+                                ...loadedData.data,
+                                ...lastBatchData.data
+                            ] }));
+                    }
+                    setHideFooterPagination(false);
+                });
+            }
+            return;
+        }
+        console.log('error retrieving data!');
+    });
+    (0, react_1.useEffect)(() => {
+        loadObjectList();
+    }, []);
+    return (react_1.default.createElement(react_1.default.Fragment, null, typeof data !== 'boolean' && data.columns &&
+        react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(Box_1.default, { sx: styles_1.Layout.dataGridFixedHeight },
+                react_1.default.createElement(DataGridBySchemaEditable_1.default, { data: data.data, columns: data.columns, schema: data.schema, model: relatedModel, indexField: indexField, indexFieldBasePath: indexFieldBasePath, addExistingModel: addExistingModel, isEditable: isEditable, modelParent: model, modelParentId: id, customColumnOperations: finalCustomColumnOperations, setVisibleRows: setVisibleRows, isAutoHeight: isAutoHeight, hideFooterPagination: hideFooterPagination, onProcessRow: onProcessRow, onDataChange: newData => {
+                        setData(Object.assign(Object.assign({}, data), { data: newData }));
+                    }, LinkComponent: LinkComponent })),
+            react_1.default.createElement(DataTotals_1.default, { data: data.data, sumRows: sumRows, visibleRows: visibleRows }))));
+}
+exports.default = GenericRelatedModelList;

package/dist/components/TextFieldBySchema.js

@@ -0,0 +1,39 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
+const utils_1 = require("../utils");
+function TextFieldBySchema(_a) {
+    var { Controller, name, schema, control, errors, multiline = false, fieldKey = null, index = null, sx = { mr: 2 } } = _a, other = __rest(_a, ["Controller", "name", "schema", "control", "errors", "multiline", "fieldKey", "index", "sx"]);
+    const model = name;
+    if (fieldKey && index >= 0) {
+        name = `${fieldKey}.${index}.${name}`;
+    }
+    const { error, helperText } = (fieldKey && index >= 0)
+        ? (0, utils_1.errorProps)({
+            fieldKey,
+            index,
+            fieldKeyProp: name,
+            errors
+        })
+        : {
+            error: errors && Boolean(errors[name]),
+            helperText: (errors && errors[name]) ? errors[name].message : ''
+        };
+    return (react_1.default.createElement(Controller, { name: name, control: control, render: ({ field }) => (react_1.default.createElement(TextField_1.default, Object.assign({}, field, other, { id: name, key: name, label: schema[model].label, margin: "normal", fullWidth: true, multiline: multiline, error: error, helperText: helperText, sx: sx }))) }));
+}
+exports.default = TextFieldBySchema;

package/dist/context/APIWrapper.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { DialogType, SnackBarType } from './APIWrapperContext';
+interface APIWrapperProps {
+    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
+    handleLoading: (p: boolean) => void;
+    setSnackBar: React.Dispatch<React.SetStateAction<SnackBarType>>;
+    setDialog: React.Dispatch<React.SetStateAction<DialogType>>;
+    children: React.ReactNode;
+}
+declare function APIWrapper({ setLoading, handleLoading, setSnackBar, setDialog, children }: APIWrapperProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof APIWrapper>;
+export default _default;