@dnb/eufemia/extensions/forms/Field/Email/Email.js

DNB Eufemia Design System UI Library

import React, { useMemo } from 'react';
import StringField from "../String/index.js";
import useTranslation from "../../hooks/useTranslation.js";
const aText = `[A-Za-z0-9!#$%&'*+/=?^_\\x60{|}~\\u0080-\\uFFFF-]+`;
export const pattern = `^${aText}(?:\\.${aText})*@` + `(?:` + `(?:` + `(?:xn--[A-Za-z0-9-]+|[A-Za-z0-9]+(?:-[A-Za-z0-9]+)*)\\.)+` + `(?:[A-Za-z]{2,}|xn--[A-Za-z0-9-]{2,})` + `|` + `(?:xn--[A-Za-z0-9-]{2,})` + `|` + `\\[(?:` + `\\d{1,3}(?:\\.\\d{1,3}){3}` + `|` + `IPv6:[0-9A-Fa-f:]+` + `)\\]` + `)$`;
function Email(props) {
  const {
    label,
    errorRequired,
    errorPattern
  } = useTranslation().Email;
  const errorMessages = useMemo(() => ({
    'Field.errorRequired': errorRequired,
    'Field.errorPattern': errorPattern,
    ...props.errorMessages
  }), [errorPattern, errorRequired, props.errorMessages]);
  const StringFieldProps = {
    label,
    autoComplete: 'email',
    inputMode: 'email',
    maxLength: 254,
    pattern,
    trim: true,
    ...props,
    errorMessages
  };
  return React.createElement(StringField, StringFieldProps);
}
Email._supportsSpacingProps = true;
export default Email;
//# sourceMappingURL=Email.js.map