@uxf/cms 2.2.2 → 2.2.3
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.
@@ -70,16 +70,16 @@ var requiredValidator = function (errorMessage) {
|
|
70
70
|
};
|
71
71
|
};
|
72
72
|
var DateTimePicker = function (props) {
|
73
|
-
var disabled = props.disabled, error = props.error, label = props.label, name = props.name, required = props.required, _a = props.requiredErrorMessage, requiredErrorMessage = _a === void 0 ? "Vyplňte políčko" : _a, _b = props.validate, validate = _b === void 0 ? [] : _b;
|
73
|
+
var disabled = props.disabled, error = props.error, label = props.label, name = props.name, required = props.required, _a = props.requiredErrorMessage, requiredErrorMessage = _a === void 0 ? "Vyplňte políčko" : _a, _b = props.validate, validate = _b === void 0 ? [] : _b, _c = props.variant, variant = _c === void 0 ? "outlined" : _c;
|
74
74
|
var validator = composeValidators_1.composeValidators.apply(void 0, __spreadArray([required && !disabled ? requiredValidator(requiredErrorMessage) : undefined], __read(validate), false));
|
75
|
-
var
|
75
|
+
var _d = (0, react_final_form_1.useField)(name, {
|
76
76
|
allowNull: true,
|
77
77
|
validate: validator,
|
78
|
-
}), input =
|
78
|
+
}), input = _d.input, meta = _d.meta;
|
79
79
|
var onChange = (0, react_1.useCallback)(function (date) { return input.onChange(date === null || date === void 0 ? void 0 : date.format("YYYY-MM-DD HH:mm")); }, [input]);
|
80
|
-
return (react_1.default.createElement(DateTimePicker_1.default, { clearable: true, renderInput: function (props) { return (react_1.default.createElement(material_1.TextField, __assign({}, props, { variant:
|
80
|
+
return (react_1.default.createElement(DateTimePicker_1.default, { clearable: true, renderInput: function (props) { return (react_1.default.createElement(material_1.TextField, __assign({}, props, { variant: variant, size: "small", helperText: meta.touched && meta.error, error: error || !!(meta.touched && meta.error), onFocus: input.onFocus, onBlur: input.onBlur, fullWidth: true }))); }, ampm: false, label: react_1.default.createElement(react_1.default.Fragment, null,
|
81
81
|
label,
|
82
82
|
required ? " *" : ""), disabled: disabled, value: input.value || null, onChange: onChange, onClose: input.onBlur, onOpen: input.onFocus }));
|
83
83
|
};
|
84
84
|
exports.DateTimePicker = DateTimePicker;
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVRpbWVQaWNrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9EYXRlVGltZVBpY2tlci9EYXRlVGltZVBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDJFQUEyRztBQUMzRywwQ0FBMEM7QUFHMUMsNkNBQXNEO0FBQ3RELHFEQUE0QztBQUM1QyxzRUFBcUU7QUFHckUsSUFBTSxpQkFBaUIsR0FDbkIsVUFBQyxZQUF1QjtJQUN4QixPQUFBLFVBQUMsS0FBYTtRQUNWLE9BQUEsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFlBQVk7SUFBaEMsQ0FBZ0M7QUFEcEMsQ0FDb0MsQ0FBQztBQUVsQyxJQUFNLGNBQWMsR0FBa0MsVUFBQyxLQUFLO0lBRTNELElBQUEsUUFBUSxHQVNSLEtBQUssU0FURyxFQUNSLEtBQUssR0FRTCxLQUFLLE1BUkEsRUFDTCxLQUFLLEdBT0wsS0FBSyxNQVBBLEVBQ0wsSUFBSSxHQU1KLEtBQUssS0FORCxFQUNKLFFBQVEsR0FLUixLQUFLLFNBTEcsRUFDUixLQUlBLEtBQUsscUJBSm1DLEVBQXhDLG9CQUFvQixtQkFBRyxpQkFBaUIsS0FBQSxFQUN4QyxLQUdBLEtBQUssU0FIUSxFQUFiLFFBQVEsbUJBQUcsRUFBRSxLQUFBLEVBQ2IsS0FFQSxLQUFLLFFBRmUsRUFBcEIsT0FBTyxtQkFBRyxVQUFVLEtBQUEsQ0FFZDtJQUVWLElBQU0sU0FBUyxHQUFHLHFDQUFpQiw4QkFDL0IsUUFBUSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLFVBQ3hFLFFBQVEsVUFDZCxDQUFDO0lBRUksSUFBQSxLQUFrQixJQUFBLDJCQUFRLEVBQWdCLElBQUksRUFBRTtRQUNsRCxTQUFTLEVBQUUsSUFBSTtRQUNmLFFBQVEsRUFBRSxTQUFTO0tBQ3RCLENBQUMsRUFITSxLQUFLLFdBQUEsRUFBRSxJQUFJLFVBR2pCLENBQUM7SUFFSCxJQUFNLFFBQVEsR0FBRyxJQUFBLG1CQUFXLEVBQ3hCLFVBQUMsSUFBSSxJQUFLLE9BQUEsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUMsRUFBaEQsQ0FBZ0QsRUFDMUQsQ0FBQyxLQUFLLENBQUMsQ0FDVixDQUFDO0lBRUYsT0FBTyxDQUNILDhCQUFDLHdCQUFpQixJQUNkLFNBQVMsUUFDVCxXQUFXLEVBQUUsVUFBQyxLQUFLLElBQUssT0FBQSxDQUNwQiw4QkFBQyxvQkFBUyxlQUNGLEtBQUssSUFDVCxPQUFPLEVBQUUsT0FBTyxFQUNoQixJQUFJLEVBQUMsT0FBTyxFQUNaLFVBQVUsRUFBRSxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQ3RDLEtBQUssRUFBRSxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQzlDLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxFQUN0QixNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFDcEIsU0FBUyxVQUNYLENBQ0wsRUFYdUIsQ0FXdkIsRUFDRCxJQUFJLEVBQUUsS0FBSyxFQUNYLEtBQUssRUFDRDtZQUNLLEtBQUs7WUFDTCxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUN0QixFQUVQLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxJQUFJLElBQUksRUFDMUIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsT0FBTyxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQ3JCLE1BQU0sRUFBRSxLQUFLLENBQUMsT0FBTyxHQUN2QixDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUF6RFcsUUFBQSxjQUFjLGtCQXlEekIifQ==
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import { DateTimePickerProps as MuiDateTimePickerProps } from "@mui/lab/DateTimePicker";
|
2
|
+
import { TextFieldProps } from "@mui/material";
|
2
3
|
import { FieldValidator } from "final-form";
|
3
4
|
export interface DateTimePickerProps extends Omit<MuiDateTimePickerProps, "name" | "required" | "onChange" | "value" | "renderInput"> {
|
4
5
|
error?: boolean;
|
@@ -6,4 +7,5 @@ export interface DateTimePickerProps extends Omit<MuiDateTimePickerProps, "name"
|
|
6
7
|
required?: boolean;
|
7
8
|
requiredErrorMessage?: string;
|
8
9
|
validate?: FieldValidator<string>[];
|
10
|
+
variant?: TextFieldProps["variant"];
|
9
11
|
}
|
package/package.json
CHANGED
@@ -30,10 +30,10 @@ var DatePicker_1 = __importDefault(require("@mui/lab/DatePicker"));
|
|
30
30
|
var TextField_1 = __importDefault(require("@mui/material/TextField"));
|
31
31
|
var react_1 = __importDefault(require("react"));
|
32
32
|
var DatePicker = function (props) {
|
33
|
-
var disabled = props.disabled, label = props.label, required = props.required, error = props.error, onBlur = props.onBlur, onFocus = props.onFocus, inputProps = __rest(props, ["disabled", "label", "required", "error", "onBlur", "onFocus"]);
|
34
|
-
return (react_1.default.createElement(DatePicker_1.default, __assign({ clearable: true, showTodayButton: true, renderInput: function (params) { return (react_1.default.createElement(TextField_1.default, __assign({}, params, { helperText: error, error: !!error, variant:
|
33
|
+
var disabled = props.disabled, label = props.label, required = props.required, error = props.error, onBlur = props.onBlur, onFocus = props.onFocus, _a = props.variant, variant = _a === void 0 ? "outlined" : _a, inputProps = __rest(props, ["disabled", "label", "required", "error", "onBlur", "onFocus", "variant"]);
|
34
|
+
return (react_1.default.createElement(DatePicker_1.default, __assign({ clearable: true, showTodayButton: true, renderInput: function (params) { return (react_1.default.createElement(TextField_1.default, __assign({}, params, { helperText: error, error: !!error, variant: variant, size: "small", onBlur: onBlur, onFocus: onFocus, fullWidth: true }))); }, label: react_1.default.createElement(react_1.default.Fragment, null,
|
35
35
|
label,
|
36
36
|
required ? " *" : ""), disabled: disabled, onClose: onBlur, onOpen: onFocus }, inputProps)));
|
37
37
|
};
|
38
38
|
exports.DatePicker = DatePicker;
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9EYXRlUGlja2VyL0RhdGVQaWNrZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtRUFBZ0Q7QUFDaEQsc0VBQWdEO0FBQ2hELGdEQUEwQjtBQUduQixJQUFNLFVBQVUsR0FBOEIsVUFBQyxLQUFLO0lBQy9DLElBQUEsUUFBUSxHQUFtRixLQUFLLFNBQXhGLEVBQUUsS0FBSyxHQUE0RSxLQUFLLE1BQWpGLEVBQUUsUUFBUSxHQUFrRSxLQUFLLFNBQXZFLEVBQUUsS0FBSyxHQUEyRCxLQUFLLE1BQWhFLEVBQUUsTUFBTSxHQUFtRCxLQUFLLE9BQXhELEVBQUUsT0FBTyxHQUEwQyxLQUFLLFFBQS9DLEVBQUUsS0FBd0MsS0FBSyxRQUF6QixFQUFwQixPQUFPLG1CQUFHLFVBQVUsS0FBQSxFQUFLLFVBQVUsVUFBSyxLQUFLLEVBQWxHLDBFQUEwRixDQUFGLENBQVc7SUFFekcsT0FBTyxDQUNILDhCQUFDLG9CQUFhLGFBQ1YsU0FBUyxRQUNULGVBQWUsUUFDZixXQUFXLEVBQUUsVUFBQyxNQUFNLElBQUssT0FBQSxDQUNyQiw4QkFBQyxtQkFBUyxlQUNGLE1BQU0sSUFDVixVQUFVLEVBQUUsS0FBSyxFQUNqQixLQUFLLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFDZCxPQUFPLEVBQUUsT0FBTyxFQUNoQixJQUFJLEVBQUMsT0FBTyxFQUNaLE1BQU0sRUFBRSxNQUFNLEVBQ2QsT0FBTyxFQUFFLE9BQU8sRUFDaEIsU0FBUyxVQUNYLENBQ0wsRUFYd0IsQ0FXeEIsRUFDRCxLQUFLLEVBQ0Q7WUFDSyxLQUFLO1lBQ0wsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FDdEIsRUFFUCxRQUFRLEVBQUUsUUFBUSxFQUNsQixPQUFPLEVBQUUsTUFBTSxFQUNmLE1BQU0sRUFBRSxPQUFPLElBQ1gsVUFBVSxFQUNoQixDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUEvQlcsUUFBQSxVQUFVLGNBK0JyQiJ9
|
package/ui/DatePicker/types.d.ts
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
import { DatePickerProps as MuiDatePickerProps } from "@mui/lab/DatePicker";
|
2
|
+
import { TextFieldProps } from "@mui/material";
|
2
3
|
import { Moment } from "moment";
|
3
4
|
import { ReactNode } from "react";
|
4
5
|
export interface DatePickerProps extends Omit<MuiDatePickerProps<Moment>, "renderInput"> {
|
@@ -6,4 +7,5 @@ export interface DatePickerProps extends Omit<MuiDatePickerProps<Moment>, "rende
|
|
6
7
|
error?: ReactNode;
|
7
8
|
onFocus?: () => void;
|
8
9
|
onBlur?: () => void;
|
10
|
+
variant?: TextFieldProps["variant"];
|
9
11
|
}
|