@dnb/eufemia 10.63.3 → 10.64.0

package/es/extensions/forms/Field/Expiry/Expiry.js

@@ -9,6 +9,7 @@ import FieldBlock from '../../FieldBlock';
 import { MultiInputMask } from '../../../../components/input-masked';
 import { useTranslation as useSharedTranslation } from '../../../../shared';
 import useTranslation from '../../hooks/useTranslation';
+import { FormError } from '../../utils';
 function Expiry(props) {
   const {
     Date: {
@@ -28,16 +29,50 @@ function Expiry(props) {
   const errorMessages = useMemo(() => _objectSpread({
     'Field.errorRequired': errorRequired
   }, props.errorMessages), [errorRequired, props.errorMessages]);
+  const handleInput = useCallback(values => {
+    const month = expiryValueToString(values.month, placeholders.month);
+    const year = expiryValueToString(values.year, placeholders.year);
+    if (isFieldEmpty(month, placeholders.month) && isFieldEmpty(year, placeholders.year)) {
+      return '';
+    }
+    return `${month}${year}`;
+  }, [placeholders.month, placeholders.year]);
   const validateRequired = useCallback((value, {
     required,
     error
   }) => {
     return required && !value ? error : undefined;
   }, []);
+  const monthAndYearValidator = useCallback(value => validateMonthAndYear(value, placeholders), [placeholders]);
+  const validateInitially = useMemo(() => {
+    if (props.validateInitially) {
+      return props.validateInitially;
+    }
+    if (props.value) {
+      return true;
+    }
+    return undefined;
+  }, [props.validateInitially, props.value]);
+  const valueProp = useMemo(() => {
+    var _props$value;
+    const {
+      month,
+      year
+    } = stringToExpiryValue((_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : props.defaultValue);
+    const monthString = expiryValueToString(month, placeholders.month);
+    const yearString = expiryValueToString(year, placeholders.year);
+    if (isFieldEmpty(monthString, placeholders.month) && isFieldEmpty(yearString, placeholders.year)) {
+      return '';
+    }
+    return `${monthString}${yearString}`;
+  }, [props.value, props.defaultValue, placeholders.month, placeholders.year]);
   const preparedProps = _objectSpread(_objectSpread({}, props), {}, {
     errorMessages,
-    fromInput: toExpiryString,
-    validateRequired
+    value: valueProp,
+    fromInput: handleInput,
+    validateRequired,
+    validateInitially: validateInitially,
+    onBlurValidator: monthAndYearValidator
   });
   const {
     id,
@@ -56,13 +91,7 @@ function Expiry(props) {
     handleChange,
     setDisplayValue
   } = useFieldProps(preparedProps);
-  const expiry = useMemo(() => {
-    var _value$substring;
-    return {
-      month: ensureValidMonth(value === null || value === void 0 ? void 0 : value.substring(0, 2)),
-      year: (_value$substring = value === null || value === void 0 ? void 0 : value.substring(2, 4)) !== null && _value$substring !== void 0 ? _value$substring : ''
-    };
-  }, [value]);
+  const expiry = useMemo(() => stringToExpiryValue(value), [value]);
   useMemo(() => {
     if ((path || itemPath) && expiry.month && expiry.year) {
       setDisplayValue(`${expiry.month}/${expiry.year}`);
@@ -90,7 +119,7 @@ function Expiry(props) {
     inputs: [_objectSpread({
       id: 'month',
       label: monthLabel,
-      mask: getMonthMask(expiry === null || expiry === void 0 ? void 0 : expiry.month),
+      mask: [/[0-9]/, /[0-9]/],
       placeholderCharacter: placeholders['month'],
       autoComplete: 'cc-exp-month'
     }, htmlAttributes), _objectSpread({
@@ -102,30 +131,52 @@ function Expiry(props) {
     }, htmlAttributes)]
   }));
 }
-Expiry._supportsEufemiaSpacingProps = true;
-export default Expiry;
-function toExpiryString(values) {
-  return Object.values(values).join('');
+function isFieldEmpty(value, placeholder) {
+  return value === `${placeholder}${placeholder}`;
 }
-function ensureValidMonth(month) {
-  if (!month) {
-    return '';
-  }
-  const [firstMask, secondMask] = getMonthMask(month);
-  const firstDigit = month === null || month === void 0 ? void 0 : month.charAt(0);
-  const isFirstDigitValid = firstMask.test(firstDigit);
-  if (firstDigit && !isFirstDigitValid) {
-    return '';
+function stringToExpiryValue(value) {
+  var _value$substring, _value$substring2;
+  const month = (_value$substring = value === null || value === void 0 ? void 0 : value.substring(0, 2)) !== null && _value$substring !== void 0 ? _value$substring : '';
+  const year = (_value$substring2 = value === null || value === void 0 ? void 0 : value.substring(2, 4)) !== null && _value$substring2 !== void 0 ? _value$substring2 : '';
+  return {
+    month,
+    year
+  };
+}
+function expiryValueToString(value, placeholder) {
+  if (!value) {
+    return `${placeholder}${placeholder}`;
   }
-  const secondDigit = month === null || month === void 0 ? void 0 : month.charAt(1);
-  const isSecondDigitValid = secondMask.test(secondDigit);
-  if (secondDigit && !isSecondDigitValid) {
-    return '';
+  if (value.length === 1) {
+    return `${value}${placeholder}`;
   }
-  return month;
+  return value;
 }
-function getMonthMask(month) {
-  const firstDigit = month === null || month === void 0 ? void 0 : month.charAt(0);
-  return [/[0-1]/, firstDigit === '0' || firstDigit === '' ? /[1-9]/ : /[0-2]/];
+function validateMonthAndYear(date, placeholders) {
+  const {
+    month,
+    year
+  } = stringToExpiryValue(date);
+  const monthNumber = Number(month);
+  const messages = [];
+  if (month.includes(placeholders.month) || monthNumber < 1 || monthNumber > 12) {
+    messages.push(new FormError('Expiry.errorMonth', {
+      messageValues: {
+        month: month
+      }
+    }));
+  }
+  if (year.includes(placeholders.year)) {
+    messages.push(new FormError('Expiry.errorYear', {
+      messageValues: {
+        year: year
+      }
+    }));
+  }
+  if (messages.length) {
+    return messages;
+  }
 }
+Expiry._supportsEufemiaSpacingProps = true;
+export default Expiry;
 //# sourceMappingURL=Expiry.js.map

package/es/extensions/forms/Field/Expiry/Expiry.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expiry.js","names":["React","useCallback","useMemo","pickSpacingProps","useFieldProps","classnames","FieldBlock","MultiInputMask","useTranslation","useSharedTranslation","Expiry","props","Date","errorRequired","label","expiryLabel","DatePicker","placeholderCharacters","placeholders","month","monthLabel","year","yearLabel","errorMessages","_objectSpread","validateRequired","value","required","error","undefined","preparedProps","fromInput","toExpiryString","id","path","itemPath","className","hasError","info","warning","disabled","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","expiry","_value$substring","ensureValidMonth","substring","status","fieldBlockProps","forId","createElement","stretch","values","statusState","onChange","onBlur","onFocus","delimiter","inputMode","inputs","mask","getMonthMask","placeholderCharacter","autoComplete","_supportsEufemiaSpacingProps","Object","join","firstMask","secondMask","firstDigit","charAt","isFirstDigitValid","test","secondDigit","isSecondDigitValid"],"sources":["../../../../../../src/extensions/forms/Field/Expiry/Expiry.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport { FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { useFieldProps } from '../../hooks'\nimport classnames from 'classnames'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { MultiInputMask } from '../../../../components/input-masked'\nimport type { MultiInputMaskValue } from '../../../../components/input-masked'\nimport { useTranslation as useSharedTranslation } from '../../../../shared'\nimport useTranslation from '../../hooks/useTranslation'\n\ntype ExpiryValue = MultiInputMaskValue<'month' | 'year'>\n\nexport type ExpiryProps = FieldProps<string, undefined | ''>\n\nfunction Expiry(props: ExpiryProps) {\n  const {\n    Date: { errorRequired },\n    Expiry: { label: expiryLabel },\n  } = useTranslation()\n\n  const {\n    DatePicker: {\n      placeholderCharacters: placeholders,\n      month: monthLabel,\n      year: yearLabel,\n    },\n  } = useSharedTranslation()\n\n  const errorMessages = useMemo(\n    () => ({\n      'Field.errorRequired': errorRequired,\n      ...props.errorMessages,\n    }),\n    [errorRequired, props.errorMessages]\n  )\n\n  const validateRequired = useCallback(\n    (value: string, { required, error }) => {\n      return required && !value ? error : undefined\n    },\n    []\n  )\n\n  const preparedProps: ExpiryProps = {\n    ...props,\n    errorMessages,\n    fromInput: toExpiryString,\n    validateRequired,\n  }\n\n  const {\n    id,\n    path,\n    itemPath,\n    className,\n    label = expiryLabel,\n    hasError,\n    info,\n    warning,\n    disabled,\n    value = '',\n    htmlAttributes,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    setDisplayValue,\n  } = useFieldProps(preparedProps)\n\n  const expiry: ExpiryValue = useMemo(() => {\n    return {\n      month: ensureValidMonth(value?.substring(0, 2)),\n      year: value?.substring(2, 4) ?? '',\n    }\n  }, [value])\n\n  useMemo(() => {\n    if ((path || itemPath) && expiry.month && expiry.year) {\n      setDisplayValue(`${expiry.month}/${expiry.year}`)\n    }\n  }, [expiry.month, expiry.year, itemPath, path, setDisplayValue])\n\n  const status = hasError\n    ? 'error'\n    : warning\n    ? 'warn'\n    : info\n    ? 'info'\n    : null\n\n  const fieldBlockProps: FieldBlockProps = {\n    id,\n    forId: `${id}-input-month`,\n    className: classnames('dnb-forms-field-expiry', className),\n    label,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <MultiInputMask\n        stretch\n        id={`${id}-input`}\n        values={expiry}\n        status={status}\n        statusState={disabled ? 'disabled' : undefined}\n        disabled={disabled}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        delimiter=\"/\"\n        inputMode=\"numeric\"\n        inputs={[\n          {\n            id: 'month',\n            label: monthLabel,\n            mask: getMonthMask(expiry?.month),\n            placeholderCharacter: placeholders['month'],\n            autoComplete: 'cc-exp-month',\n            ...htmlAttributes,\n          },\n          {\n            id: 'year',\n            label: yearLabel,\n            mask: [/[0-9]/, /[0-9]/],\n            placeholderCharacter: placeholders['year'],\n            autoComplete: 'cc-exp-year',\n            ...htmlAttributes,\n          },\n        ]}\n      />\n    </FieldBlock>\n  )\n}\n\nExpiry._supportsEufemiaSpacingProps = true\nexport default Expiry\n\nfunction toExpiryString(values: ExpiryValue) {\n  return Object.values(values).join('')\n}\n\nfunction ensureValidMonth(month: string) {\n  // Return empty value if no month is given\n  if (!month) {\n    return ''\n  }\n\n  const [firstMask, secondMask] = getMonthMask(month)\n\n  const firstDigit = month?.charAt(0)\n  const isFirstDigitValid = firstMask.test(firstDigit)\n\n  if (firstDigit && !isFirstDigitValid) {\n    // Return empty value if the first digit is invalid\n    return ''\n  }\n\n  const secondDigit = month?.charAt(1)\n  const isSecondDigitValid = secondMask.test(secondDigit)\n\n  if (secondDigit && !isSecondDigitValid) {\n    // Return empty value if the second digit is invalid\n    return ''\n  }\n\n  // Return given month of month value is valid\n  return month\n}\n\nfunction getMonthMask(month: string) {\n  const firstDigit = month?.charAt(0)\n\n  return [\n    /[0-1]/,\n    firstDigit === '0' || firstDigit === '' ? /[1-9]/ : /[0-2]/,\n  ]\n}\n"],"mappings":"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"}
+{"version":3,"file":"Expiry.js","names":["React","useCallback","useMemo","pickSpacingProps","useFieldProps","classnames","FieldBlock","MultiInputMask","useTranslation","useSharedTranslation","FormError","Expiry","props","Date","errorRequired","label","expiryLabel","DatePicker","placeholderCharacters","placeholders","month","monthLabel","year","yearLabel","errorMessages","_objectSpread","handleInput","values","expiryValueToString","isFieldEmpty","validateRequired","value","required","error","undefined","monthAndYearValidator","validateMonthAndYear","validateInitially","valueProp","_props$value","stringToExpiryValue","defaultValue","monthString","yearString","preparedProps","fromInput","onBlurValidator","id","path","itemPath","className","hasError","info","warning","disabled","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","expiry","status","fieldBlockProps","forId","createElement","stretch","statusState","onChange","onBlur","onFocus","delimiter","inputMode","inputs","mask","placeholderCharacter","autoComplete","placeholder","_value$substring","_value$substring2","substring","length","date","monthNumber","Number","messages","includes","push","messageValues","_supportsEufemiaSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Expiry/Expiry.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport { FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { useFieldProps } from '../../hooks'\nimport classnames from 'classnames'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { MultiInputMask } from '../../../../components/input-masked'\nimport type { MultiInputMaskValue } from '../../../../components/input-masked'\nimport { useTranslation as useSharedTranslation } from '../../../../shared'\nimport useTranslation from '../../hooks/useTranslation'\nimport { FormError } from '../../utils'\n\ntype ExpiryValue = MultiInputMaskValue<'month' | 'year'>\n\nexport type ExpiryProps = FieldProps<string, undefined | ''>\n\nfunction Expiry(props: ExpiryProps) {\n  const {\n    Date: { errorRequired },\n    Expiry: { label: expiryLabel },\n  } = useTranslation()\n\n  const {\n    DatePicker: {\n      placeholderCharacters: placeholders,\n      month: monthLabel,\n      year: yearLabel,\n    },\n  } = useSharedTranslation()\n\n  const errorMessages = useMemo(\n    () => ({\n      'Field.errorRequired': errorRequired,\n      ...props.errorMessages,\n    }),\n    [errorRequired, props.errorMessages]\n  )\n\n  const handleInput = useCallback(\n    (values: ExpiryValue) => {\n      const month = expiryValueToString(values.month, placeholders.month)\n      const year = expiryValueToString(values.year, placeholders.year)\n\n      if (\n        isFieldEmpty(month, placeholders.month) &&\n        isFieldEmpty(year, placeholders.year)\n      ) {\n        return ''\n      }\n\n      return `${month}${year}`\n    },\n    [placeholders.month, placeholders.year]\n  )\n\n  const validateRequired = useCallback(\n    (value: string, { required, error }) => {\n      return required && !value ? error : undefined\n    },\n    []\n  )\n\n  const monthAndYearValidator = useCallback(\n    (value: string) => validateMonthAndYear(value, placeholders),\n    [placeholders]\n  )\n\n  const validateInitially = useMemo(() => {\n    if (props.validateInitially) {\n      return props.validateInitially\n    }\n\n    if (props.value) {\n      return true\n    }\n\n    return undefined\n  }, [props.validateInitially, props.value])\n\n  const valueProp = useMemo(() => {\n    const { month, year } = stringToExpiryValue(\n      props.value ?? props.defaultValue\n    )\n    const monthString = expiryValueToString(month, placeholders.month)\n    const yearString = expiryValueToString(year, placeholders.year)\n\n    if (\n      isFieldEmpty(monthString, placeholders.month) &&\n      isFieldEmpty(yearString, placeholders.year)\n    ) {\n      return ''\n    }\n\n    return `${monthString}${yearString}`\n  }, [\n    props.value,\n    props.defaultValue,\n    placeholders.month,\n    placeholders.year,\n  ])\n\n  const preparedProps: ExpiryProps = {\n    ...props,\n    errorMessages,\n    value: valueProp,\n    fromInput: handleInput,\n    validateRequired,\n    validateInitially: validateInitially,\n    onBlurValidator: monthAndYearValidator,\n  }\n\n  const {\n    id,\n    path,\n    itemPath,\n    className,\n    label = expiryLabel,\n    hasError,\n    info,\n    warning,\n    disabled,\n    value = '',\n    htmlAttributes,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    setDisplayValue,\n  } = useFieldProps(preparedProps)\n\n  const expiry: ExpiryValue = useMemo(\n    () => stringToExpiryValue(value),\n    [value]\n  )\n\n  useMemo(() => {\n    if ((path || itemPath) && expiry.month && expiry.year) {\n      setDisplayValue(`${expiry.month}/${expiry.year}`)\n    }\n  }, [expiry.month, expiry.year, itemPath, path, setDisplayValue])\n\n  const status = hasError\n    ? 'error'\n    : warning\n    ? 'warn'\n    : info\n    ? 'info'\n    : null\n\n  const fieldBlockProps: FieldBlockProps = {\n    id,\n    forId: `${id}-input-month`,\n    className: classnames('dnb-forms-field-expiry', className),\n    label,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <MultiInputMask\n        stretch\n        id={`${id}-input`}\n        values={expiry}\n        status={status}\n        statusState={disabled ? 'disabled' : undefined}\n        disabled={disabled}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        delimiter=\"/\"\n        inputMode=\"numeric\"\n        inputs={[\n          {\n            id: 'month',\n            label: monthLabel,\n            mask: [/[0-9]/, /[0-9]/],\n            placeholderCharacter: placeholders['month'],\n            autoComplete: 'cc-exp-month',\n            ...htmlAttributes,\n          },\n          {\n            id: 'year',\n            label: yearLabel,\n            mask: [/[0-9]/, /[0-9]/],\n            placeholderCharacter: placeholders['year'],\n            autoComplete: 'cc-exp-year',\n            ...htmlAttributes,\n          },\n        ]}\n      />\n    </FieldBlock>\n  )\n}\n\nfunction isFieldEmpty(value: string, placeholder: string) {\n  return value === `${placeholder}${placeholder}`\n}\n\nfunction stringToExpiryValue(value: string) {\n  const month = value?.substring(0, 2) ?? ''\n  const year = value?.substring(2, 4) ?? ''\n\n  return {\n    month,\n    year,\n  }\n}\n\nfunction expiryValueToString(value: string, placeholder: string) {\n  if (!value) {\n    return `${placeholder}${placeholder}`\n  }\n\n  if (value.length === 1) {\n    return `${value}${placeholder}`\n  }\n\n  return value\n}\n\nfunction validateMonthAndYear(\n  date: string,\n  placeholders: Record<'month' | 'year', string>\n) {\n  const { month, year } = stringToExpiryValue(date)\n\n  const monthNumber = Number(month)\n\n  const messages: Array<FormError> = []\n\n  if (\n    month.includes(placeholders.month) ||\n    monthNumber < 1 ||\n    monthNumber > 12\n  ) {\n    messages.push(\n      new FormError('Expiry.errorMonth', {\n        messageValues: { month: month },\n      })\n    )\n  }\n\n  if (year.includes(placeholders.year)) {\n    messages.push(\n      new FormError('Expiry.errorYear', {\n        messageValues: { year: year },\n      })\n    )\n  }\n\n  if (messages.length) {\n    return messages\n  }\n}\n\nExpiry._supportsEufemiaSpacingProps = true\nexport default Expiry\n"],"mappings":"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"}

package/es/extensions/forms/Field/Name/Name.js

@@ -46,7 +46,7 @@ Name.Last = function LastName(props) {
   });
   return React.createElement(Name, nameProps);
 };
-Name.First['_supportsSpacingProps'] = true;
+Name.Last['_supportsSpacingProps'] = true;
 Name.Company = function CompanyName(props) {
   const translations = useTranslation().CompanyName;
   const errorMessages = useMemo(() => {
@@ -63,6 +63,6 @@ Name.Company = function CompanyName(props) {
   });
   return React.createElement(Name, StringFieldProps);
 };
-Name.First['_supportsSpacingProps'] = true;
+Name.Company['_supportsSpacingProps'] = true;
 export default Name;
 //# sourceMappingURL=Name.js.map

package/es/extensions/forms/Field/Name/Name.js.map

@@ -1 +1 @@
-{"version":3,"file":"Name.js","names":["React","useMemo","StringField","useTranslation","Name","props","StringFieldProps","_objectSpread","trim","autoComplete","pattern","createElement","_supportsSpacingProps","First","FirstName","translations","errorMessages","errorRequired","errorPattern","nameProps","label","Last","LastName","Company","CompanyName"],"sources":["../../../../../../src/extensions/forms/Field/Name/Name.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport StringField, { Props as StringFieldProps } from '../String'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type Props = StringFieldProps\n\nfunction Name(props: Props) {\n  const StringFieldProps: Props = {\n    trim: true,\n    autoComplete: 'name',\n    pattern: '^(?!.*[\\\\-\\\\s]{2})[\\\\p{L}]+([ \\\\-][\\\\p{L}]+)*$',\n    ...props,\n  }\n\n  return <StringField {...StringFieldProps} />\n}\nName._supportsSpacingProps = true\n\nName.First = function FirstName(props: Props) {\n  const translations = useTranslation().FirstName\n  const errorMessages = useMemo(() => {\n    return {\n      'Field.errorRequired': translations.errorRequired,\n      'Field.errorPattern': translations.errorPattern,\n      ...props.errorMessages,\n    }\n  }, [\n    props.errorMessages,\n    translations.errorPattern,\n    translations.errorRequired,\n  ])\n\n  const nameProps: Props = {\n    label: translations.label,\n    autoComplete: 'given-name',\n    ...props,\n    errorMessages,\n  }\n\n  return <Name {...nameProps} />\n}\nName.First['_supportsSpacingProps'] = true\n\nName.Last = function LastName(props: Props) {\n  const translations = useTranslation().LastName\n  const errorMessages = useMemo(() => {\n    return {\n      'Field.errorRequired': translations.errorRequired,\n      'Field.errorPattern': translations.errorPattern,\n      ...props.errorMessages,\n    }\n  }, [\n    props.errorMessages,\n    translations.errorPattern,\n    translations.errorRequired,\n  ])\n\n  const nameProps: Props = {\n    label: translations.label,\n    autoComplete: 'family-name',\n    ...props,\n    errorMessages,\n  }\n\n  return <Name {...nameProps} />\n}\nName.First['_supportsSpacingProps'] = true\n\nName.Company = function CompanyName(props: Props) {\n  const translations = useTranslation().CompanyName\n  const errorMessages = useMemo(() => {\n    return {\n      'Field.errorRequired': translations.errorRequired,\n      ...props.errorMessages,\n    }\n  }, [props.errorMessages, translations.errorRequired])\n\n  const StringFieldProps: Props = {\n    label: translations.label,\n    pattern:\n      '^(?!.*[-\\\\s]{2})(?!.*[\\\\.]{2})[\\\\p{L}\\\\p{N}][\\\\p{L}\\\\p{N}\\\\p{P}\\\\p{Zs}.]*[\\\\p{L}\\\\p{N}\\\\p{P}]$',\n    autoComplete: 'organization',\n    ...props,\n    errorMessages,\n  }\n\n  return <Name {...StringFieldProps} />\n}\nName.First['_supportsSpacingProps'] = true\n\nexport default Name\n"],"mappings":"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"}
+{"version":3,"file":"Name.js","names":["React","useMemo","StringField","useTranslation","Name","props","StringFieldProps","_objectSpread","trim","autoComplete","pattern","createElement","_supportsSpacingProps","First","FirstName","translations","errorMessages","errorRequired","errorPattern","nameProps","label","Last","LastName","Company","CompanyName"],"sources":["../../../../../../src/extensions/forms/Field/Name/Name.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport StringField, { Props as StringFieldProps } from '../String'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type Props = StringFieldProps\n\nfunction Name(props: Props) {\n  const StringFieldProps: Props = {\n    trim: true,\n    autoComplete: 'name',\n    pattern: '^(?!.*[\\\\-\\\\s]{2})[\\\\p{L}]+([ \\\\-][\\\\p{L}]+)*$',\n    ...props,\n  }\n\n  return <StringField {...StringFieldProps} />\n}\nName._supportsSpacingProps = true\n\nName.First = function FirstName(props: Props) {\n  const translations = useTranslation().FirstName\n  const errorMessages = useMemo(() => {\n    return {\n      'Field.errorRequired': translations.errorRequired,\n      'Field.errorPattern': translations.errorPattern,\n      ...props.errorMessages,\n    }\n  }, [\n    props.errorMessages,\n    translations.errorPattern,\n    translations.errorRequired,\n  ])\n\n  const nameProps: Props = {\n    label: translations.label,\n    autoComplete: 'given-name',\n    ...props,\n    errorMessages,\n  }\n\n  return <Name {...nameProps} />\n}\nName.First['_supportsSpacingProps'] = true\n\nName.Last = function LastName(props: Props) {\n  const translations = useTranslation().LastName\n  const errorMessages = useMemo(() => {\n    return {\n      'Field.errorRequired': translations.errorRequired,\n      'Field.errorPattern': translations.errorPattern,\n      ...props.errorMessages,\n    }\n  }, [\n    props.errorMessages,\n    translations.errorPattern,\n    translations.errorRequired,\n  ])\n\n  const nameProps: Props = {\n    label: translations.label,\n    autoComplete: 'family-name',\n    ...props,\n    errorMessages,\n  }\n\n  return <Name {...nameProps} />\n}\nName.Last['_supportsSpacingProps'] = true\n\nName.Company = function CompanyName(props: Props) {\n  const translations = useTranslation().CompanyName\n  const errorMessages = useMemo(() => {\n    return {\n      'Field.errorRequired': translations.errorRequired,\n      ...props.errorMessages,\n    }\n  }, [props.errorMessages, translations.errorRequired])\n\n  const StringFieldProps: Props = {\n    label: translations.label,\n    pattern:\n      '^(?!.*[-\\\\s]{2})(?!.*[\\\\.]{2})[\\\\p{L}\\\\p{N}][\\\\p{L}\\\\p{N}\\\\p{P}\\\\p{Zs}.]*[\\\\p{L}\\\\p{N}\\\\p{P}]$',\n    autoComplete: 'organization',\n    ...props,\n    errorMessages,\n  }\n\n  return <Name {...StringFieldProps} />\n}\nName.Company['_supportsSpacingProps'] = true\n\nexport default Name\n"],"mappings":"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"}

package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.d.ts

@@ -13,4 +13,5 @@ declare namespace NationalIdentityNumber {
 export declare function getAgeByBirthDate(birthDate: Date): number;
 export declare function getBirthDateByFnrOrDnr(value: string): Date;
 export declare function createMinimumAgeValidator(age: number): (value: string) => FormError;
+export declare function createMinimumAgeVerifier(age: number): (value: string) => boolean;
 export default NationalIdentityNumber;

package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js

@@ -134,6 +134,15 @@ export function createMinimumAgeValidator(age) {
     });
   };
 }
+export function createMinimumAgeVerifier(age) {
+  const validator = createMinimumAgeValidator(age);
+  return value => {
+    if ((value === null || value === void 0 ? void 0 : value.length) >= 7) {
+      return !(validator(value) instanceof Error);
+    }
+    return false;
+  };
+}
 NationalIdentityNumber._supportsSpacingProps = true;
 export default NationalIdentityNumber;
 //# sourceMappingURL=NationalIdentityNumber.js.map

package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"NationalIdentityNumber.js","names":["React","useCallback","useMemo","StringField","dnr","fnr","FormError","useTranslation","NationalIdentityNumber","props","translations","label","errorRequired","errorFnr","errorFnrLength","errorDnr","errorDnrLength","errorMessages","_objectSpread","identificationNumberIsOfLength","identificationNumber","length","fnrValidator","value","undefined","Number","parseInt","substring","Error","fnrIs11Digits","status","dnrValidator","dnrIs11Digits","dnrAndFnrValidator","dnrValidationPattern","RegExp","test","validate","omitMask","validator","onChangeValidator","onBlurValidator","width","labelProp","mask","Array","fill","onBlurValidatorToUse","StringFieldProps","inputMode","exportValidators","createElement","getAgeByBirthDate","birthDate","today","Date","age","getFullYear","month","getMonth","day","getDate","getBirthDateByFnrOrDnr","yearPart","centuryNumber","isBornIn20XX","year","differentiatorValue","isDnr","createMinimumAgeValidator","identificationNumberIs7DigitsOrMore","validationRule","date","messageValues","String","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport StringField, { Props as StringFieldProps } from '../String'\nimport { dnr, fnr } from '@navikt/fnrvalidator'\nimport { Validator } from '../../types'\nimport { FormError } from '../../utils'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type Props = Omit<StringFieldProps, 'onBlurValidator'> & {\n  omitMask?: boolean\n  validate?: boolean\n  onBlurValidator?: Validator<string> | false\n}\n\nfunction NationalIdentityNumber(props: Props) {\n  const translations = useTranslation().NationalIdentityNumber\n  const {\n    label,\n    errorRequired,\n    errorFnr,\n    errorFnrLength,\n    errorDnr,\n    errorDnrLength,\n  } = translations\n  const errorMessages = useMemo(\n    () => ({\n      'Field.errorRequired': errorRequired,\n      'Field.errorPattern': errorFnr,\n      ...props.errorMessages,\n    }),\n    [errorRequired, errorFnr, props.errorMessages]\n  )\n\n  const identificationNumberIsOfLength = (\n    identificationNumber: string,\n    length: number\n  ) => {\n    return identificationNumber?.length === length\n  }\n\n  const fnrValidator = useCallback(\n    (value: string) => {\n      if (value !== undefined) {\n        if (Number.parseInt(value.substring(0, 1)) > 3) {\n          return Error(errorFnr)\n        }\n\n        const fnrIs11Digits = identificationNumberIsOfLength(value, 11)\n\n        if (!fnrIs11Digits) {\n          return Error(errorFnrLength)\n        }\n        if (fnrIs11Digits && fnr(value).status === 'invalid') {\n          return Error(errorFnr)\n        }\n      }\n    },\n    [errorFnr, errorFnrLength]\n  )\n\n  const dnrValidator = useCallback(\n    (value: string) => {\n      if (value !== undefined) {\n        if (Number.parseInt(value.substring(0, 1)) < 4) {\n          return Error(errorDnr)\n        }\n\n        const dnrIs11Digits = identificationNumberIsOfLength(value, 11)\n\n        if (!dnrIs11Digits) {\n          return Error(errorDnrLength)\n        }\n        if (dnrIs11Digits && dnr(value).status === 'invalid') {\n          return Error(errorDnr)\n        }\n      }\n    },\n    [errorDnr, errorDnrLength]\n  )\n\n  const dnrAndFnrValidator = useCallback(\n    (value: string) => {\n      const dnrValidationPattern = '^[4-9].*' // 1st num is increased by 4. i.e, if 01.01.1985, D number would be 410185.\n\n      if (new RegExp(dnrValidationPattern).test(value)) {\n        return dnrValidator(value)\n      }\n      return fnrValidator(value)\n    },\n    [dnrValidator, fnrValidator]\n  )\n\n  const {\n    validate = true,\n    omitMask,\n    // Deprecated – can be removed in v11\n    validator,\n    onChangeValidator = validator,\n    onBlurValidator = dnrAndFnrValidator,\n    width,\n    label: labelProp,\n  } = props\n\n  const mask = useMemo(\n    () =>\n      omitMask\n        ? Array(11).fill(/\\d/)\n        : [\n            /\\d/,\n            /\\d/,\n            /\\d/,\n            /\\d/,\n            /\\d/,\n            /\\d/,\n            ' ',\n            /\\d/,\n            /\\d/,\n            /\\d/,\n            /\\d/,\n            /\\d/,\n          ],\n    [omitMask]\n  )\n\n  const onBlurValidatorToUse =\n    onBlurValidator === false ? undefined : onBlurValidator\n\n  const StringFieldProps: StringFieldProps = {\n    ...props,\n    label: labelProp ?? label,\n    errorMessages,\n    mask,\n    width: width ?? 'medium',\n    inputMode: 'numeric',\n    onChangeValidator: validate ? onChangeValidator : undefined,\n    onBlurValidator: validate ? onBlurValidatorToUse : undefined,\n    exportValidators: {\n      dnrValidator,\n      fnrValidator,\n      dnrAndFnrValidator,\n    },\n  }\n\n  return <StringField {...StringFieldProps} />\n}\n\nexport function getAgeByBirthDate(birthDate: Date): number {\n  const today = new Date()\n  const age = today.getFullYear() - birthDate.getFullYear()\n  const month = today.getMonth() - birthDate.getMonth()\n  const day = today.getDate() - birthDate.getDate()\n\n  if (month < 0 || (month === 0 && day < 0)) {\n    return age - 1\n  }\n\n  return age\n}\n\nexport function getBirthDateByFnrOrDnr(value: string) {\n  if (value === undefined) {\n    return // stop here\n  }\n\n  const yearPart = value.substring(4, 6)\n  const centuryNumber = Number.parseInt(value.substring(6, 7))\n\n  const isBornIn20XX = centuryNumber >= 5\n  const year = isBornIn20XX ? `20${yearPart}` : `19${yearPart}`\n  const month = Number.parseInt(value.substring(2, 4))\n\n  const differentiatorValue =\n    value.length > 0 ? Number.parseInt(value.substring(0, 1)) : undefined\n  const isDnr = differentiatorValue && differentiatorValue > 3\n\n  const day = isDnr\n    ? Number.parseInt(value.substring(0, 2)) - 40\n    : Number.parseInt(value.substring(0, 2))\n\n  return new Date(Number.parseInt(year), month - 1, day)\n}\n\nexport function createMinimumAgeValidator(age: number) {\n  return (value: string) => {\n    if (typeof value !== 'string') {\n      return // stop here\n    }\n\n    const identificationNumberIs7DigitsOrMore = value?.length >= 7\n\n    if (!identificationNumberIs7DigitsOrMore) {\n      return new FormError(\n        'NationalIdentityNumber.errorMinimumAgeValidatorLength',\n        {\n          validationRule: 'errorMinimumAgeValidatorLength', // \"validationRule\" Will be removed in future PR\n        }\n      )\n    }\n\n    if (identificationNumberIs7DigitsOrMore) {\n      const date = getBirthDateByFnrOrDnr(value)\n      if (getAgeByBirthDate(date) >= age) {\n        return // stop here\n      }\n    }\n\n    return new FormError(\n      'NationalIdentityNumber.errorMinimumAgeValidator',\n      {\n        validationRule: 'errorMinimumAgeValidator', // \"validationRule\" Will be removed in future PR\n        messageValues: { age: String(age) },\n      }\n    )\n  }\n}\n\nNationalIdentityNumber._supportsSpacingProps = true\nexport default NationalIdentityNumber\n"],"mappings":"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"}
+{"version":3,"file":"NationalIdentityNumber.js","names":["React","useCallback","useMemo","StringField","dnr","fnr","FormError","useTranslation","NationalIdentityNumber","props","translations","label","errorRequired","errorFnr","errorFnrLength","errorDnr","errorDnrLength","errorMessages","_objectSpread","identificationNumberIsOfLength","identificationNumber","length","fnrValidator","value","undefined","Number","parseInt","substring","Error","fnrIs11Digits","status","dnrValidator","dnrIs11Digits","dnrAndFnrValidator","dnrValidationPattern","RegExp","test","validate","omitMask","validator","onChangeValidator","onBlurValidator","width","labelProp","mask","Array","fill","onBlurValidatorToUse","StringFieldProps","inputMode","exportValidators","createElement","getAgeByBirthDate","birthDate","today","Date","age","getFullYear","month","getMonth","day","getDate","getBirthDateByFnrOrDnr","yearPart","centuryNumber","isBornIn20XX","year","differentiatorValue","isDnr","createMinimumAgeValidator","identificationNumberIs7DigitsOrMore","validationRule","date","messageValues","String","createMinimumAgeVerifier","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport StringField, { Props as StringFieldProps } from '../String'\nimport { dnr, fnr } from '@navikt/fnrvalidator'\nimport { Validator } from '../../types'\nimport { FormError } from '../../utils'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type Props = Omit<StringFieldProps, 'onBlurValidator'> & {\n  omitMask?: boolean\n  validate?: boolean\n  onBlurValidator?: Validator<string> | false\n}\n\nfunction NationalIdentityNumber(props: Props) {\n  const translations = useTranslation().NationalIdentityNumber\n  const {\n    label,\n    errorRequired,\n    errorFnr,\n    errorFnrLength,\n    errorDnr,\n    errorDnrLength,\n  } = translations\n  const errorMessages = useMemo(\n    () => ({\n      'Field.errorRequired': errorRequired,\n      'Field.errorPattern': errorFnr,\n      ...props.errorMessages,\n    }),\n    [errorRequired, errorFnr, props.errorMessages]\n  )\n\n  const identificationNumberIsOfLength = (\n    identificationNumber: string,\n    length: number\n  ) => {\n    return identificationNumber?.length === length\n  }\n\n  const fnrValidator = useCallback(\n    (value: string) => {\n      if (value !== undefined) {\n        if (Number.parseInt(value.substring(0, 1)) > 3) {\n          return Error(errorFnr)\n        }\n\n        const fnrIs11Digits = identificationNumberIsOfLength(value, 11)\n\n        if (!fnrIs11Digits) {\n          return Error(errorFnrLength)\n        }\n        if (fnrIs11Digits && fnr(value).status === 'invalid') {\n          return Error(errorFnr)\n        }\n      }\n    },\n    [errorFnr, errorFnrLength]\n  )\n\n  const dnrValidator = useCallback(\n    (value: string) => {\n      if (value !== undefined) {\n        if (Number.parseInt(value.substring(0, 1)) < 4) {\n          return Error(errorDnr)\n        }\n\n        const dnrIs11Digits = identificationNumberIsOfLength(value, 11)\n\n        if (!dnrIs11Digits) {\n          return Error(errorDnrLength)\n        }\n        if (dnrIs11Digits && dnr(value).status === 'invalid') {\n          return Error(errorDnr)\n        }\n      }\n    },\n    [errorDnr, errorDnrLength]\n  )\n\n  const dnrAndFnrValidator = useCallback(\n    (value: string) => {\n      const dnrValidationPattern = '^[4-9].*' // 1st num is increased by 4. i.e, if 01.01.1985, D number would be 410185.\n\n      if (new RegExp(dnrValidationPattern).test(value)) {\n        return dnrValidator(value)\n      }\n      return fnrValidator(value)\n    },\n    [dnrValidator, fnrValidator]\n  )\n\n  const {\n    validate = true,\n    omitMask,\n    // Deprecated – can be removed in v11\n    validator,\n    onChangeValidator = validator,\n    onBlurValidator = dnrAndFnrValidator,\n    width,\n    label: labelProp,\n  } = props\n\n  const mask = useMemo(\n    () =>\n      omitMask\n        ? Array(11).fill(/\\d/)\n        : [\n            /\\d/,\n            /\\d/,\n            /\\d/,\n            /\\d/,\n            /\\d/,\n            /\\d/,\n            ' ',\n            /\\d/,\n            /\\d/,\n            /\\d/,\n            /\\d/,\n            /\\d/,\n          ],\n    [omitMask]\n  )\n\n  const onBlurValidatorToUse =\n    onBlurValidator === false ? undefined : onBlurValidator\n\n  const StringFieldProps: StringFieldProps = {\n    ...props,\n    label: labelProp ?? label,\n    errorMessages,\n    mask,\n    width: width ?? 'medium',\n    inputMode: 'numeric',\n    onChangeValidator: validate ? onChangeValidator : undefined,\n    onBlurValidator: validate ? onBlurValidatorToUse : undefined,\n    exportValidators: {\n      dnrValidator,\n      fnrValidator,\n      dnrAndFnrValidator,\n    },\n  }\n\n  return <StringField {...StringFieldProps} />\n}\n\nexport function getAgeByBirthDate(birthDate: Date): number {\n  const today = new Date()\n  const age = today.getFullYear() - birthDate.getFullYear()\n  const month = today.getMonth() - birthDate.getMonth()\n  const day = today.getDate() - birthDate.getDate()\n\n  if (month < 0 || (month === 0 && day < 0)) {\n    return age - 1\n  }\n\n  return age\n}\n\nexport function getBirthDateByFnrOrDnr(value: string) {\n  if (value === undefined) {\n    return // stop here\n  }\n\n  const yearPart = value.substring(4, 6)\n  const centuryNumber = Number.parseInt(value.substring(6, 7))\n\n  const isBornIn20XX = centuryNumber >= 5\n  const year = isBornIn20XX ? `20${yearPart}` : `19${yearPart}`\n  const month = Number.parseInt(value.substring(2, 4))\n\n  const differentiatorValue =\n    value.length > 0 ? Number.parseInt(value.substring(0, 1)) : undefined\n  const isDnr = differentiatorValue && differentiatorValue > 3\n\n  const day = isDnr\n    ? Number.parseInt(value.substring(0, 2)) - 40\n    : Number.parseInt(value.substring(0, 2))\n\n  return new Date(Number.parseInt(year), month - 1, day)\n}\n\nexport function createMinimumAgeValidator(age: number) {\n  return (value: string) => {\n    if (typeof value !== 'string') {\n      return // stop here\n    }\n\n    const identificationNumberIs7DigitsOrMore = value?.length >= 7\n\n    if (!identificationNumberIs7DigitsOrMore) {\n      return new FormError(\n        'NationalIdentityNumber.errorMinimumAgeValidatorLength',\n        {\n          validationRule: 'errorMinimumAgeValidatorLength', // \"validationRule\" Will be removed in future PR\n        }\n      )\n    }\n\n    if (identificationNumberIs7DigitsOrMore) {\n      const date = getBirthDateByFnrOrDnr(value)\n      if (getAgeByBirthDate(date) >= age) {\n        return // stop here\n      }\n    }\n\n    return new FormError(\n      'NationalIdentityNumber.errorMinimumAgeValidator',\n      {\n        validationRule: 'errorMinimumAgeValidator', // \"validationRule\" Will be removed in future PR\n        messageValues: { age: String(age) },\n      }\n    )\n  }\n}\n\nexport function createMinimumAgeVerifier(age: number) {\n  const validator = createMinimumAgeValidator(age)\n  return (value: string) => {\n    if (value?.length >= 7) {\n      return !(validator(value) instanceof Error)\n    }\n\n    return false\n  }\n}\n\nNationalIdentityNumber._supportsSpacingProps = true\nexport default NationalIdentityNumber\n"],"mappings":"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"}

package/es/extensions/forms/Field/Password/PasswordDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../../../shared/types';
+export declare const PasswordProperties: PropertiesTableProps;

package/es/extensions/forms/Field/Password/PasswordDocs.js

@@ -0,0 +1,23 @@
+export const PasswordProperties = {
+  pattern: {
+    doc: 'Validation based on regex pattern for the number field e.g. `pattern="w{8}d{4}"`.',
+    type: 'string',
+    status: 'optional'
+  },
+  size: {
+    doc: 'The sizes you can choose is small (1.5rem), default (2rem), medium (2.5rem) and large (3rem) are supported component sizes. Defaults to default / null. Also, if you define a number like size="2" then it will be forwarded as the input element attribute.',
+    type: 'object',
+    status: 'optional'
+  },
+  innerRef: {
+    doc: '`ElementRef` passed on to the password `input` element.',
+    type: 'object',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=PasswordDocs.js.map

package/es/extensions/forms/Field/Password/PasswordDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordDocs.js","names":["PasswordProperties","pattern","doc","type","status","size","innerRef"],"sources":["../../../../../../src/extensions/forms/Field/Password/PasswordDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const PasswordProperties: PropertiesTableProps = {\n  pattern: {\n    doc: 'Validation based on regex pattern for the number field e.g. `pattern=\"w{8}d{4}\"`.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'The sizes you can choose is small (1.5rem), default (2rem), medium (2.5rem) and large (3rem) are supported component sizes. Defaults to default / null. Also, if you define a number like size=\"2\" then it will be forwarded as the input element attribute.',\n    type: 'object',\n    status: 'optional',\n  },\n  innerRef: {\n    doc: '`ElementRef` passed on to the password `input` element.',\n    type: 'object',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,kBAAwC,GAAG;EACtDC,OAAO,EAAE;IACPC,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,8PAA8P;IACnQC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.d.ts

@@ -9,7 +9,17 @@ export type Props = Pick<FieldBlockProps, 'error' | 'warning' | 'info' | 'width'
      * You can also use the value of another field to define the country, by using a path value i.e. `/myCountryPath`.
      * Default: `NO`
      */
+    /**
+     * @deprecated – use countryCode instead. Will be removed in v11.
+     */
     country?: Path | string;
+    /**
+     * Defines which country the postal code and city is for.
+     * Setting it to anything other than `no` will remove the default norwegian postal code pattern.
+     * You can also use the value of another field to define the countryCode, by using a path value i.e. `/myCountryCodePath`.
+     * Default: `NO`
+     */
+    countryCode?: Path | string;
     help?: HelpProps;
 };
 declare function PostalCodeAndCity(props: Props): import("react/jsx-runtime").JSX.Element;

package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["postalCode", "city", "help", "width", "country"];
+const _excluded = ["postalCode", "city", "help", "width", "country", "countryCode"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useCallback, useMemo } from 'react';
@@ -21,20 +21,32 @@ function PostalCodeAndCity(props) {
       city = {},
       help,
       width = 'large',
-      country = defaultCountry
+      country,
+      countryCode = defaultCountry
     } = props,
     fieldBlockProps = _objectWithoutProperties(props, _excluded);
+  const countryCodeValue = getSourceValue(country || countryCode);
+  const handleCityDefaults = useCallback(city => {
+    const props = {};
+    switch (countryCodeValue) {
+      case defaultCountry:
+        {
+          props.pattern = '^[A-Za-zÆØÅæøå -]+$';
+          break;
+        }
+    }
+    return _objectSpread(_objectSpread({}, props), city);
+  }, [countryCodeValue]);
   const {
     pattern: cityPattern,
     className: cityClassName,
     label: cityLabel,
     width: cityWidth,
     errorMessages: cityErrorMessages
-  } = city;
-  const countryValue = getSourceValue(country);
-  const handleDefaults = useCallback(postalCode => {
+  } = handleCityDefaults(city);
+  const handlePostalCodeDefaults = useCallback(postalCode => {
     const props = {};
-    switch (countryValue) {
+    switch (countryCodeValue) {
       case defaultCountry:
       case 'DK':
       case 'CH':
@@ -49,7 +61,7 @@ function PostalCodeAndCity(props) {
         break;
     }
     return _objectSpread(_objectSpread({}, props), postalCode);
-  }, [countryValue]);
+  }, [countryCodeValue]);
   const {
     mask: postalCodeMask,
     pattern: postalCodePattern,
@@ -58,7 +70,7 @@ function PostalCodeAndCity(props) {
     label: postalCodeLabel,
     width: postalCodeWidth,
     errorMessages: postalCodeErrorMessages
-  } = handleDefaults(postalCode);
+  } = handlePostalCodeDefaults(postalCode);
   return React.createElement(CompositionField, _extends({
     className: classnames('dnb-forms-field-postal-code-and-city', props.className)
   }, fieldBlockProps, {
@@ -76,7 +88,8 @@ function PostalCodeAndCity(props) {
     width: postalCodeWidth !== null && postalCodeWidth !== void 0 ? postalCodeWidth : false,
     inputClassName: "dnb-forms-field-postal-code-and-city__postal-code-input",
     inputMode: "numeric",
-    autoComplete: "postal-code"
+    autoComplete: "postal-code",
+    "data-country-code": country || countryCode
   })), React.createElement(StringField, _extends({
     help: help
   }, city, {
@@ -86,7 +99,7 @@ function PostalCodeAndCity(props) {
       'Field.errorRequired': translations.City.errorRequired,
       'Field.errorPattern': translations.City.errorPattern
     }, cityErrorMessages), [cityErrorMessages, translations.City.errorPattern, translations.City.errorRequired]),
-    pattern: cityPattern !== null && cityPattern !== void 0 ? cityPattern : '^[A-Za-zÆØÅæøå -]+$',
+    pattern: cityPattern,
     trim: true,
     width: cityWidth !== null && cityWidth !== void 0 ? cityWidth : 'stretch',
     autoComplete: "address-level2"

package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostalCodeAndCity.js","names":["React","useCallback","useMemo","classnames","StringField","CompositionField","useTranslation","useDataValue","COUNTRY","defaultCountry","PostalCodeAndCity","props","translations","getSourceValue","postalCode","city","help","width","country","fieldBlockProps","_objectWithoutProperties","_excluded","pattern","cityPattern","className","cityClassName","label","cityLabel","cityWidth","errorMessages","cityErrorMessages","countryValue","handleDefaults","mask","placeholder","_objectSpread","postalCodeMask","postalCodePattern","postalCodePlaceHolder","postalCodeClassName","postalCodeLabel","postalCodeWidth","postalCodeErrorMessages","createElement","_extends","PostalCode","errorRequired","errorPattern","inputClassName","inputMode","autoComplete","City","trim","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { Props as FieldBlockProps } from '../../FieldBlock'\nimport StringField, { Props as StringFieldProps } from '../String'\nimport CompositionField from '../Composition'\nimport { Path } from '../../types'\nimport useTranslation from '../../hooks/useTranslation'\nimport useDataValue from '../../hooks/useDataValue'\nimport { COUNTRY as defaultCountry } from '../../../../shared/defaults'\nimport { HelpProps } from '../../../../components/help-button/HelpButtonInline'\n\nexport type Props = Pick<\n  FieldBlockProps,\n  'error' | 'warning' | 'info' | 'width' | 'className'\n> &\n  Partial<Record<'postalCode' | 'city', StringFieldProps>> & {\n    /**\n     * Defines which country the postal code and city is for.\n     * Setting it to anything other than `no` will remove the default norwegian postal code pattern.\n     * You can also use the value of another field to define the country, by using a path value i.e. `/myCountryPath`.\n     * Default: `NO`\n     */\n    country?: Path | string\n    help?: HelpProps\n  }\n\nfunction PostalCodeAndCity(props: Props) {\n  const translations = useTranslation()\n  const { getSourceValue } = useDataValue()\n\n  const {\n    postalCode = {},\n    city = {},\n    help,\n    width = 'large',\n    country = defaultCountry,\n    ...fieldBlockProps\n  } = props\n\n  const {\n    pattern: cityPattern,\n    className: cityClassName,\n    label: cityLabel,\n    width: cityWidth,\n    errorMessages: cityErrorMessages,\n  } = city\n\n  const countryValue = getSourceValue(country)\n  const handleDefaults = useCallback(\n    (postalCode: StringFieldProps) => {\n      const props: StringFieldProps = {}\n\n      switch (countryValue) {\n        case defaultCountry:\n        case 'DK':\n        case 'CH': {\n          props.mask = [/\\d/, /\\d/, /\\d/, /\\d/]\n          props.pattern = '^[0-9]{4}$'\n          props.placeholder = '0000'\n          break\n        }\n        default:\n          props.width = '8rem'\n          break\n      }\n\n      return { ...props, ...postalCode }\n    },\n    [countryValue]\n  )\n\n  const {\n    mask: postalCodeMask,\n    pattern: postalCodePattern,\n    placeholder: postalCodePlaceHolder,\n    className: postalCodeClassName,\n    label: postalCodeLabel,\n    width: postalCodeWidth,\n    errorMessages: postalCodeErrorMessages,\n  } = handleDefaults(postalCode)\n\n  return (\n    <CompositionField\n      className={classnames(\n        'dnb-forms-field-postal-code-and-city',\n        props.className\n      )}\n      {...fieldBlockProps}\n      width={width}\n    >\n      <StringField\n        {...postalCode}\n        className={classnames(\n          'dnb-forms-field-postal-code-and-city__postal-code',\n          postalCodeClassName\n        )}\n        label={postalCodeLabel ?? translations.PostalCode.label}\n        mask={postalCodeMask}\n        pattern={postalCodePattern}\n        placeholder={postalCodePlaceHolder}\n        errorMessages={useMemo(\n          () => ({\n            'Field.errorRequired': translations.PostalCode.errorRequired,\n            'Field.errorPattern': translations.PostalCode.errorPattern,\n            ...postalCodeErrorMessages,\n          }),\n          [\n            postalCodeErrorMessages,\n            translations.PostalCode.errorPattern,\n            translations.PostalCode.errorRequired,\n          ]\n        )}\n        width={postalCodeWidth ?? false}\n        inputClassName=\"dnb-forms-field-postal-code-and-city__postal-code-input\"\n        inputMode=\"numeric\"\n        autoComplete=\"postal-code\"\n      />\n\n      <StringField\n        help={help}\n        {...city}\n        className={classnames(\n          'dnb-forms-field-postal-code-and-city__city',\n          cityClassName\n        )}\n        label={cityLabel ?? translations.City.label}\n        errorMessages={useMemo(\n          () => ({\n            'Field.errorRequired': translations.City.errorRequired,\n            'Field.errorPattern': translations.City.errorPattern,\n            ...cityErrorMessages,\n          }),\n          [\n            cityErrorMessages,\n            translations.City.errorPattern,\n            translations.City.errorRequired,\n          ]\n        )}\n        pattern={cityPattern ?? '^[A-Za-zÆØÅæøå -]+$'}\n        trim\n        width={cityWidth ?? 'stretch'}\n        autoComplete=\"address-level2\"\n      />\n    </CompositionField>\n  )\n}\n\nPostalCodeAndCity._supportsSpacingProps = true\nexport default PostalCodeAndCity\n"],"mappings":"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"}
+{"version":3,"file":"PostalCodeAndCity.js","names":["React","useCallback","useMemo","classnames","StringField","CompositionField","useTranslation","useDataValue","COUNTRY","defaultCountry","PostalCodeAndCity","props","translations","getSourceValue","postalCode","city","help","width","country","countryCode","fieldBlockProps","_objectWithoutProperties","_excluded","countryCodeValue","handleCityDefaults","pattern","_objectSpread","cityPattern","className","cityClassName","label","cityLabel","cityWidth","errorMessages","cityErrorMessages","handlePostalCodeDefaults","mask","placeholder","postalCodeMask","postalCodePattern","postalCodePlaceHolder","postalCodeClassName","postalCodeLabel","postalCodeWidth","postalCodeErrorMessages","createElement","_extends","PostalCode","errorRequired","errorPattern","inputClassName","inputMode","autoComplete","City","trim","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { Props as FieldBlockProps } from '../../FieldBlock'\nimport StringField, { Props as StringFieldProps } from '../String'\nimport CompositionField from '../Composition'\nimport { Path } from '../../types'\nimport useTranslation from '../../hooks/useTranslation'\nimport useDataValue from '../../hooks/useDataValue'\nimport { COUNTRY as defaultCountry } from '../../../../shared/defaults'\nimport { HelpProps } from '../../../../components/help-button/HelpButtonInline'\n\nexport type Props = Pick<\n  FieldBlockProps,\n  'error' | 'warning' | 'info' | 'width' | 'className'\n> &\n  Partial<Record<'postalCode' | 'city', StringFieldProps>> & {\n    /**\n     * Defines which country the postal code and city is for.\n     * Setting it to anything other than `no` will remove the default norwegian postal code pattern.\n     * You can also use the value of another field to define the country, by using a path value i.e. `/myCountryPath`.\n     * Default: `NO`\n     */\n    /**\n     * @deprecated – use countryCode instead. Will be removed in v11.\n     */\n    country?: Path | string\n\n    /**\n     * Defines which country the postal code and city is for.\n     * Setting it to anything other than `no` will remove the default norwegian postal code pattern.\n     * You can also use the value of another field to define the countryCode, by using a path value i.e. `/myCountryCodePath`.\n     * Default: `NO`\n     */\n    countryCode?: Path | string\n    help?: HelpProps\n  }\n\nfunction PostalCodeAndCity(props: Props) {\n  const translations = useTranslation()\n  const { getSourceValue } = useDataValue()\n\n  const {\n    postalCode = {},\n    city = {},\n    help,\n    width = 'large',\n    country,\n    countryCode = defaultCountry,\n    ...fieldBlockProps\n  } = props\n\n  const countryCodeValue = getSourceValue(country || countryCode)\n\n  const handleCityDefaults = useCallback(\n    (city: StringFieldProps) => {\n      const props: StringFieldProps = {}\n\n      switch (countryCodeValue) {\n        case defaultCountry: {\n          props.pattern = '^[A-Za-zÆØÅæøå -]+$'\n          break\n        }\n      }\n\n      return { ...props, ...city }\n    },\n    [countryCodeValue]\n  )\n\n  const {\n    pattern: cityPattern,\n    className: cityClassName,\n    label: cityLabel,\n    width: cityWidth,\n    errorMessages: cityErrorMessages,\n  } = handleCityDefaults(city)\n\n  const handlePostalCodeDefaults = useCallback(\n    (postalCode: StringFieldProps) => {\n      const props: StringFieldProps = {}\n\n      switch (countryCodeValue) {\n        case defaultCountry:\n        case 'DK':\n        case 'CH': {\n          props.mask = [/\\d/, /\\d/, /\\d/, /\\d/]\n          props.pattern = '^[0-9]{4}$'\n          props.placeholder = '0000'\n          break\n        }\n        default:\n          props.width = '8rem'\n          break\n      }\n\n      return { ...props, ...postalCode }\n    },\n    [countryCodeValue]\n  )\n\n  const {\n    mask: postalCodeMask,\n    pattern: postalCodePattern,\n    placeholder: postalCodePlaceHolder,\n    className: postalCodeClassName,\n    label: postalCodeLabel,\n    width: postalCodeWidth,\n    errorMessages: postalCodeErrorMessages,\n  } = handlePostalCodeDefaults(postalCode)\n\n  return (\n    <CompositionField\n      className={classnames(\n        'dnb-forms-field-postal-code-and-city',\n        props.className\n      )}\n      {...fieldBlockProps}\n      width={width}\n    >\n      <StringField\n        {...postalCode}\n        className={classnames(\n          'dnb-forms-field-postal-code-and-city__postal-code',\n          postalCodeClassName\n        )}\n        label={postalCodeLabel ?? translations.PostalCode.label}\n        mask={postalCodeMask}\n        pattern={postalCodePattern}\n        placeholder={postalCodePlaceHolder}\n        errorMessages={useMemo(\n          () => ({\n            'Field.errorRequired': translations.PostalCode.errorRequired,\n            'Field.errorPattern': translations.PostalCode.errorPattern,\n            ...postalCodeErrorMessages,\n          }),\n          [\n            postalCodeErrorMessages,\n            translations.PostalCode.errorPattern,\n            translations.PostalCode.errorRequired,\n          ]\n        )}\n        width={postalCodeWidth ?? false}\n        inputClassName=\"dnb-forms-field-postal-code-and-city__postal-code-input\"\n        inputMode=\"numeric\"\n        autoComplete=\"postal-code\"\n        data-country-code={country || countryCode}\n      />\n\n      <StringField\n        help={help}\n        {...city}\n        className={classnames(\n          'dnb-forms-field-postal-code-and-city__city',\n          cityClassName\n        )}\n        label={cityLabel ?? translations.City.label}\n        errorMessages={useMemo(\n          () => ({\n            'Field.errorRequired': translations.City.errorRequired,\n            'Field.errorPattern': translations.City.errorPattern,\n            ...cityErrorMessages,\n          }),\n          [\n            cityErrorMessages,\n            translations.City.errorPattern,\n            translations.City.errorRequired,\n          ]\n        )}\n        pattern={cityPattern}\n        trim\n        width={cityWidth ?? 'stretch'}\n        autoComplete=\"address-level2\"\n      />\n    </CompositionField>\n  )\n}\n\nPostalCodeAndCity._supportsSpacingProps = true\nexport default PostalCodeAndCity\n"],"mappings":"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"}

package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js

@@ -1,12 +1,12 @@
 import { FieldProperties } from '../FieldDocs';
 export const PostalCodeAndCityProperties = {
-  country: {
-    doc: 'Defines which country the postal code and city is for, based on the ISO 3166-1 alpha-2 format i.e. `NO`, `DE` etc. ' + 'Setting it to anything other than `NO` will remove the default norwegian postal code pattern. ' + 'You can also use the value of another field to define the country, by using a path value i.e. `/myCountryPath`. ' + 'Defaults to `NO`',
+  countryCode: {
+    doc: 'Defines which country the postal code and city is for, based on the ISO 3166-1 alpha-2 format i.e. `NO`, `DE` etc. ' + 'Setting it to anything other than `NO` will remove the default norwegian postal code pattern. ' + 'You can also use the value of another field to define the countryCode, by using a path value i.e. `/myCountryCodePath`. ' + 'Defaults to `NO`',
     type: ['Path', 'string'],
     status: 'optional'
   },
   postalCode: {
-    doc: 'Properties for the [Field.String](/uilib/extensions/forms/base-fields/String/) component for postcode.',
+    doc: 'Properties for the [Field.String](/uilib/extensions/forms/base-fields/String/) component for postal code.',
     type: 'object',
     status: 'required'
   },

package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostalCodeAndCityDocs.js","names":["FieldProperties","PostalCodeAndCityProperties","country","doc","type","status","postalCode","city","help"],"sources":["../../../../../../src/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { FieldProperties } from '../FieldDocs'\n\nexport const PostalCodeAndCityProperties: PropertiesTableProps = {\n  country: {\n    doc:\n      'Defines which country the postal code and city is for, based on the ISO 3166-1 alpha-2 format i.e. `NO`, `DE` etc. ' +\n      'Setting it to anything other than `NO` will remove the default norwegian postal code pattern. ' +\n      'You can also use the value of another field to define the country, by using a path value i.e. `/myCountryPath`. ' +\n      'Defaults to `NO`',\n    type: ['Path', 'string'],\n    status: 'optional',\n  },\n  postalCode: {\n    doc: 'Properties for the [Field.String](/uilib/extensions/forms/base-fields/String/) component for postcode.',\n    type: 'object',\n    status: 'required',\n  },\n  city: {\n    doc: 'Properties for the [Field.String](/uilib/extensions/forms/base-fields/String/) component for city.',\n    type: 'object',\n    status: 'required',\n  },\n  help: FieldProperties.help,\n}\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,cAAc;AAE9C,OAAO,MAAMC,2BAAiD,GAAG;EAC/DC,OAAO,EAAE;IACPC,GAAG,EACD,qHAAqH,GACrH,gGAAgG,GAChG,kHAAkH,GAClH,kBAAkB;IACpBC,IAAI,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;IACxBC,MAAM,EAAE;EACV,CAAC;EACDC,UAAU,EAAE;IACVH,GAAG,EAAE,wGAAwG;IAC7GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAER,eAAe,CAACQ;AACxB,CAAC"}
+{"version":3,"file":"PostalCodeAndCityDocs.js","names":["FieldProperties","PostalCodeAndCityProperties","countryCode","doc","type","status","postalCode","city","help"],"sources":["../../../../../../src/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { FieldProperties } from '../FieldDocs'\n\nexport const PostalCodeAndCityProperties: PropertiesTableProps = {\n  countryCode: {\n    doc:\n      'Defines which country the postal code and city is for, based on the ISO 3166-1 alpha-2 format i.e. `NO`, `DE` etc. ' +\n      'Setting it to anything other than `NO` will remove the default norwegian postal code pattern. ' +\n      'You can also use the value of another field to define the countryCode, by using a path value i.e. `/myCountryCodePath`. ' +\n      'Defaults to `NO`',\n    type: ['Path', 'string'],\n    status: 'optional',\n  },\n  postalCode: {\n    doc: 'Properties for the [Field.String](/uilib/extensions/forms/base-fields/String/) component for postal code.',\n    type: 'object',\n    status: 'required',\n  },\n  city: {\n    doc: 'Properties for the [Field.String](/uilib/extensions/forms/base-fields/String/) component for city.',\n    type: 'object',\n    status: 'required',\n  },\n  help: FieldProperties.help,\n}\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,cAAc;AAE9C,OAAO,MAAMC,2BAAiD,GAAG;EAC/DC,WAAW,EAAE;IACXC,GAAG,EACD,qHAAqH,GACrH,gGAAgG,GAChG,0HAA0H,GAC1H,kBAAkB;IACpBC,IAAI,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;IACxBC,MAAM,EAAE;EACV,CAAC;EACDC,UAAU,EAAE;IACVH,GAAG,EAAE,2GAA2G;IAChHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAER,eAAe,CAACQ;AACxB,CAAC"}

package/es/extensions/forms/Field/Provider/useFieldProvider.d.ts

@@ -74,9 +74,9 @@ declare function useFieldProvider(props?: Omit<FieldProviderProps, 'children'>):
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
         'aria-valuetext'?: string;
-        onFocus?: (value: unknown) => void;
-        onBlur?: (value: unknown) => void;
-        onChange?: (value: unknown) => void | import("../../types").EventReturnWithStateObjectAndSuccess | Promise<void | import("../../types").EventReturnWithStateObjectAndSuccess>;
+        onFocus?: (value: unknown, additionalArgs?: import("../../types").ReceiveAdditionalEventArgs<unknown, import("../../types").DefaultErrorMessages>) => void;
+        onBlur?: (value: unknown, additionalArgs?: import("../../types").ReceiveAdditionalEventArgs<unknown, import("../../types").DefaultErrorMessages>) => void;
+        onChange?: (value: unknown, additionalArgs?: import("../../types").ReceiveAdditionalEventArgs<unknown, import("../../types").DefaultErrorMessages>) => void | import("../../types").EventReturnWithStateObjectAndSuccess | Promise<void | import("../../types").EventReturnWithStateObjectAndSuccess>;
         help?: import("../../../../components/help-button/HelpButtonInline").HelpProps;
         locale?: string;
         autoComplete?: AutoFill;
@@ -110,7 +110,7 @@ declare function useFieldProvider(props?: Omit<FieldProviderProps, 'children'>):
         transformIn?: (external: unknown) => unknown;
         transformOut?: (internal: unknown, additionalArgs?: unknown) => unknown;
         transformValue?: (value: unknown, currentValue?: unknown) => unknown;
-        provideAdditionalArgs?: (value: unknown, additionalArgs?: import("../../types").AdditionalEventArgs) => import("../../types").AdditionalEventArgs;
+        provideAdditionalArgs?: (value: unknown, additionalArgs?: import("../../types").ProvideAdditionalEventArgs) => import("../../types").ProvideAdditionalEventArgs;
         toInput?: (external: unknown) => unknown;
         toEvent?: (internal: unknown, type: "onFocus" | "onBlur" | "onChange" | "onBlurValidator") => unknown;
         fromInput?: (external: unknown) => unknown;

package/es/extensions/forms/Field/index.d.ts

@@ -4,6 +4,7 @@ export { default as String } from './String';
 export { default as Number } from './Number';
 export { default as Toggle } from './Toggle';
 export { default as Indeterminate } from './Indeterminate';
+export { default as Address } from './Address';
 export { default as Boolean } from './Boolean';
 export { default as Currency } from './Currency';
 export { default as Date } from './Date';