drf-react-by-schema
Version:
Components and Tools for building a React App having Django Rest Framework (DRF) as server
49 lines (48 loc) • 2.5 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = DesktopDatePickerBySchema;
const react_1 = __importDefault(require("react"));
const react_hook_form_1 = require("react-hook-form");
const DesktopDatePicker_1 = require("@mui/x-date-pickers/DesktopDatePicker");
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 DesktopDatePickerBySchema({ name, schema, control, errors, fieldKey, index, sx = { mr: 2, mt: 2 }, autoFocus, disabled, }) {
if (!sx) {
sx = { minWidth: 200 };
}
if (!sx.hasOwnProperty('minWidth')) {
sx = Object.assign(Object.assign({}, sx), { minWidth: 200 });
}
const model = name;
if (fieldKey && index && index >= 0) {
name = `${fieldKey}.${index}.${name}`;
}
const inputFormat = (0, utils_1.buildDateFormatBySchema)(schema[model].date_views);
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 : 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, disabled: schema[model].disabled === true || disabled === true, views: schema[model].date_views, format: inputFormat, sx: Object.assign({ mt: 2, mb: 1 }, sx), slotProps: {
textField: {
error,
helperText,
sx,
margin: 'normal',
autoFocus,
},
} })))) }));
}