drf-react-by-schema
Version:
Components and Tools for building a React App having Django Rest Framework (DRF) as server
47 lines (46 loc) • 2.48 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = DesktopDateTimePickerBySchema;
const react_1 = __importDefault(require("react"));
const react_hook_form_1 = require("react-hook-form");
const DesktopDateTimePicker_1 = require("@mui/x-date-pickers/DesktopDateTimePicker");
const LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
const AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
const dayjs_1 = __importDefault(require("dayjs"));
require("dayjs/locale/pt-br");
const utils_1 = require("../../../utils");
function DesktopDateTimePickerBySchema({ name, schema, control, errors, fieldKey, index, sx = { mr: 2, mt: 2 }, autoFocus, disabled, }) {
if (!(name in schema)) {
console.error(`DesktopDateTimePickerBySchema: could not find schema for ${name}! Not rendering`);
return;
}
const fieldSchema = schema[name];
if (fieldKey && index && index >= 0) {
name = `${fieldKey}.${index}.${name}`;
}
const { error, helperText } = fieldKey && index && index >= 0
? (0, utils_1.errorProps)({
fieldKey,
index,
fieldKeyProp: name,
errors,
})
: {
error: errors && Boolean(errors[name]),
helperText: errors && errors[name] ? errors[name].message : fieldSchema.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: fieldSchema.label, disabled: fieldSchema.disabled === true || disabled === true, format: "DD/MM/YYYY HH:mm", sx: Object.assign({ mt: 2, mb: 1 }, sx), slotProps: {
textField: {
error,
helperText,
sx,
margin: 'normal',
autoFocus,
required: (0, utils_1.isFieldRequired)(fieldSchema),
},
} })))) }));
}