@ssplib/react-components 0.0.32 → 0.0.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -40,13 +40,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
40
40
|
const material_1 = require("@mui/material");
|
|
41
41
|
const x_date_pickers_1 = require("@mui/x-date-pickers");
|
|
42
42
|
const AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
|
|
43
|
-
const
|
|
43
|
+
const x_date_pickers_2 = require("@mui/x-date-pickers");
|
|
44
44
|
const dayjs_1 = __importDefault(require("dayjs"));
|
|
45
45
|
const pt_br_1 = __importDefault(require("dayjs/locale/pt-br"));
|
|
46
46
|
const lodash_get_1 = __importDefault(require("lodash.get"));
|
|
47
47
|
const react_1 = __importStar(require("react"));
|
|
48
48
|
const form_1 = require("../../../context/form");
|
|
49
49
|
function DatePicker(_a) {
|
|
50
|
+
var _b;
|
|
50
51
|
var { name, required = false, title, xs = 12, sm, md, minDt, maxDt } = _a, props = __rest(_a, ["name", "required", "title", "xs", "sm", "md", "minDt", "maxDt"]);
|
|
51
52
|
const context = (0, react_1.useContext)(form_1.FormContext);
|
|
52
53
|
const [value, setValue] = (0, react_1.useState)(null);
|
|
@@ -58,22 +59,22 @@ function DatePicker(_a) {
|
|
|
58
59
|
react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
|
|
59
60
|
title && react_1.default.createElement(material_1.InputLabel, null, title),
|
|
60
61
|
react_1.default.createElement(x_date_pickers_1.LocalizationProvider, { adapterLocale: pt_br_1.default, dateAdapter: AdapterDayjs_1.AdapterDayjs },
|
|
61
|
-
react_1.default.createElement(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
62
|
+
react_1.default.createElement(x_date_pickers_2.DatePicker, { minDate: (0, dayjs_1.default)(minDt, 'DD/MM/YYYY'), maxDate: (0, dayjs_1.default)(maxDt, 'DD/MM/YYYY'), format: 'DD/MM/YYYY', value: value, onChange: handleChange, disableHighlightToday: true, sx: { outline: (0, lodash_get_1.default)(context.errors, name) ? '1px solid red' : '' }, inputRef: (params) => (react_1.default.createElement(material_1.TextField, Object.assign({ size: 'small' }, params, context === null || context === void 0 ? void 0 : context.formRegister(name, {
|
|
63
|
+
validate: (v, f) => {
|
|
64
|
+
console.log('meu valor: ', v);
|
|
65
|
+
if (!v)
|
|
66
|
+
v = '';
|
|
67
|
+
if (v.length <= 0 && required)
|
|
68
|
+
return 'Este campo é obrigatório';
|
|
69
|
+
if (v.length < 10 && required)
|
|
70
|
+
return 'A data precisa seguir o padrão DD/MM/AAAA';
|
|
71
|
+
if (minDt && !((0, dayjs_1.default)(minDt, 'DD/MM/YYYY').isSame((0, dayjs_1.default)(v, 'DD/MM/YYYY')) || (0, dayjs_1.default)(minDt, 'DD/MM/YYYY').isBefore((0, dayjs_1.default)(v, 'DD/MM/YYYY'))))
|
|
72
|
+
return 'Inicio precisa ser no mínimo 30 dias antes e no máximo 60 dias.';
|
|
73
|
+
if (maxDt && !((0, dayjs_1.default)(maxDt, 'DD/MM/YYYY').isSame((0, dayjs_1.default)(v, 'DD/MM/YYYY')) || (0, dayjs_1.default)(maxDt, 'DD/MM/YYYY').isAfter((0, dayjs_1.default)(v, 'DD/MM/YYYY'))))
|
|
74
|
+
return 'A data escolhida não é válida';
|
|
75
|
+
},
|
|
76
|
+
shouldUnregister: true,
|
|
77
|
+
}), { fullWidth: true }))) }),
|
|
78
|
+
react_1.default.createElement(material_1.Typography, { sx: { color: 'red' } }, (_b = (0, lodash_get_1.default)(context.errors, name)) === null || _b === void 0 ? void 0 : _b.message)))));
|
|
78
79
|
}
|
|
79
80
|
exports.default = DatePicker;
|
|
@@ -34,6 +34,7 @@ const lodash_get_1 = __importDefault(require("lodash.get"));
|
|
|
34
34
|
const react_1 = __importStar(require("react"));
|
|
35
35
|
const form_1 = require("../../../context/form");
|
|
36
36
|
function TimePicker({ name, required = false, title, xs = 12, sm, md }) {
|
|
37
|
+
var _a;
|
|
37
38
|
const context = (0, react_1.useContext)(form_1.FormContext);
|
|
38
39
|
const [value, setValue] = (0, react_1.useState)(null);
|
|
39
40
|
const handleChange = (newValue) => {
|
|
@@ -43,18 +44,17 @@ function TimePicker({ name, required = false, title, xs = 12, sm, md }) {
|
|
|
43
44
|
return (react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
|
|
44
45
|
title && react_1.default.createElement(material_1.InputLabel, { required: required }, title),
|
|
45
46
|
react_1.default.createElement(x_date_pickers_1.LocalizationProvider, { adapterLocale: pt_br_1.default, dateAdapter: AdapterDayjs_1.AdapterDayjs },
|
|
46
|
-
react_1.default.createElement(x_date_pickers_1.TimePicker, { value: value, ampm: false, onChange: handleChange, inputRef: (params) => {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
} }))));
|
|
47
|
+
react_1.default.createElement(x_date_pickers_1.TimePicker, { value: value, ampm: false, onChange: handleChange, sx: { outline: (0, lodash_get_1.default)(context.errors, name) ? '1px solid red' : '' }, inputRef: (params) => (react_1.default.createElement(material_1.TextField, Object.assign({ size: 'small' }, params, context === null || context === void 0 ? void 0 : context.formRegister(name, {
|
|
48
|
+
validate: (v, f) => {
|
|
49
|
+
if (!v)
|
|
50
|
+
v = '';
|
|
51
|
+
if (v.length <= 0 && required)
|
|
52
|
+
return 'Este campo é obrigatório';
|
|
53
|
+
if (v.length < 5 && required)
|
|
54
|
+
return 'A hora precisa seguir o padrão HH:MM';
|
|
55
|
+
},
|
|
56
|
+
shouldUnregister: true,
|
|
57
|
+
}), { fullWidth: true }))) }),
|
|
58
|
+
react_1.default.createElement(material_1.Typography, { sx: { color: 'red' } }, (_a = (0, lodash_get_1.default)(context.errors, name)) === null || _a === void 0 ? void 0 : _a.message))));
|
|
59
59
|
}
|
|
60
60
|
exports.default = TimePicker;
|