drf-react-by-schema 0.17.16 → 0.18.0

package/dist/context/APIWrapper.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -84,7 +94,7 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
             severity,
         });
     };
-    const loadSinglePageData = ({ model, objId, optionsACModels = null, defaults = {}, extraValidators = {}, }) => __awaiter(this, void 0, void 0, function* () {
+    const loadSinglePageData = (_a) => __awaiter(this, [_a], void 0, function* ({ model, objId, optionsACModels = null, defaults = {}, extraValidators = {}, }) {
         handleLoading(true);
         if (!objId || objId === 'novo') {
             objId = (0, utils_1.getTmpId)();
@@ -215,7 +225,7 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
         handleLoading(false);
         return true;
     });
-    const onEditModelDataGridSave = ({ model, newRow, schema, }) => __awaiter(this, void 0, void 0, function* () {
+    const onEditModelDataGridSave = (_a) => __awaiter(this, [_a], void 0, function* ({ model, newRow, schema, }) {
         const response = yield (0, api_1.updateDataBySchema)({
             model,
             modelObjectId: newRow.id,
@@ -242,7 +252,7 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
         });
         return response;
     });
-    const onEditModel = ({ fieldKey, index, model, id, labelKey, setValue, getValues, fieldsLayout, }) => {
+    const onEditModel = ({ fieldKey, index, model, id, labelKey, setValue, getValues, fieldsLayout, initialValuesPartial, }) => {
         setDialog({
             open: true,
             loading: true,
@@ -257,17 +267,20 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
                 });
                 return false;
             }
-            const values = (0, utils_1.populateValues)(result);
+            const populatedValues = (0, utils_1.populateValues)(result);
             const yupSchema = (0, utils_1.buildGenericYupValidationSchema)({
                 schema: result.schema,
-                data: values,
+                data: populatedValues,
             });
+            const values = (0, utils_1.isTmpId)(id) && initialValuesPartial
+                ? Object.assign(Object.assign({}, populatedValues), initialValuesPartial) : Object.assign({}, populatedValues);
             setDialog({
                 open: true,
                 loading: false,
                 title: 'Editar',
-                Body: (react_1.default.createElement(DialogFormBySchema_1.default, { schema: result.schema, validationSchema: yupSchema, initialValues: values, setDialog: setDialog, getAutoComplete: localGetAutoComplete, onEditModelSave: onEditModelSave, fieldsLayout: fieldsLayout })),
+                Body: (react_1.default.createElement(DialogFormBySchema_1.default, { schema: result.schema, validationSchema: yupSchema, initialValues: values, setDialog: setDialog, getAutoComplete: localGetAutoComplete, onEditModelSave: onEditModelSave, fieldsLayout: fieldsLayout, isCancelDisabled: true, forceSaveEnabled: true })),
                 Actions: react_1.default.createElement(react_1.default.Fragment, null),
+                isCancelDisabled: true,
             });
             editModel.current = {
                 fieldKey,
@@ -313,7 +326,7 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
         });
         return false;
     });
-    const onEditRelatedModelSave = ({ model, id, relatedModel, newRow, schema, onlyAddExisting, }) => __awaiter(this, void 0, void 0, function* () {
+    const onEditRelatedModelSave = (_a) => __awaiter(this, [_a], void 0, function* ({ model, id, relatedModel, newRow, schema, onlyAddExisting, }) {
         const updateUrl = `${model}/${id}/${relatedModel}`;
         if (onlyAddExisting) {
             const response = yield (0, api_1.addExistingRelatedModel)({
@@ -377,7 +390,7 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
         });
         return response;
     });
-    const onDeleteRelatedModel = ({ model, id, relatedModel, relatedModelId, }) => __awaiter(this, void 0, void 0, function* () {
+    const onDeleteRelatedModel = (_a) => __awaiter(this, [_a], void 0, function* ({ model, id, relatedModel, relatedModelId, }) {
         const deleteUrl = `${model}/${id}/${relatedModel}`;
         const response = yield (0, api_1.deleteData)(deleteUrl, serverEndPoint, relatedModelId);
         if (response !== true) {

package/dist/context/APIWrapperContext.d.ts

@@ -30,6 +30,7 @@ export interface OnEditModelType {
     setValue?: UseFormSetValue<FieldValues>;
     getValues?: UseFormGetValues<FieldValues>;
     fieldsLayout?: FormFieldLayout[];
+    initialValuesPartial?: Record<string, string>;
 }
 export interface OnEditRelatedModelType {
     model: string;
@@ -63,6 +64,7 @@ export interface DialogType {
     title?: string;
     Body?: React.ReactNode;
     Actions?: React.ReactNode;
+    isCancelDisabled?: boolean;
 }
 export type DRFReactBySchemaSubmitHandler = (...args: [...[model: string, id: Id], ...Parameters<SubmitHandler<FieldValues>>]) => ReturnType<SubmitHandler<FieldValues>>;
 export interface APIWrapperContextType {

package/dist/context/DRFReactBySchemaProvider.d.ts

@@ -9,5 +9,5 @@ interface DRFReactBySchemaProviderProps extends DRFReactBySchemaContextType {
  * @param {*} props
  * @returns {*}
  */
-declare const DRFReactBySchemaProvider: ({ serverEndPoint, theme, isInBatches, firstBatchLength, children, }: DRFReactBySchemaProviderProps) => JSX.Element;
+declare const DRFReactBySchemaProvider: ({ serverEndPoint, theme, isInBatches, firstBatchLength, children, }: DRFReactBySchemaProviderProps) => React.JSX.Element;
 export default DRFReactBySchemaProvider;

package/dist/context/Form.d.ts

@@ -17,5 +17,5 @@ interface FormProps {
     formButtonsSx?: any;
     children: React.ReactNode;
 }
-export default function Form({ model, id, objTitleField, optionsACModels, cancelBtn, cancelBtnLabel, deleteBtnLabel, saveAndCreateNewBtnLabel, saveAndContinueBtnLabel, saveBtnLabel, onSuccess, borderBottom, saveAndContinue, formButtonsSx, children, }: FormProps): JSX.Element;
+export default function Form({ model, id, objTitleField, optionsACModels, cancelBtn, cancelBtnLabel, deleteBtnLabel, saveAndCreateNewBtnLabel, saveAndContinueBtnLabel, saveBtnLabel, onSuccess, borderBottom, saveAndContinue, formButtonsSx, children, }: FormProps): React.JSX.Element;
 export {};

package/dist/context/Overlays.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export default function Overlays({ children }: {
     children: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/context/Overlays.js

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Overlays;
 const react_1 = __importStar(require("react"));
 const Backdrop_1 = __importDefault(require("@mui/material/Backdrop"));
 const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
@@ -77,10 +88,9 @@ function Overlays({ children }) {
                 setSnackBar({ open: false });
             }, anchorOrigin: { vertical: 'top', horizontal: 'right' } },
             react_1.default.createElement(Alert_1.default, { severity: snackBar.severity }, snackBar.msg))),
-        dialog && (react_1.default.createElement(Dialog_1.default, { open: dialog.open, onClose: handleDialogClose },
+        dialog && (react_1.default.createElement(Dialog_1.default, { open: dialog.open, onClose: handleDialogClose, disableEscapeKeyDown: !dialog.isCancelDisabled },
             react_1.default.createElement(DialogTitle_1.default, null, dialog.loading ? 'Carregando...' : dialog.title),
             react_1.default.createElement(DialogContent_1.default, null, dialog.loading ? (react_1.default.createElement(Box_1.default, { sx: { display: 'flex' } },
                 react_1.default.createElement(CircularProgress_1.default, null))) : (react_1.default.createElement(react_1.default.Fragment, null, dialog.Body))),
             react_1.default.createElement(DialogActions_1.default, null, !dialog.loading && react_1.default.createElement(react_1.default.Fragment, null, dialog.Actions))))));
 }
-exports.default = Overlays;

package/dist/styles/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
 const Layout = __importStar(require("./layout"));

package/dist/styles/layout.d.ts

@@ -96,7 +96,7 @@ export declare const fullWidthButton: {
 };
 export declare const formCard: {
     width: string;
-    backgroundColor: any;
+    backgroundColor: string;
     mt: number;
     mb: number;
 };

package/dist/styles/theme.d.ts

@@ -17,5 +17,5 @@ declare module '@mui/material/styles' {
         semaphoric?: string;
     }
 }
-declare const defaultTheme: any;
+declare const defaultTheme: import("@mui/material/styles").Theme;
 export default defaultTheme;

package/dist/utils.d.ts

@@ -1,3 +1,4 @@
+import * as Yup from 'yup';
 import { ReactElement } from 'react';
 import { GridActionsColDef, GridColDef, GridFilterModel, GridSortModel } from '@mui/x-data-grid';
 import { Control, FieldValues, UseFormGetValues, UseFormSetValue } from 'react-hook-form';
@@ -159,15 +160,15 @@ export declare const populateValues: ({ data, schema }: {
 export declare const buildGenericYupValidationSchema: ({ data, schema, many, skipFields, extraValidators, }: {
     data: Item;
     schema: SchemaType;
-    many?: boolean | undefined;
-    skipFields?: string[] | undefined;
-    extraValidators?: Item | undefined;
-}) => any;
+    many?: boolean;
+    skipFields?: string[];
+    extraValidators?: Item;
+}) => Yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>> | Yup.ArraySchema<Yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>>, import("yup/lib/types").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>[] | undefined, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>[] | undefined>;
 export declare const errorProps: ({ errors, fieldKey, fieldKeyProp, index, }: {
     errors: Item;
     fieldKey: string;
     fieldKeyProp: string;
-    index?: number | undefined;
+    index?: number;
 }) => {
     error: any;
     helperText: any;
@@ -180,7 +181,7 @@ export type AddParametersToEnd<TFunction extends (...args: any) => any, TParamet
 export declare function buildDateFormatBySchema(dateViews: string[] | null | undefined): "DD/MM/YYYY" | "MM/YYYY" | "YYYY" | "MM" | "DD";
 export declare const slugToCamelCase: (str: string, includeFirst?: boolean) => string;
 export declare const slugify: (text: string | null) => string;
-export declare function mergeFilterItems(defaultFilter: GridFilterModel | undefined, filter: GridFilterModel | undefined): any;
+export declare function mergeFilterItems(defaultFilter: GridFilterModel | undefined, filter: GridFilterModel | undefined): GridFilterModel | undefined;
 export type ActionType = 'editInline' | 'remove' | 'edit' | 'view';
 export interface CustomAction {
     key: string;

package/dist/utils.js

@@ -15,15 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeFilterItems = exports.slugify = exports.slugToCamelCase = exports.buildDateFormatBySchema = exports.getPatternFormat = exports.reducer = exports.isTmpId = exports.getTmpId = exports.errorProps = exports.buildGenericYupValidationSchema = exports.populateValues = exports.getChoiceByValue = exports.emptyByType = void 0;
+exports.slugify = exports.slugToCamelCase = exports.getPatternFormat = exports.isTmpId = exports.getTmpId = exports.errorProps = exports.buildGenericYupValidationSchema = exports.populateValues = exports.getChoiceByValue = exports.emptyByType = void 0;
+exports.reducer = reducer;
+exports.buildDateFormatBySchema = buildDateFormatBySchema;
+exports.mergeFilterItems = mergeFilterItems;
 const Yup = __importStar(require("yup"));
 const emptyByType = (field, forDatabase = false) => {
     if (field.model_default) {
@@ -261,7 +274,6 @@ function reducer(state, newState) {
     }
     return Object.assign(Object.assign({}, state), newState);
 }
-exports.reducer = reducer;
 const getPatternFormat = (type) => {
     let format = '';
     switch (type) {
@@ -310,7 +322,6 @@ function buildDateFormatBySchema(dateViews) {
     }
     return defaultFormat;
 }
-exports.buildDateFormatBySchema = buildDateFormatBySchema;
 const slugToCamelCase = (str, includeFirst = false) => {
     if (!str) {
         return '';
@@ -363,4 +374,3 @@ function mergeFilterItems(defaultFilter, filter) {
     }
     return undefined;
 }
-exports.mergeFilterItems = mergeFilterItems;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drf-react-by-schema",
-  "version": "0.17.16",
+  "version": "0.18.0",
   "description": "Components and Tools for building a React App having Django Rest Framework (DRF) as server",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/components/DialogJSONSchemaForm.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { Item, SchemaType } from '../utils';
-interface DialogJSONSchemaFormProps {
-    jsonSchemaFormRef: any;
-    schema: SchemaType;
-    uiSchema: SchemaType;
-    formData: Item;
-    onSubmit: ({ formData }: {
-        formData: Item;
-    }) => void;
-}
-export default function DialogJSONSchemaForm({ jsonSchemaFormRef, schema, uiSchema, formData, onSubmit }: DialogJSONSchemaFormProps): JSX.Element;
-export {};

package/dist/components/DialogJSONSchemaForm.js

@@ -1,20 +0,0 @@
-"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;
-;