drf-react-by-schema 0.6.5 → 0.7.1

package/dist/api.d.ts

@@ -43,21 +43,14 @@ export declare const getAutoComplete: ({ model, serverEndPoint, }: {
     model: string;
     serverEndPoint: serverEndPointType | null;
 }) => Promise<false | Item[]>;
-export declare const getJSONSchema: ({ model, serverEndPoint, id, }: {
-    model: string;
-    serverEndPoint: serverEndPointType | null;
-    id?: Id | undefined;
-}) => Promise<any>;
-export declare const createOrUpdateJSONSchema: ({ model, serverEndPoint, id, formData, }: {
-    model: string;
-    serverEndPoint: serverEndPointType | null;
-    id?: Id | undefined;
-    formData: Item;
-}) => Promise<any>;
 export declare const loginByPayload: (payload: Item, serverEndPoint: serverEndPointType | null) => Promise<boolean>;
+export declare const clearJWT: () => boolean;
+export declare const hasJWT: () => boolean;
 export declare const setAuthToken: (token: string | null) => void;
 export declare const isLoggedIn: (serverEndPoint: serverEndPointType | null) => Promise<false | Item[] | PaginatedResult>;
-export interface getGenericModelListProps {
+export declare const getSignUpOptions: (serverEndPoint: serverEndPointType | null) => Promise<false | SchemaType>;
+export declare const signUp: (data: Item, serverEndPoint: serverEndPointType | null) => Promise<any>;
+export interface GetGenericModelListProps {
     model: string;
     serverEndPoint: serverEndPointType | null;
     id?: Id;
@@ -84,7 +77,7 @@ interface SumRowsItem {
     suffix?: string;
     isCount?: boolean;
 }
-export declare const getGenericModelList: ({ model, serverEndPoint, id, relatedModel, relatedModelId, columnFields, hiddenFields, creatableFields, isInBatches, loadedSchema, loadedModelOptions, page, filter, sort, sumRows, }: getGenericModelListProps) => Promise<false | DataSchemaColumnsType>;
+export declare const getGenericModelList: ({ model, serverEndPoint, id, relatedModel, relatedModelId, columnFields, hiddenFields, creatableFields, isInBatches, loadedSchema, loadedModelOptions, page, filter, sort, sumRows, }: GetGenericModelListProps) => Promise<false | DataSchemaColumnsType>;
 export declare const getGenericModel: ({ model, serverEndPoint, id, relatedModel, relatedModelId, }: {
     model: string;
     serverEndPoint: serverEndPointType | null;
@@ -92,4 +85,5 @@ export declare const getGenericModel: ({ model, serverEndPoint, id, relatedModel
     relatedModel?: string | undefined;
     relatedModelId?: string | undefined;
 }) => Promise<false | ItemSchemaColumnsType>;
+export declare const getAllModels: (serverEndPoint: serverEndPointType | null) => Promise<Item[] | PaginatedResult>;
 export {};

package/dist/api.js

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getGenericModel = exports.getGenericModelList = exports.isLoggedIn = exports.setAuthToken = exports.loginByPayload = exports.createOrUpdateJSONSchema = exports.getJSONSchema = exports.getAutoComplete = exports.addExistingRelatedModel = exports.updateDataBySchema = exports.createOrUpdateData = exports.deleteData = exports.createData = exports.partialUpdateData = exports.updateData = void 0;
+exports.getAllModels = exports.getGenericModel = exports.getGenericModelList = exports.signUp = exports.getSignUpOptions = exports.isLoggedIn = exports.setAuthToken = exports.hasJWT = exports.clearJWT = exports.loginByPayload = exports.getAutoComplete = exports.addExistingRelatedModel = exports.updateDataBySchema = exports.createOrUpdateData = exports.deleteData = exports.createData = exports.partialUpdateData = exports.updateData = void 0;
 const axios_1 = __importDefault(require("axios"));
 const moment_1 = __importDefault(require("moment"));
 const utils_1 = require("./utils");
@@ -395,80 +395,6 @@ const getAutoComplete = ({ model, serverEndPoint, }) => __awaiter(void 0, void 0
     return data;
 });
 exports.getAutoComplete = getAutoComplete;
-const getJSONSchema = ({ model, serverEndPoint, id = 'create', }) => __awaiter(void 0, void 0, void 0, function* () {
-    var _q;
-    if (!serverEndPoint) {
-        console.log('Não há definição de API (serverEndPoint!');
-        return false;
-    }
-    const url = `${serverEndPoint.JSONSchema}/${model}/${id}/`;
-    try {
-        const { data } = yield axios_1.default.get(url);
-        return data;
-    }
-    catch (e) {
-        if (axios_1.default.isAxiosError(e)) {
-            const err = e;
-            if (((_q = err.response) === null || _q === void 0 ? void 0 : _q.status) === 401) {
-                const isRefreshed = yield refreshToken(serverEndPoint);
-                if (!isRefreshed) {
-                    console.log('Token expirou! Deve-se fazer login de novo');
-                    return false;
-                }
-                try {
-                    const { data } = yield axios_1.default.get(url);
-                    return data;
-                }
-                catch (e) {
-                    console.log(`Error fetching JSONSchema data from ${url}`, e);
-                    return false;
-                }
-            }
-            console.log(`Error fetching JSONSchema data from ${url}`, e);
-            return false;
-        }
-    }
-});
-exports.getJSONSchema = getJSONSchema;
-const createOrUpdateJSONSchema = ({ model, serverEndPoint, id = 'create', formData, }) => __awaiter(void 0, void 0, void 0, function* () {
-    var _r;
-    if (!serverEndPoint) {
-        return { errors: 'Não há definição de API (serverEndPoint!' };
-    }
-    let url = `${serverEndPoint.JSONSchema}/${model}/`;
-    if (id !== 'create') {
-        url += `${id}/`;
-    }
-    try {
-        const { data } = id === 'create' ? yield axios_1.default.post(url, formData) : yield axios_1.default.patch(url, formData);
-        return data;
-    }
-    catch (e) {
-        if (axios_1.default.isAxiosError(e)) {
-            const err = e;
-            if (((_r = err.response) === null || _r === void 0 ? void 0 : _r.status) === 401) {
-                const isRefreshed = yield refreshToken(serverEndPoint);
-                if (!isRefreshed) {
-                    console.log('Token expirou! Deve-se fazer login de novo');
-                    return { errors: 'Token expirou! Deve-se fazer login de novo!' };
-                }
-                try {
-                    const { data } = id === 'create'
-                        ? yield axios_1.default.post(url, formData)
-                        : yield axios_1.default.patch(url, formData);
-                    return data;
-                }
-                catch (e) {
-                    console.log(`Error partially updating or creating JSONSchema data from ${url}`, e);
-                    return { errors: 'Erro ao salvar alterações em item!' };
-                }
-            }
-            console.log(`Error partially updating or creating JSONSchema data from ${url}`, e);
-            return { errors: 'Erro ao salvar alterações em item!' };
-        }
-    }
-});
-exports.createOrUpdateJSONSchema = createOrUpdateJSONSchema;
 const loginByPayload = (payload, serverEndPoint) => __awaiter(void 0, void 0, void 0, function* () {
     if (!serverEndPoint) {
         console.log('Não há definição de API (serverEndPoint!');
@@ -492,6 +418,19 @@ const loginByPayload = (payload, serverEndPoint) => __awaiter(void 0, void 0, vo
     }
 });
 exports.loginByPayload = loginByPayload;
+const clearJWT = () => {
+    localStorage.removeItem('token');
+    return false;
+};
+exports.clearJWT = clearJWT;
+const hasJWT = () => {
+    const token = localStorage.getItem('token');
+    if (token) {
+        return true;
+    }
+    return false;
+};
+exports.hasJWT = hasJWT;
 const setAuthToken = (token) => {
     if (token) {
         localStorage.setItem('token', token);
@@ -540,6 +479,56 @@ const isLoggedIn = (serverEndPoint) => __awaiter(void 0, void 0, void 0, functio
     return usuaria;
 });
 exports.isLoggedIn = isLoggedIn;
+const getSignUpOptions = (serverEndPoint) => __awaiter(void 0, void 0, void 0, function* () {
+    if (!serverEndPoint || !serverEndPoint.signUp) {
+        return false;
+    }
+    const url = serverEndPoint.signUp;
+    try {
+        const { data } = yield axios_1.default.options(url);
+        return data.action.POST;
+    }
+    catch (e) {
+        console.log(`Error fetching options from ${url}`, e);
+        return false;
+    }
+});
+exports.getSignUpOptions = getSignUpOptions;
+const signUp = (data, serverEndPoint) => __awaiter(void 0, void 0, void 0, function* () {
+    var _q, _r;
+    if (!serverEndPoint || !serverEndPoint.signUp) {
+        return false;
+    }
+    const url = serverEndPoint.signUp;
+    try {
+        const response = yield axios_1.default.post(url, data);
+        console.log(response);
+        return response;
+    }
+    catch (e) {
+        if (axios_1.default.isAxiosError(e)) {
+            const err = e;
+            if (((_q = err.response) === null || _q === void 0 ? void 0 : _q.status) === 401) {
+                const isRefreshed = yield refreshToken(serverEndPoint);
+                if (!isRefreshed) {
+                    console.log('Token expirou! Deve-se fazer login de novo');
+                    return false;
+                }
+                try {
+                    const response = yield axios_1.default.post(url, data);
+                    return response;
+                }
+                catch (e) {
+                    console.log(`Error updating data at ${url}`, data, e);
+                    return false;
+                }
+            }
+            console.log(`Error updating data at ${url}`, data, e.response);
+            return { errors: (_r = err.response) === null || _r === void 0 ? void 0 : _r.data };
+        }
+    }
+});
+exports.signUp = signUp;
 const getGenericModelList = ({ model, serverEndPoint, id = '', relatedModel = '', relatedModelId = '', columnFields, hiddenFields = ['id'], creatableFields = [], isInBatches = false, loadedSchema, loadedModelOptions, page, filter, sort, sumRows, }) => __awaiter(void 0, void 0, void 0, function* () {
     let path = `${model}/${id}`;
     let schemaPath = model;
@@ -553,12 +542,14 @@ const getGenericModelList = ({ model, serverEndPoint, id = '', relatedModel = ''
     const queryParams = [];
     // SERVER-SIDE TOTALS (sumRows):
     if (sumRows) {
-        const sumRowsParams = sumRows.rows.map(row => row.field).join(',');
+        const sumRowsParams = sumRows.rows.map((row) => row.field).join(',');
         queryParams.push(`sum_rows=${sumRowsParams}`);
     }
     // SERVER-SIDE FILTERING:
     if (filter) {
-        if (filter.quickFilterValues && filter.quickFilterValues.length > 0 && filter.quickFilterValues[0]) {
+        if (filter.quickFilterValues &&
+            filter.quickFilterValues.length > 0 &&
+            filter.quickFilterValues[0]) {
             queryParams.push(`search=${filter.quickFilterValues[0]}`);
         }
         for (const item of filter.items) {
@@ -664,3 +655,12 @@ const getGenericModel = ({ model, serverEndPoint, id = '', relatedModel = '', re
     return { schema, modelOptions, data };
 });
 exports.getGenericModel = getGenericModel;
+const getAllModels = (serverEndPoint) => __awaiter(void 0, void 0, void 0, function* () {
+    if (!serverEndPoint) {
+        return [];
+    }
+    const path = 'endpoints';
+    const data = yield getData({ path, serverEndPoint });
+    return data || [];
+});
+exports.getAllModels = getAllModels;

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

@@ -11,7 +11,7 @@ interface SelectEditInputCellProps {
     optionsAC: React.MutableRefObject<OptionsACType | null>;
     isIndexField: boolean;
     multiple?: boolean;
-    onEditModel?: (p: OnEditModelType) => void;
+    onEditModel?: (x: OnEditModelType) => void;
     sx?: SxProps;
 }
 /**

package/dist/components/DataGridBySchemaEditable.js

@@ -74,9 +74,7 @@ const APIWrapperContext_1 = require("../context/APIWrapperContext");
 const stringMask = require('string-mask');
 const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
     var { schema, data, rowCount = 0, columns, model, fieldKey, labelKey = 'nome', index, name = Math.floor(Math.random() * 1000000).toString(), indexField = 'nome', addExistingModel, indexFieldMinWidth = 350, indexFieldBasePath = '', stateToLink = {}, minWidth = 80, modelParent, modelParentId, customColumnOperations, customLinkDestination, LinkComponent, onProcessRow, onDataChange, onEditModel, isEditable = false, sx = { mr: 2 }, isAutoHeight = false, defaultValues = {}, hideFooterPagination = false, setVisibleRows, paginationModel = undefined, setPaginationModel = undefined } = _a, other = __rest(_a, ["schema", "data", "rowCount", "columns", "model", "fieldKey", "labelKey", "index", "name", "indexField", "addExistingModel", "indexFieldMinWidth", "indexFieldBasePath", "stateToLink", "minWidth", "modelParent", "modelParentId", "customColumnOperations", "customLinkDestination", "LinkComponent", "onProcessRow", "onDataChange", "onEditModel", "isEditable", "sx", "isAutoHeight", "defaultValues", "hideFooterPagination", "setVisibleRows", "paginationModel", "setPaginationModel"]);
-    const { serverEndPoint } = DRFReactBySchemaContext_1.DRFReactBySchemaContext
-        ? react_1.default.useContext(DRFReactBySchemaContext_1.DRFReactBySchemaContext)
-        : { serverEndPoint: null };
+    const { serverEndPoint } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
     const apiContext = react_1.default.useContext(APIWrapperContext_1.APIWrapperContext);
     const initialSnackBar = {
         open: false,
@@ -147,13 +145,13 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                     const isInEditMode = ((_a = rowModesModel[id]) === null || _a === void 0 ? void 0 : _a.mode) === x_data_grid_1.GridRowModes.Edit;
                     if (isInEditMode) {
                         return [
-                            react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `save_${id}`, icon: react_1.default.createElement(Check_1.default, null), label: "Salvar", onClick: handleSaveClick(id), color: "success" }),
-                            react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `cancel_${id}`, icon: react_1.default.createElement(Undo_1.default, null), label: "Cancelar", onClick: handleCancelClick(id), color: "inherit" }),
+                            react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `save_${id}`, icon: react_1.default.createElement(Check_1.default, null), label: "Salvar", onClick: handleSaveClick(id), color: "success", onResize: () => null, onResizeCapture: () => null, showInMenu: false }),
+                            react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `cancel_${id}`, icon: react_1.default.createElement(Undo_1.default, null), label: "Cancelar", onClick: handleCancelClick(id), color: "inherit", onResize: () => null, onResizeCapture: () => null, showInMenu: false }),
                         ];
                     }
                     return [
-                        react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `edit_${id}`, icon: react_1.default.createElement(Edit_1.default, null), label: "Edit", onClick: handleEditClick(id), color: "inherit" }),
-                        react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `remove_${id}`, icon: react_1.default.createElement(Clear_1.default, null), label: "Delete", onClick: handleDeleteClick(id), color: "error" }),
+                        react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `edit_${id}`, icon: react_1.default.createElement(Edit_1.default, null), label: "Edit", onClick: handleEditClick(id), color: "inherit", onResize: () => null, onResizeCapture: () => null, showInMenu: false }),
+                        react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { key: `remove_${id}`, icon: react_1.default.createElement(Clear_1.default, null), label: "Delete", onClick: handleDeleteClick(id), color: "error", onResize: () => null, onResizeCapture: () => null, showInMenu: false }),
                     ];
                 },
             });

package/dist/components/DialogActions.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { DialogType } from '../context/APIWrapperContext';
 interface DialogActionsProps {
-    setDialog: React.Dispatch<React.SetStateAction<DialogType>>;
-    handleSave: (p: any) => Promise<boolean | undefined>;
+    setDialog: (x: Partial<DialogType>) => void;
+    handleSave?: (e: React.SyntheticEvent) => Promise<boolean>;
     btnCancel?: string;
     btnConfirm?: string;
 }
-export default function DialogActions({ setDialog, handleSave, btnCancel, btnConfirm }: DialogActionsProps): JSX.Element;
+export default function DialogActions({ setDialog, handleSave, btnCancel, btnConfirm, }: DialogActionsProps): JSX.Element;
 export {};

package/dist/components/DialogActions.js

@@ -5,13 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Button_1 = __importDefault(require("@mui/material/Button"));
-;
-function DialogActions({ setDialog, handleSave, btnCancel = 'Cancelar', btnConfirm = 'Salvar' }) {
+function DialogActions({ setDialog, handleSave, btnCancel = 'Cancelar', btnConfirm = 'Salvar', }) {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(Button_1.default, { onClick: () => {
                 setDialog({ open: false });
             } }, btnCancel),
-        react_1.default.createElement(Button_1.default, { onClick: handleSave }, btnConfirm)));
+        handleSave && react_1.default.createElement(Button_1.default, { onClick: handleSave }, btnConfirm)));
 }
 exports.default = DialogActions;
-;

package/dist/components/forms/DialogFormBySchema.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { AnyObjectSchema } from 'yup';
+import { Item, SchemaType } from '../../utils';
+import { DialogType } from '../../context/APIWrapperContext';
+interface DialogFormBySchemaProps {
+    schema: SchemaType;
+    validationSchema: AnyObjectSchema;
+    initialValues: Item;
+    onEditModelSave: (p: Item) => Promise<false | undefined>;
+    setDialog: (x: Partial<DialogType>) => void;
+    getAutoComplete: (model: string) => Promise<false | Item[]>;
+}
+export default function DialogFormBySchema({ schema, validationSchema, initialValues, onEditModelSave, setDialog, getAutoComplete, }: DialogFormBySchemaProps): JSX.Element;
+export {};

package/dist/components/forms/DialogFormBySchema.js

@@ -0,0 +1,61 @@
+"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 __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 react_hook_form_1 = require("react-hook-form");
+const yup_1 = require("@hookform/resolvers/yup");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
+const LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
+const styles_1 = require("../../styles");
+const FormBySchema_1 = __importDefault(require("./FormBySchema"));
+function DialogFormBySchema({ schema, validationSchema, initialValues, onEditModelSave, setDialog, getAutoComplete, }) {
+    const { control, handleSubmit, reset, getValues, setValue, formState: { errors, isDirty }, } = (0, react_hook_form_1.useForm)({
+        mode: 'onBlur',
+        resolver: (0, yup_1.yupResolver)(validationSchema),
+    });
+    (0, react_1.useEffect)(() => {
+        reset(initialValues);
+    }, []);
+    if (!schema) {
+        return react_1.default.createElement(react_1.default.Fragment, null, "Houve um erro ao carregar este formul\u00E1rio!");
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null, initialValues && control && (react_1.default.createElement("form", { onSubmit: handleSubmit(onEditModelSave) },
+        react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment },
+            react_1.default.createElement(Box_1.default, null,
+                react_1.default.createElement(FormBySchema_1.default, { control: control, errors: errors, schema: schema, getValues: getValues, setValue: setValue, isolatedGetAutoComplete: getAutoComplete }))),
+        react_1.default.createElement(Box_1.default, { sx: styles_1.Layout.flexRow },
+            react_1.default.createElement(Button_1.default, { variant: "contained", color: "primary", size: "small", sx: { ml: 1 }, onClick: () => {
+                    setDialog({
+                        open: false,
+                    });
+                } }, "Cancelar"),
+            react_1.default.createElement(Button_1.default, { variant: "contained", name: "exitOnSave", disabled: !isDirty, type: "submit", color: "primary", size: "small" }, "Salvar"))))));
+}
+exports.default = DialogFormBySchema;

package/dist/components/forms/FieldBySchema.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FieldBySchemaProps } from '../../utils';
+export default function FieldBySchema({ name, schema, control, errors, multiline, setValue, getValues, fieldKey, labelKey, index, optionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, sx, options, isSemaphoric, label, onValueChange, decimalScale, ...other }: FieldBySchemaProps): JSX.Element;

package/dist/components/forms/FieldBySchema.js

@@ -0,0 +1,65 @@
+"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 DesktopDatePickerBySchema_1 = __importDefault(require("./inputs/DesktopDatePickerBySchema"));
+const DesktopDateTimePickerBySchema_1 = __importDefault(require("./inputs/DesktopDateTimePickerBySchema"));
+const EditableAutocompleteFieldBySchema_1 = __importDefault(require("./inputs/EditableAutocompleteFieldBySchema"));
+const AutocompleteFieldBySchema_1 = __importDefault(require("./inputs/AutocompleteFieldBySchema"));
+const BooleanFieldBySchema_1 = __importDefault(require("./inputs/BooleanFieldBySchema"));
+const FloatFieldBySchema_1 = __importDefault(require("./inputs/FloatFieldBySchema"));
+const TextFieldBySchema_1 = __importDefault(require("./inputs/TextFieldBySchema"));
+function FieldBySchema(_a) {
+    var { name, schema, control, errors, multiline = false, setValue = null, getValues = null, fieldKey, labelKey = 'nome', index, optionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, sx, options, isSemaphoric = false, label, onValueChange, decimalScale = 2 } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "multiline", "setValue", "getValues", "fieldKey", "labelKey", "index", "optionsAC", "optionsModel", "getOptionLabel", "renderOption", "onEditModel", "sx", "options", "isSemaphoric", "label", "onValueChange", "decimalScale"]);
+    switch (schema[name].type) {
+        case 'date':
+            return (react_1.default.createElement(DesktopDatePickerBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, multiline: multiline, fieldKey: fieldKey, index: index, sx: sx }, other)));
+        case 'datetime':
+            return (react_1.default.createElement(DesktopDateTimePickerBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, multiline: multiline, fieldKey: fieldKey, index: index, sx: sx }, other)));
+        // case 'field':
+        //     return (
+        //         <AutocompleteFieldBySchema
+        //             name={name}
+        //             control={control}
+        //             schema={schema}
+        //             errors={errors}
+        //             options={optionsAC[name] || []}
+        //             multiple
+        //             sx={sx}
+        //         />
+        //     );
+        case 'nested object':
+        case 'field':
+            const relatedEditable = schema[name].related_editable;
+            const multiple = schema[name].many || false;
+            return (react_1.default.createElement(EditableAutocompleteFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, setValue: setValue, getValues: getValues, fieldKey: fieldKey, labelKey: labelKey, index: index, optionsAC: optionsAC, optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: relatedEditable ? onEditModel : null, multiple: multiple, sx: sx }, other)));
+        case 'choice':
+            return (react_1.default.createElement(AutocompleteFieldBySchema_1.default, { index: index, name: name, schema: schema, control: control, errors: errors, fieldKey: fieldKey, optionIdKey: "value", optionLabelKey: "display_name", options: options, isSemaphoric: isSemaphoric, label: label, sx: sx }));
+        case 'boolean':
+            return (react_1.default.createElement(BooleanFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, fieldKey: fieldKey, index: index, sx: sx }, other)));
+        case 'decimal':
+        case 'float':
+            return (react_1.default.createElement(FloatFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, multiline: multiline, fieldKey: fieldKey, index: index, onValueChange: onValueChange, decimalScale: decimalScale, label: label, sx: sx }, other)));
+        case 'number':
+        case 'integer':
+        case 'password':
+        default:
+            const localMultiline = schema[name].model_multiline === true;
+            const minRows = localMultiline ? 3 : 0;
+            return (react_1.default.createElement(TextFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, multiline: localMultiline, minRows: minRows, fieldKey: fieldKey, index: index, sx: sx, isPassword: schema[name].type === 'password' }, other)));
+    }
+}
+exports.default = FieldBySchema;

package/dist/components/forms/FormBySchema.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { UseFormRegister } from 'react-hook-form';
+import { FieldBySchemaProps, Item } from '../../utils';
+import { OptionsACType } from '../../context/APIWrapperContext';
+interface FieldLayout {
+    title?: string;
+    rows?: (string | string[])[];
+    CustomElement?: React.ReactNode;
+}
+interface FormBySchemaProps extends Omit<FieldBySchemaProps, 'name'> {
+    fieldsLayout?: FieldLayout[];
+    hiddenFields?: string[];
+    register?: UseFormRegister<Item>;
+    setOptionsAC?: (x: OptionsACType) => void;
+    forceReload?: boolean;
+    isolatedGetAutoComplete?: (model: string) => Promise<false | Item[]>;
+}
+export default function FormBySchema({ schema, control, errors, register, multiline, setValue, getValues, fieldKey, labelKey, index, optionsAC, setOptionsAC, forceReload, optionsModel, getOptionLabel, renderOption, onEditModel, sx, options, isSemaphoric, label, onValueChange, decimalScale, fieldsLayout: fieldsLayoutInitial, hiddenFields, isolatedGetAutoComplete, ...props }: FormBySchemaProps): JSX.Element;
+export {};

package/dist/components/forms/FormBySchema.js

@@ -0,0 +1,164 @@
+"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 __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 = __importStar(require("react"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Card_1 = __importDefault(require("@mui/material/Card"));
+const CardHeader_1 = __importDefault(require("@mui/material/CardHeader"));
+const CardContent_1 = __importDefault(require("@mui/material/CardContent"));
+const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
+const FieldBySchema_1 = __importDefault(require("./FieldBySchema"));
+const styles_1 = require("../../styles");
+const APIWrapperContext_1 = require("../../context/APIWrapperContext");
+function FormBySchema(_a) {
+    var { schema, control, errors, register, multiline = false, setValue, getValues, fieldKey, labelKey = 'nome', index, optionsAC, setOptionsAC, forceReload, optionsModel, getOptionLabel, renderOption, onEditModel, sx = { mr: 0 }, options, isSemaphoric = false, label, onValueChange, decimalScale = 2, fieldsLayout: fieldsLayoutInitial, hiddenFields = [], isolatedGetAutoComplete } = _a, props = __rest(_a, ["schema", "control", "errors", "register", "multiline", "setValue", "getValues", "fieldKey", "labelKey", "index", "optionsAC", "setOptionsAC", "forceReload", "optionsModel", "getOptionLabel", "renderOption", "onEditModel", "sx", "options", "isSemaphoric", "label", "onValueChange", "decimalScale", "fieldsLayout", "hiddenFields", "isolatedGetAutoComplete"]);
+    const { getAutoComplete } = (0, APIWrapperContext_1.useAPIWrapper)();
+    const [fieldsLayout, setFieldsLayout] = (0, react_1.useState)([]);
+    const [localOptionsAC, setLocalOptionsAC] = (0, react_1.useState)(undefined);
+    const getColumns = () => {
+        const optionsACModels = [];
+        if (fieldsLayoutInitial && fieldsLayoutInitial.length > 0) {
+            for (const section of fieldsLayoutInitial) {
+                if (!section.rows) {
+                    continue;
+                }
+                for (const row of section.rows) {
+                    if (typeof row === 'string') {
+                        const field = row;
+                        if (['field', 'nested object'].includes(schema[field].type) &&
+                            !optionsACModels.includes(field)) {
+                            optionsACModels.push(field);
+                        }
+                        continue;
+                    }
+                    for (const field of row) {
+                        if (['field', 'nested object'].includes(schema[field].type) &&
+                            !optionsACModels.includes(field)) {
+                            optionsACModels.push(field);
+                        }
+                    }
+                }
+            }
+            return { newFieldsLayout: fieldsLayoutInitial, optionsACModels };
+        }
+        const rows = [];
+        for (const [key, field] of Object.entries(schema)) {
+            if (['field', 'nested object'].includes(field.type)) {
+                rows.push(key);
+                if (!optionsACModels.includes(key)) {
+                    optionsACModels.push(key);
+                }
+                continue;
+            }
+            if (!field.read_only) {
+                rows.push(key);
+            }
+        }
+        return { newFieldsLayout: [{ rows }], optionsACModels };
+    };
+    const populateOptionsAC = (optionsACModels) => __awaiter(this, void 0, void 0, function* () {
+        const newOptionsAC = {};
+        for (const model of optionsACModels) {
+            const ret = isolatedGetAutoComplete
+                ? yield isolatedGetAutoComplete(model)
+                : yield getAutoComplete(model);
+            if (ret !== false) {
+                newOptionsAC[model] = ret;
+            }
+        }
+        if (setOptionsAC) {
+            setOptionsAC(newOptionsAC);
+            return;
+        }
+        setLocalOptionsAC(newOptionsAC);
+    });
+    (0, react_1.useEffect)(() => {
+        const { newFieldsLayout, optionsACModels } = getColumns();
+        setFieldsLayout(newFieldsLayout);
+        populateOptionsAC(optionsACModels);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (forceReload) {
+            const { newFieldsLayout, optionsACModels } = getColumns();
+            setFieldsLayout(newFieldsLayout);
+            populateOptionsAC(optionsACModels);
+        }
+    }, [forceReload]);
+    if (fieldsLayout.length === 0 ||
+        (setOptionsAC && !optionsAC) ||
+        (!setOptionsAC && !localOptionsAC)) {
+        return (react_1.default.createElement(Card_1.default, { sx: styles_1.Layout.formCard },
+            react_1.default.createElement(CardContent_1.default, null,
+                react_1.default.createElement(Box_1.default, { sx: styles_1.Layout.loadingBoxWhite },
+                    react_1.default.createElement(CircularProgress_1.default, null)))));
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        register &&
+            hiddenFields.map((hiddenField) => (react_1.default.createElement("input", Object.assign({ hidden: true }, register(hiddenField), { value: getValues ? getValues(hiddenField) : null, key: hiddenField })))),
+        fieldsLayout.map((section, sectionIndex) => {
+            return (react_1.default.createElement(Card_1.default, { sx: styles_1.Layout.formCard, key: `section_${sectionIndex}` },
+                section.title && react_1.default.createElement(CardHeader_1.default, { title: section.title }),
+                react_1.default.createElement(CardContent_1.default, null,
+                    section.CustomElement && react_1.default.createElement(react_1.default.Fragment, null, section.CustomElement),
+                    section.rows && (react_1.default.createElement(react_1.default.Fragment, null, section.rows.map((row, rowIndex) => {
+                        if (typeof row === 'string') {
+                            const field = row;
+                            return (react_1.default.createElement(react_1.default.Fragment, { key: field },
+                                react_1.default.createElement(FieldBySchema_1.default, Object.assign({ name: field, schema: schema, control: control, errors: errors, multiline: multiline, setValue: setValue, getValues: getValues, fieldKey: fieldKey, labelKey: labelKey, index: index, optionsAC: setOptionsAC
+                                        ? optionsAC
+                                        : localOptionsAC, optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: onEditModel, sx: sx, options: options, isSemaphoric: isSemaphoric, label: label, onValueChange: onValueChange, decimalScale: decimalScale }, props))));
+                        }
+                        return (react_1.default.createElement(Box_1.default, { sx: styles_1.Layout.inLineForm, key: `row_${rowIndex}` },
+                            react_1.default.createElement(react_1.default.Fragment, null, row.map((field, i, j) => (react_1.default.createElement(react_1.default.Fragment, { key: field },
+                                react_1.default.createElement(FieldBySchema_1.default, Object.assign({ name: field, schema: schema, control: control, errors: errors, multiline: multiline, setValue: setValue, getValues: getValues, fieldKey: fieldKey, labelKey: labelKey, index: index, optionsAC: optionsAC, optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: onEditModel, sx: {
+                                        mr: i + 1 === j.length ? 0 : 2,
+                                    }, options: options, isSemaphoric: isSemaphoric, label: label, onValueChange: onValueChange, decimalScale: decimalScale }, props))))))));
+                    }))))));
+        })));
+}
+exports.default = FormBySchema;