drf-react-by-schema 0.14.1 → 0.14.3

package/dist/components/forms/FormBySchema.js

@@ -157,9 +157,7 @@ function FormBySchema(_a) {
                         }
                         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))))))));
+                                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: Object.assign(Object.assign({}, sx), { mr: i + 1 === j.length ? 0 : 2 }), options: options, isSemaphoric: isSemaphoric, label: label, onValueChange: onValueChange, decimalScale: decimalScale }, props))))))));
                     }))))));
         })));
 }

package/dist/components/forms/inputs/BooleanFieldBySchema.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { FieldBySchemaProps } from '../../../utils';
-export default function BooleanFieldBySchema({ name, schema, control, errors, fieldKey, index, sx, onValueChange, ...other }: FieldBySchemaProps): JSX.Element;
+export default function BooleanFieldBySchema({ name, schema, control, fieldKey, index, sx, onValueChange, ...other }: FieldBySchemaProps): JSX.Element;

package/dist/components/forms/inputs/BooleanFieldBySchema.js

@@ -19,28 +19,16 @@ const react_hook_form_1 = require("react-hook-form");
 const Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
 const FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
 function BooleanFieldBySchema(_a) {
-    var { name, schema, control, errors, fieldKey, index, sx = { mr: 2 }, onValueChange } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "fieldKey", "index", "sx", "onValueChange"]);
+    var { name, schema, control, fieldKey, index, sx = { mr: 2 }, onValueChange } = _a, other = __rest(_a, ["name", "schema", "control", "fieldKey", "index", "sx", "onValueChange"]);
     const model = name;
     if (fieldKey && index && index >= 0) {
         name = `${fieldKey}.${index}.${name}`;
     }
-    // const { error, helperText } =
-    //     fieldKey && index >= 0
-    //         ? errorProps({
-    //               fieldKey,
-    //               index,
-    //               fieldKeyProp: name,
-    //               errors,
-    //           })
-    //         : {
-    //               error: errors && Boolean(errors[name]),
-    //               helperText: errors && errors[name] ? errors[name].message : schema[name].help_text || '',
-    //           };
     return (react_1.default.createElement(react_hook_form_1.Controller, { name: name, control: control, render: ({ field }) => (react_1.default.createElement(FormControlLabel_1.default, { control: react_1.default.createElement(Checkbox_1.default, Object.assign({}, field, other, { value: field.value || false, checked: field.value || false, inputProps: { 'aria-label': 'controlled' }, onChange: (e) => {
                     if (onValueChange) {
                         onValueChange(e);
                     }
                     field.onChange(e);
-                } })), label: schema[model].label, required: schema[model].required })) }));
+                }, sx: sx })), label: schema[model].label, required: schema[model].required })) }));
 }
 exports.default = BooleanFieldBySchema;

package/dist/components/forms/inputs/DesktopDatePickerBySchema.js

@@ -25,7 +25,7 @@ const dayjs_1 = __importDefault(require("dayjs"));
 require("dayjs/locale/pt-br");
 const utils_2 = require("../../../utils");
 function DesktopDatePickerBySchema(_a) {
-    var { name, schema, control, errors, fieldKey = null, index = null, sx } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "fieldKey", "index", "sx"]);
+    var { name, schema, control, errors, fieldKey, index, sx = { mr: 2, mt: 2 } } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "fieldKey", "index", "sx"]);
     if (!sx) {
         sx = { minWidth: 200 };
     }
@@ -49,6 +49,6 @@ function DesktopDatePickerBySchema(_a) {
             helperText: errors && errors[name] ? errors[name].message : schema[name].help_text || '',
         };
     return (react_1.default.createElement(react_hook_form_1.Controller, { name: name, control: control, render: ({ field }) => (react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterDayjs_1.AdapterDayjs, adapterLocale: "pt-br" },
-            react_1.default.createElement(DesktopDatePicker_1.DesktopDatePicker, Object.assign({}, field, { value: (0, dayjs_1.default)(field.value), label: schema[model].label, views: schema[model].date_views, inputFormat: inputFormat, renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, other, { sx: sx, margin: "normal", error: error, helperText: helperText }))) })))) }));
+            react_1.default.createElement(DesktopDatePicker_1.DesktopDatePicker, Object.assign({}, field, { value: (0, dayjs_1.default)(field.value), label: schema[model].label, views: schema[model].date_views, inputFormat: inputFormat, sx: Object.assign({ mt: 2, mb: 1 }, sx), renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, other, { sx: sx, margin: "normal", error: error, helperText: helperText }))) })))) }));
 }
 exports.default = DesktopDatePickerBySchema;

package/dist/components/forms/inputs/DesktopDateTimePickerBySchema.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import 'dayjs/locale/pt-br';
 import { FieldBySchemaProps } from '../../../utils';
-export default function DesktopDateTimePickerBySchema({ name, schema, control, errors, multiline, fieldKey, index, sx, ...other }: FieldBySchemaProps): JSX.Element;
+export default function DesktopDateTimePickerBySchema({ name, schema, control, errors, fieldKey, index, sx, ...other }: FieldBySchemaProps): JSX.Element;

package/dist/components/forms/inputs/DesktopDateTimePickerBySchema.js

@@ -24,7 +24,7 @@ const dayjs_1 = __importDefault(require("dayjs"));
 require("dayjs/locale/pt-br");
 const utils_1 = require("../../../utils");
 function DesktopDateTimePickerBySchema(_a) {
-    var { name, schema, control, errors, multiline = false, fieldKey = null, index = null, sx = { mr: 2 } } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "multiline", "fieldKey", "index", "sx"]);
+    var { name, schema, control, errors, fieldKey, index, sx = { mr: 2, mt: 2 } } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "fieldKey", "index", "sx"]);
     const model = name;
     if (fieldKey && index && index >= 0) {
         name = `${fieldKey}.${index}.${name}`;
@@ -41,6 +41,6 @@ function DesktopDateTimePickerBySchema(_a) {
             helperText: errors && errors[name] ? errors[name].message : schema[name].help_text || '',
         };
     return (react_1.default.createElement(react_hook_form_1.Controller, { name: name, control: control, render: ({ field }) => (react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterDayjs_1.AdapterDayjs, adapterLocale: "pt-br" },
-            react_1.default.createElement(DesktopDateTimePicker_1.DesktopDateTimePicker, Object.assign({}, field, { value: (0, dayjs_1.default)(field.value), label: schema[model].label, inputFormat: "DD/MM/yyyy HH:mm", renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, other, { sx: sx, margin: "normal", error: error, helperText: helperText }))) })))) }));
+            react_1.default.createElement(DesktopDateTimePicker_1.DesktopDateTimePicker, Object.assign({}, field, { value: (0, dayjs_1.default)(field.value), label: schema[model].label, inputFormat: "DD/MM/yyyy HH:mm", sx: Object.assign({ mt: 2, mb: 1 }, sx), renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, other, { error: error, helperText: helperText }))) })))) }));
 }
 exports.default = DesktopDateTimePickerBySchema;

package/dist/components/forms/inputs/TextFieldBySchema.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { FieldBySchemaProps } from '../../../utils';
-export default function TextFieldBySchema({ name, schema, control, errors, multiline, minRows, fieldKey, index, sx, isPassword, type, autocomplete, ...other }: FieldBySchemaProps): JSX.Element;
+export default function TextFieldBySchema({ name, schema, control, errors, multiline, minRows, fieldKey, index, sx, isPassword, type, autocomplete, disabled, ...other }: FieldBySchemaProps): JSX.Element;

package/dist/components/forms/inputs/TextFieldBySchema.js

@@ -19,7 +19,7 @@ const react_hook_form_1 = require("react-hook-form");
 const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const utils_1 = require("../../../utils");
 function TextFieldBySchema(_a) {
-    var { name, schema, control, errors, multiline = false, minRows, fieldKey, index, sx = { mr: 2 }, isPassword = false, type, autocomplete } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "multiline", "minRows", "fieldKey", "index", "sx", "isPassword", "type", "autocomplete"]);
+    var { name, schema, control, errors, multiline = false, minRows, fieldKey, index, sx = { mr: 2 }, isPassword = false, type, autocomplete, disabled } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "multiline", "minRows", "fieldKey", "index", "sx", "isPassword", "type", "autocomplete", "disabled"]);
     const model = name;
     if (fieldKey && index && index >= 0) {
         name = `${fieldKey}.${index}.${name}`;
@@ -39,6 +39,6 @@ function TextFieldBySchema(_a) {
             error: errors && Boolean(errors[name]),
             helperText: errors && errors[name] ? errors[name].message : schema[name].help_text || '',
         };
-    return (react_1.default.createElement(react_hook_form_1.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, required: schema[model].required, disabled: schema[model].disabled === true, margin: "normal", fullWidth: true, multiline: multiline, error: error, helperText: helperText, sx: sx, type: type, autoComplete: autocomplete, minRows: minRows }))) }));
+    return (react_1.default.createElement(react_hook_form_1.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, required: schema[model].required, disabled: schema[model].disabled === true || disabled, margin: "normal", fullWidth: true, multiline: multiline, error: error, helperText: helperText, sx: sx, type: type, autoComplete: autocomplete, minRows: minRows }))) }));
 }
 exports.default = TextFieldBySchema;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drf-react-by-schema",
-  "version": "0.14.1",
+  "version": "0.14.3",
   "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",