@uxf/form 1.0.0-beta.84 → 1.0.0-beta.86

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/form",
-  "version": "1.0.0-beta.84",
+  "version": "1.0.0-beta.86",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -13,7 +13,7 @@
   "author": "UX Fans s.r.o",
   "license": "MIT",
   "dependencies": {
-    "@uxf/ui": "^1.0.0-beta.84",
+    "@uxf/ui": "^1.0.0-beta.86",
     "react-hook-form": "latest"
   }
 }

package/text-input/text-input.d.ts

@@ -2,6 +2,7 @@
 import { TextInputProps as UITextInputProps } from "@uxf/ui/text-input";
 import { FieldValues, UseControllerProps } from "react-hook-form";
 export declare type TextInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UITextInputProps, "isInvalid" | "max" | "min" | "pattern" | "step" | "name" | "onChange" | "value" | "type"> & {
+    patternErrorMessage?: string;
     requiredMessage?: string;
     type?: "email" | "password" | "search" | "tel" | "text" | "url";
 };

package/text-input/text-input.js

@@ -10,7 +10,7 @@ const react_1 = __importDefault(require("react"));
 const EMAIL_REGEXP = /^(([^<>()[\]\\.,;:\s@À-ÖÙ-öù-ÿĀ-žḀ-ỿ"]+(\.[^<>()[\]\\.,;:\s@À-ÖÙ-öù-ÿĀ-žḀ-ỿ"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 const PHONE_REGEXP = /^(\+)?[\d\s]*$/;
 function TextInput(props) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
         control: props.control,
         defaultValue: props.defaultValue,
@@ -20,15 +20,15 @@ function TextInput(props) {
             pattern: props.type === "email"
                 ? {
                     value: EMAIL_REGEXP,
-                    message: "E-mail by měl být ve\xa0formátu: info@email.cz",
+                    message: (_a = props.patternErrorMessage) !== null && _a !== void 0 ? _a : "E-mail by měl být ve\xa0formátu: info@email.cz",
                 }
                 : props.type === "tel"
                     ? {
                         value: PHONE_REGEXP,
-                        message: "Zadaný telefon není ve správném formátu",
+                        message: (_b = props.patternErrorMessage) !== null && _b !== void 0 ? _b : "Zadaný telefon není ve správném formátu",
                     }
                     : undefined,
-            ...((_a = props.rules) !== null && _a !== void 0 ? _a : {}),
+            ...((_c = props.rules) !== null && _c !== void 0 ? _c : {}),
         },
         shouldUnregister: props.shouldUnregister,
     });
@@ -37,6 +37,6 @@ function TextInput(props) {
         field.onBlur();
         (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
     };
-    return (react_1.default.createElement(text_input_1.TextInput, { autoComplete: props.autoComplete, className: props.className, enterKeyHint: props.enterKeyHint, form: props.form, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, hiddenLabel: props.hiddenLabel, id: props.id, inputMode: props.inputMode, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, maxLength: props.maxLength, minLength: props.minLength, name: field.name, onBlur: onBlur, onChange: field.onChange, onFocus: props.onFocus, onKeyDown: props.onKeyDown, placeholder: props.placeholder, ref: field.ref, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, type: props.type, value: (_d = field.value) !== null && _d !== void 0 ? _d : "", variant: props.variant }));
+    return (react_1.default.createElement(text_input_1.TextInput, { autoComplete: props.autoComplete, className: props.className, enterKeyHint: props.enterKeyHint, form: props.form, helperText: (_e = (_d = fieldState.error) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : props.helperText, hiddenLabel: props.hiddenLabel, id: props.id, inputMode: props.inputMode, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, maxLength: props.maxLength, minLength: props.minLength, name: field.name, onBlur: onBlur, onChange: field.onChange, onFocus: props.onFocus, onKeyDown: props.onKeyDown, placeholder: props.placeholder, ref: field.ref, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, type: props.type, value: (_f = field.value) !== null && _f !== void 0 ? _f : "", variant: props.variant }));
 }
 exports.TextInput = TextInput;