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

DNB Eufemia Design System UI Library

import React, { useCallback, useMemo } from 'react';
import StringField from "../String/index.js";
import useTranslation from "../../hooks/useTranslation.js";
function OrganizationNumber(props) {
  const translations = useTranslation().OrganizationNumber;
  const {
    errorOrgNo,
    errorOrgNoLength,
    errorRequired,
    label
  } = translations;
  const errorMessages = useMemo(() => ({
    'Field.errorRequired': errorRequired,
    'Field.errorPattern': errorOrgNo,
    ...props.errorMessages
  }), [errorRequired, errorOrgNo, props.errorMessages]);
  const organizationNumberValidator = useCallback(value => {
    if (value !== undefined) {
      const orgNoIs9Digits = (value === null || value === void 0 ? void 0 : value.length) === 9;
      if (!orgNoIs9Digits) {
        return Error(errorOrgNoLength);
      }
      if (orgNoIs9Digits && !isValidOrgNumber(value)) {
        return Error(errorOrgNo);
      }
    }
  }, [errorOrgNo, errorOrgNoLength]);
  const {
    validate = true,
    omitMask,
    validator,
    onChangeValidator = validator,
    onBlurValidator = organizationNumberValidator,
    label: labelProp,
    width
  } = props;
  const mask = useMemo(() => omitMask ? [/\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] : [/\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/], [omitMask]);
  const onBlurValidatorToUse = onBlurValidator === false ? undefined : onBlurValidator;
  const StringFieldProps = {
    ...props,
    className: 'dnb-forms-field-organization-number',
    label: labelProp !== null && labelProp !== void 0 ? labelProp : label,
    errorMessages,
    mask,
    width: width !== null && width !== void 0 ? width : 'medium',
    inputMode: 'numeric',
    onChangeValidator: validate ? onChangeValidator : undefined,
    onBlurValidator: validate ? onBlurValidatorToUse : undefined,
    exportValidators: {
      organizationNumberValidator
    }
  };
  return React.createElement(StringField, StringFieldProps);
}
function isValidOrgNumber(digits) {
  if (parseFloat(digits) === 0) {
    return false;
  }
  let checkDigit = 2;
  let sum = 0;
  for (let i = digits.length - 2; i >= 0; --i) {
    sum += parseInt(digits.charAt(i)) * checkDigit;
    checkDigit += 1;
    if (checkDigit > 7) {
      checkDigit = 2;
    }
  }
  const result = 11 - sum % 11;
  const finalCheckDigit = result === 11 ? 0 : result;
  return parseInt(digits.charAt(digits.length - 1), 10) === finalCheckDigit;
}
OrganizationNumber._supportsSpacingProps = true;
export default OrganizationNumber;
//# sourceMappingURL=OrganizationNumber.js.map