@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
44 lines (43 loc) • 1.69 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.pattern = exports.default = void 0;
var _react = require("react");
var _index = _interopRequireDefault(require("../String/index.js"));
var _useTranslation = _interopRequireDefault(require("../../hooks/useTranslation.js"));
var _withComponentMarkers = _interopRequireDefault(require("../../../../shared/helpers/withComponentMarkers.js"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const aText = `[A-Za-z0-9!#$%&'*+/=?^_\\x60{|}~\\u0080-\\uFFFF-]+`;
const pattern = exports.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
} = (0, _useTranslation.default)().Email;
const errorMessages = (0, _react.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 (0, _jsxRuntime.jsx)(_index.default, {
...StringFieldProps
});
}
(0, _withComponentMarkers.default)(Email, {
_supportsSpacingProps: true
});
var _default = exports.default = Email;
//# sourceMappingURL=Email.js.map