@uxf/form 11.18.0 → 11.19.0

package/number-input/number-input.d.ts

@@ -5,6 +5,8 @@ import { FieldValues } from "react-hook-form";
 import { ControlProps } from "../types";
 export type NumberInputProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UITextInputProps, "inputMode" | "isInvalid" | "maxLength" | "minLength" | "name" | "onChange" | "value" | "type"> & {
     decimalPlaces?: number;
+    maxMessage?: string;
+    minMessage?: string;
     onChange?: FormControlProps<number | null>["onChange"];
     requiredMessage?: string;
 };

package/number-input/number-input.js

@@ -9,7 +9,7 @@ const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const form_id_context_1 = require("../form-id-context");
 function NumberInput(props) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     const formId = (0, form_id_context_1.useFormIdContext)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
@@ -19,17 +19,17 @@ function NumberInput(props) {
             max: typeof props.max === "number" && !isNaN(props.max)
                 ? {
                     value: props.max,
-                    message: `Hodnota musí být nižší než ${props.max}.`,
+                    message: (_b = props.maxMessage) !== null && _b !== void 0 ? _b : `Hodnota musí být menší nebo rovna než ${props.max}.`,
                 }
                 : undefined,
             min: typeof props.min === "number" && !isNaN(props.min)
                 ? {
                     value: props.min,
-                    message: `Hodnota musí být vyšší než ${props.min}.`,
+                    message: (_c = props.minMessage) !== null && _c !== void 0 ? _c : `Hodnota musí být větší nebo rovna než ${props.min}.`,
                 }
                 : undefined,
             required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
-            ...((_b = props.rules) !== null && _b !== void 0 ? _b : {}),
+            ...((_d = props.rules) !== null && _d !== void 0 ? _d : {}),
         },
         shouldUnregister: props.shouldUnregister,
     });
@@ -63,7 +63,7 @@ function NumberInput(props) {
         field.onChange(returnValue);
         (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, returnValue, event);
     };
-    return (react_1.default.createElement(text_input_1.TextInput, { autoComplete: props.autoComplete, autoFocus: props.autoFocus, className: props.className, enterKeyHint: props.enterKeyHint, form: props.form, helperText: (_d = (_c = fieldState.error) === null || _c === void 0 ? void 0 : _c.message) !== null && _d !== void 0 ? _d : props.helperText, hiddenLabel: props.hiddenLabel, id: id, inputMode: props.decimalPlaces ? "decimal" : "numeric", isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, max: props.max, min: props.min, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, onKeyDown: onKeyDown, pattern: props.pattern, placeholder: props.placeholder, step: props.decimalPlaces ? Number(0).toFixed(props.decimalPlaces - 1) + "1" : props.step, ref: field.ref, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, style: props.style, type: "number", value: (_e = field.value) !== null && _e !== void 0 ? _e : "", variant: props.variant }));
+    return (react_1.default.createElement(text_input_1.TextInput, { autoComplete: props.autoComplete, autoFocus: props.autoFocus, className: props.className, enterKeyHint: props.enterKeyHint, form: props.form, helperText: (_f = (_e = fieldState.error) === null || _e === void 0 ? void 0 : _e.message) !== null && _f !== void 0 ? _f : props.helperText, hiddenLabel: props.hiddenLabel, id: id, inputMode: props.decimalPlaces ? "decimal" : "numeric", isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, max: props.max, min: props.min, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, onKeyDown: onKeyDown, pattern: props.pattern, placeholder: props.placeholder, step: props.decimalPlaces ? Number(0).toFixed(props.decimalPlaces - 1) + "1" : props.step, ref: field.ref, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, style: props.style, type: "number", value: (_g = field.value) !== null && _g !== void 0 ? _g : "", variant: props.variant }));
 }
 exports.NumberInput = NumberInput;
 NumberInput.displayName = "UxfFormNumberInput";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/form",
-  "version": "11.18.0",
+  "version": "11.19.0",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -12,7 +12,7 @@
   "author": "UX Fans s.r.o",
   "license": "MIT",
   "dependencies": {
-    "@uxf/ui": "11.18.0",
+    "@uxf/ui": "11.19.0",
     "coordinate-parser": "1.0.7",
     "dayjs": "1.11.10",
     "react-hook-form": "7.51.0"