techsbcn-storybook 2.15.1 → 2.15.3

package/dist/components/fields/TextFieldComponent/TextFieldComponent.d.ts

@@ -11,6 +11,8 @@ export interface TextFieldComponentProps extends BaseTextFieldProps {
     minNumber?: number;
     maxNumber?: number;
     maxLength?: number;
+    /** Truncates the typed value to this many decimals (accepts "." or ","). */
+    maxDecimals?: number;
     step?: number | string;
     type?: InputType;
     value?: string | number;

package/dist/index.js

@@ -534,8 +534,10 @@ var TextFieldComponent = ({
   minNumber,
   maxNumber,
   maxLength,
+  maxDecimals,
   step,
   inputRef,
+  onChange,
   onMouseEnter,
   onMouseLeave,
   ...rest
@@ -545,6 +547,12 @@ var TextFieldComponent = ({
     material.TextField,
     {
       ...rest,
+      onChange: (event) => {
+        if (maxDecimals !== void 0) {
+          event.target.value = event.target.value.replace(new RegExp(`([.,]\\d{${maxDecimals}})\\d+$`), "$1");
+        }
+        onChange?.(event);
+      },
       onMouseEnter: (e) => {
         setHover(true);
         onMouseEnter?.(e);
@@ -2334,9 +2342,10 @@ var SelectAsyncField = ({
     }
   ), props.helperText && /* @__PURE__ */ React10__default.default.createElement(material.FormHelperText, { error: props.invalid, className: `helper-text ${props.invalid ? "has-error Mui-error" : ""}` }, props.helperText));
 };
+var EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[a-zA-Z]{2,}$/;
 var LoginForm = (props) => {
   const LoginSchema = yup2__namespace.object().shape({
-    login: yup2__namespace.string().email(props.requiredText.invalidTextLogin).required(props.requiredText.requiredTextLogin),
+    login: yup2__namespace.string().required(props.requiredText.requiredTextLogin).matches(EMAIL_REGEX, props.requiredText.invalidTextLogin ?? "login must be a valid email"),
     password: yup2__namespace.string().required(props.requiredText.requiredTextPassword)
   });
   const [showPassword, setShownPassword] = React10.useState(false);