drf-react-by-schema 0.5.0 → 0.5.2

package/dist/api.js

@@ -333,12 +333,12 @@ const prepareDataBySchema = ({ data, schema, parentIsField = false }) => {
     return dbData;
 };
 const updateDataBySchema = ({ model, modelObjectId, serverEndPoint, data, schema, path = null }) => __awaiter(void 0, void 0, void 0, function* () {
-    // console.log({
-    //     model,
-    //     modelObjectId,
-    //     data,
-    //     schema
-    // });
+    /*console.log({
+        model,
+        modelObjectId,
+        data,
+        schema
+    });*/
     const dbData = prepareDataBySchema({ data, schema });
     if (!path) {
         path = model;

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

@@ -4,6 +4,10 @@ type GridDecimalInputProps = {
     id: number | string;
     value?: any;
     column: object;
+    decimalPlaces?: number;
+    prefix?: string;
+    suffix?: string;
+    isCurrency?: boolean;
 };
-export declare const GridDecimalInput: ({ id, value, field }: GridDecimalInputProps) => JSX.Element;
+export declare const GridDecimalInput: ({ id, value, field, decimalPlaces, prefix, suffix, isCurrency, }: GridDecimalInputProps) => JSX.Element;
 export {};

package/dist/components/DataGridBySchemaEditable/GridDecimalInput.js

@@ -17,16 +17,21 @@ const react_1 = __importDefault(require("react"));
 const x_data_grid_1 = require("@mui/x-data-grid");
 const react_number_format_1 = require("react-number-format");
 const TextField_1 = __importDefault(require("@mui/material/TextField"));
-const GridDecimalInput = ({ id, value, field }) => {
+const GridDecimalInput = ({ id, value, field, decimalPlaces, prefix, suffix, isCurrency, }) => {
     const apiRef = (0, x_data_grid_1.useGridApiContext)();
-    const decimalScale = 2;
-    const disableCurrency = true;
+    const prefixFinal = isCurrency
+        ? 'R$ '
+        : prefix !== ''
+            ? `${prefix} `
+            : '';
+    const suffixFinal = suffix !== '' ? ` ${suffix}` : '';
+    const decimalScale = decimalPlaces || 2;
     const handleChange = (newValue) => __awaiter(void 0, void 0, void 0, function* () {
         yield apiRef.current.setEditCellValue({ id, field, value: newValue });
         apiRef.current.stopCellEditMode({ id, field });
     });
-    return (react_1.default.createElement(react_number_format_1.NumericFormat, { key: field, id: field, onValueChange: (values, sourceInfo) => {
+    return (react_1.default.createElement(react_number_format_1.NumericFormat, { key: field, id: field, onValueChange: (values) => {
             handleChange(values.value);
-        }, value: value, thousandSeparator: '.', decimalSeparator: ',', decimalScale: decimalScale, fixedDecimalScale: true, valueIsNumericString: true, prefix: disableCurrency ? '' : 'R$ ', customInput: TextField_1.default }));
+        }, value: value, thousandSeparator: '.', decimalSeparator: ',', decimalScale: decimalScale, fixedDecimalScale: true, valueIsNumericString: true, prefix: prefixFinal, suffix: suffixFinal, customInput: TextField_1.default }));
 };
 exports.GridDecimalInput = GridDecimalInput;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SxProps } from '@mui/material';
 import { GridEnrichedBySchemaColDef } from '../../utils';
-import { OptionsACType } from '../../context/APIWrapperContext';
+import { OptionsACType, OnEditModelType } from '../../context/APIWrapperContext';
 interface SelectEditInputCellProps {
     field: string;
     id: number | string;
@@ -11,6 +11,7 @@ interface SelectEditInputCellProps {
     optionsAC: React.MutableRefObject<OptionsACType | null>;
     isIndexField: boolean;
     multiple?: boolean;
+    onEditModel?: (p: OnEditModelType) => void;
     sx?: SxProps;
 }
 /**
@@ -29,5 +30,5 @@ interface SelectEditInputCellProps {
  * }
  * @returns {*}  {JSX.Element}
  */
-export declare function SelectEditInputCell({ field, id, value, column, type, optionsAC, isIndexField, multiple, sx }: SelectEditInputCellProps): JSX.Element;
+export declare function SelectEditInputCell({ field, id, value, column, type, optionsAC, isIndexField, multiple, onEditModel, sx }: SelectEditInputCellProps): JSX.Element;
 export {};

package/dist/components/DataGridBySchemaEditable/SelectEditInputCell.js

@@ -39,6 +39,8 @@ exports.SelectEditInputCell = void 0;
 const react_1 = __importDefault(require("react"));
 const x_data_grid_1 = require("@mui/x-data-grid");
 const TextField_1 = __importDefault(require("@mui/material/TextField"));
+const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+const Edit_1 = __importDefault(require("@mui/icons-material/Edit"));
 const Autocomplete_1 = __importStar(require("@mui/material/Autocomplete"));
 const utils_1 = require("../../utils");
 const filter = (0, Autocomplete_1.createFilterOptions)();
@@ -58,7 +60,7 @@ const filter = (0, Autocomplete_1.createFilterOptions)();
  * }
  * @returns {*}  {JSX.Element}
  */
-function SelectEditInputCell({ field, id, value, column, type, optionsAC, isIndexField, multiple = false, sx = {} }) {
+function SelectEditInputCell({ field, id, value, column, type, optionsAC, isIndexField, multiple = false, onEditModel, sx = {} }) {
     // TODO: allow edit option label, as in formautocomplete!
     const apiRef = (0, x_data_grid_1.useGridApiContext)();
     const handleChange = (newValue) => __awaiter(this, void 0, void 0, function* () {
@@ -135,6 +137,17 @@ function SelectEditInputCell({ field, id, value, column, type, optionsAC, isInde
                 };
             }
             handleChange(newValue);
-        }, fullWidth: true, renderInput: params => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { sx: sx }))) }, creatableProps)));
+        }, fullWidth: true, renderInput: params => (react_1.default.createElement(react_1.default.Fragment, null, column.creatable
+            ? react_1.default.createElement(TextField_1.default, Object.assign({}, params, { margin: "normal", InputProps: Object.assign(Object.assign({}, params.InputProps), { endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
+                        !multiple && onEditModel && value && (react_1.default.createElement(IconButton_1.default, { size: "small", onClick: () => {
+                                onEditModel({
+                                    model: field,
+                                    id: value[valueKey],
+                                    labelKey,
+                                });
+                            } },
+                            react_1.default.createElement(Edit_1.default, null))),
+                        params.InputProps.endAdornment)) }) }))
+            : react_1.default.createElement(TextField_1.default, Object.assign({}, params, { sx: sx })))) }, creatableProps)));
 }
 exports.SelectEditInputCell = SelectEditInputCell;

package/dist/components/DataGridBySchemaEditable.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Item, SchemaType, Id, GridEnrichedBySchemaColDef } from '../utils';
 import { SxProps } from '@mui/material';
+import { OnEditModelType } from '../context/APIWrapperContext';
 interface DataGridBySchemaEditableProps {
     schema: SchemaType;
     data: Item[];
@@ -23,6 +24,7 @@ interface DataGridBySchemaEditableProps {
     LinkComponent?: any;
     onProcessRow?: (p: any) => void;
     onDataChange?: (p: any) => void;
+    onEditModel?: (p: OnEditModelType) => void;
     isEditable?: boolean;
     sx?: SxProps;
     isAutoHeight?: boolean;

package/dist/components/DataGridBySchemaEditable.js

@@ -73,7 +73,7 @@ const APIWrapperContext_1 = require("../context/APIWrapperContext");
 const stringMask = require('string-mask');
 ;
 const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
-    var { schema, data, 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, isEditable = false, sx = { mr: 2 }, isAutoHeight = false, defaultValues = {}, hideFooterPagination = false, setVisibleRows } = _a, other = __rest(_a, ["schema", "data", "columns", "model", "fieldKey", "labelKey", "index", "name", "indexField", "addExistingModel", "indexFieldMinWidth", "indexFieldBasePath", "stateToLink", "minWidth", "modelParent", "modelParentId", "customColumnOperations", "customLinkDestination", "LinkComponent", "onProcessRow", "onDataChange", "isEditable", "sx", "isAutoHeight", "defaultValues", "hideFooterPagination", "setVisibleRows"]);
+    var { schema, data, 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 } = _a, other = __rest(_a, ["schema", "data", "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"]);
     const { serverEndPoint } = DRFReactBySchemaContext_1.DRFReactBySchemaContext
         ? react_1.default.useContext(DRFReactBySchemaContext_1.DRFReactBySchemaContext)
         : { serverEndPoint: null };
@@ -185,7 +185,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                         column.sortComparator = (v1, v2, param1, param2) => {
                             return (0, x_data_grid_1.gridStringOrNumberComparator)(v1.label, v2.label, param1, param2);
                         };
-                        column.renderEditCell = (params) => react_1.default.createElement(SelectEditInputCell_1.SelectEditInputCell, Object.assign({}, params, { column: column, type: schema[col.field].type, optionsAC: optionsAC, isIndexField: isIndexField }));
+                        column.renderEditCell = (params) => react_1.default.createElement(SelectEditInputCell_1.SelectEditInputCell, Object.assign({}, params, { column: column, type: schema[col.field].type, optionsAC: optionsAC, isIndexField: isIndexField, onEditModel: onEditModel }));
                         break;
                     }
                     column.valueGetter = params => {
@@ -202,7 +202,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                                 : params.value.map(val => val.label).join(', ');
                         };
                         column.filterable = false;
-                        column.renderEditCell = (params) => react_1.default.createElement(SelectEditInputCell_1.SelectEditInputCell, Object.assign({}, params, { column: column, type: schema[col.field].type, optionsAC: optionsAC, isIndexField: isIndexField, multiple: true }));
+                        column.renderEditCell = (params) => react_1.default.createElement(SelectEditInputCell_1.SelectEditInputCell, Object.assign({}, params, { column: column, type: schema[col.field].type, optionsAC: optionsAC, isIndexField: isIndexField, multiple: schema[col.field].many || false }));
                         break;
                     }
                     column.valueGetter = params => {
@@ -242,17 +242,21 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                     break;
                 case 'decimal':
                 case 'float':
+                    const decimalScale = schema[col.field].decimal_places || 2;
+                    const prefix = schema[col.field].prefix || '';
+                    const suffix = schema[col.field].suffix || '';
+                    const isCurrency = schema[col.field].is_currency;
                     column.type = 'number';
                     column.valueFormatter = params => {
                         return (!params.value)
                             ? ''
                             : parseFloat(params.value).toLocaleString('pt-BR', {
-                                minimumFractionDigits: 2,
-                                maximumFractionDigits: 2
+                                minimumFractionDigits: decimalScale,
+                                maximumFractionDigits: decimalScale
                             });
                     };
                     if (isEditable) {
-                        column.renderEditCell = (params) => react_1.default.createElement(GridDecimalInput_1.GridDecimalInput, Object.assign({}, params, { column: column }));
+                        column.renderEditCell = (params) => react_1.default.createElement(GridDecimalInput_1.GridDecimalInput, Object.assign({}, params, { decimalScale: decimalScale, isCurrency: isCurrency, prefix: prefix, suffix: suffix, column: column }));
                     }
                     column.filterOperators = (0, utils_2.quantityOnlyOperators)({ type: 'float' });
                     break;

package/dist/components/GenericModelList.js

@@ -55,7 +55,6 @@ const GenericModelList = ({ columnFields, hiddenFields = [], minWidthFields, ind
     }
     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);

package/dist/context/APIWrapper.js

@@ -88,7 +88,7 @@ function APIWrapper({ setLoading, handleLoading, setSnackBar, setDialog, childre
             severity
         });
     };
-    const loadSinglePageData = ({ model, objId, optionsACModels, extraValidators = {} }) => __awaiter(this, void 0, void 0, function* () {
+    const loadSinglePageData = ({ model, objId, optionsACModels, defaults = {}, extraValidators = {} }) => __awaiter(this, void 0, void 0, function* () {
         setLoading(true);
         if (!objId || objId === 'novo') {
             objId = (0, utils_1.getTmpId)();
@@ -105,6 +105,11 @@ function APIWrapper({ setLoading, handleLoading, setSnackBar, setDialog, childre
         }
         setLoading(false);
         populateOptionsAC(optionsACModels);
+        for (const [field, value] of Object.entries(defaults)) {
+            if (!object.data[field]) {
+                object.data[field] = value;
+            }
+        }
         const values = populateInitialValues(Object.assign({ model, id: objId, extraValidators }, object));
         return values;
     });

package/dist/context/APIWrapperContext.d.ts

@@ -7,6 +7,7 @@ export interface LoadSinglePageDataProps {
     objId?: Id;
     objTitleField?: string;
     optionsACModels: string[];
+    defaults?: Item;
     basePath?: string;
     formPath?: string | null;
     extraValidators?: Item;
@@ -19,13 +20,13 @@ export interface PageFormType {
     validationSchema: Item | null;
 }
 export interface OnEditModelType {
-    fieldKey: string;
-    index: string;
+    fieldKey?: string;
+    index?: string;
     model: string;
     id: Id;
     labelKey: string;
-    setValue: (p: any) => void;
-    getValues: (p: any) => any;
+    setValue?: (p: any) => void;
+    getValues?: (p: any) => any;
 }
 export interface OnEditRelatedModelType {
     model: string;

package/dist/utils.d.ts

@@ -16,8 +16,13 @@ export interface Field {
     model_required?: boolean;
     choices?: Choice[];
     max_length?: number | string;
+    max_digits?: number;
+    decimal_places?: number;
     label: string;
     read_only?: boolean;
+    is_currency?: boolean;
+    prefix?: string;
+    suffix?: string;
 }
 interface GridBySchemaColDef extends GridColDef {
     isIndexField?: boolean;

package/dist/utils.js

@@ -69,8 +69,7 @@ const getChoiceByValue = (value, choices) => {
 exports.getChoiceByValue = getChoiceByValue;
 const populateValues = ({ data, schema }) => {
     const values = {};
-    for (const entry of Object.entries(schema)) {
-        const [key, field] = entry;
+    for (const [key, field] of Object.entries(schema)) {
         if (key === 'id' && (0, exports.isTmpId)(data[key])) {
             continue;
         }
@@ -141,6 +140,7 @@ const getYupValidator = (type) => {
                 yupFunc = Yup.string();
                 break;
             case 'number':
+            case 'decimal':
                 yupFunc = Yup.number();
                 break;
             case 'boolean':
@@ -206,6 +206,15 @@ const buildGenericYupValidationSchema = ({ data, schema, many = false, skipField
         if (field.max_length) {
             yupValidator[key] = yupValidator[key].max(parseInt(field.max_length), `Este campo só pode ter no máximo ${field.max_length} caracteres`);
         }
+        if (field.max_digits && field.type === 'decimal') {
+            const maxDigits = field.max_digits;
+            yupValidator[key] = yupValidator[key].test('len', `Este número pode ter no máximo ${maxDigits} dígitos`, (val) => {
+                if (!val) {
+                    return true;
+                }
+                return val.toString().length <= maxDigits;
+            });
+        }
     }
     // console.log({ yupValidator });
     return (many)

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "drf-react-by-schema",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "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",
   "scripts": {
     "test": "echo \"There are (still) no tests in this package\"",
     "build": "tsc",
-    "prepare": "install-peers",
     "styleguide": "styleguidist server",
     "styleguide:build": "styleguidist build",
     "release:major": "yarn version --version $(semver $npm_package_version -i major) && yarn publish --tag latest",

package/dist/components/TextFieldBySchema.js

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