@dnb/eufemia 10.64.0 → 10.65.0

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

@@ -3,7 +3,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-const _excluded = ["id", "path", "itemPath", "className", "label", "value", "hasError", "disabled", "htmlAttributes", "handleFocus", "handleBlur", "handleChange", "setDisplayValue", "range", "showCancelButton", "showResetButton", "showInput", "onReset"];
+const _excluded = ["id", "path", "itemPath", "className", "label", "value", "hasError", "disabled", "htmlAttributes", "handleFocus", "handleBlur", "handleChange", "setDisplayValue", "range", "showCancelButton", "showResetButton", "showInput", "onReset", "minDate", "maxDate"],
+  _excluded2 = ["value", "isRange", "locale"];
 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, useContext, useMemo } from 'react';
@@ -13,20 +14,26 @@ import { pickSpacingProps } from '../../../../components/flex/utils';
 import classnames from 'classnames';
 import FieldBlock from '../../FieldBlock';
 import SharedContext from '../../../../shared/Context';
-import { parseISO, isValid } from 'date-fns';
+import { parseISO, isValid, isBefore, isAfter } from 'date-fns';
 import useTranslation from '../../hooks/useTranslation';
 import { formatDate } from '../../Value/Date';
+import { convertStringToDate } from '../../../../components/date-picker/DatePickerCalc';
+import { FormError } from '../../utils';
 function DateComponent(props) {
-  const translations = useTranslation();
+  var _props$validateInitia;
+  const {
+    errorRequired,
+    label: defaultLabel
+  } = useTranslation().Date;
   const {
     locale
   } = useContext(SharedContext);
   const errorMessages = useMemo(() => {
     return _objectSpread({
-      'Field.errorRequired': translations.Date.errorRequired,
-      'Field.errorPattern': translations.Date.errorRequired
+      'Field.errorRequired': errorRequired,
+      'Field.errorPattern': errorRequired
     }, props.errorMessages);
-  }, [props.errorMessages, translations.Date.errorRequired]);
+  }, [props.errorMessages, errorRequired]);
   const schema = useMemo(() => {
     var _props$schema;
     return (_props$schema = props.schema) !== null && _props$schema !== void 0 ? _props$schema : {
@@ -43,6 +50,28 @@ function DateComponent(props) {
     }
     return undefined;
   }, []);
+  const dateLimitValidator = useCallback(value => {
+    const res = validateDateLimit({
+      value,
+      locale,
+      minDate: props.minDate,
+      maxDate: props.maxDate,
+      isRange: props.range
+    });
+    return res;
+  }, [props.maxDate, props.minDate, props.range, locale]);
+  const onBlurValidator = useMemo(() => {
+    if (props.onBlurValidator === false) {
+      return undefined;
+    }
+    if (props.onBlurValidator) {
+      return props.onBlurValidator;
+    }
+    return dateLimitValidator;
+  }, [props.onBlurValidator, dateLimitValidator]);
+  const hasDateLimitAndValue = useMemo(() => {
+    return (props.minDate || props.maxDate) && Boolean(props.value);
+  }, [props.minDate, props.maxDate, props.value]);
   const preparedProps = _objectSpread(_objectSpread({}, props), {}, {
     errorMessages,
     schema,
@@ -53,7 +82,12 @@ function DateComponent(props) {
     }) => {
       return range ? `${start_date}|${end_date}` : date;
     },
-    validateRequired
+    validateRequired,
+    validateInitially: (_props$validateInitia = props.validateInitially) !== null && _props$validateInitia !== void 0 ? _props$validateInitia : hasDateLimitAndValue,
+    onBlurValidator,
+    exportValidators: {
+      dateLimitValidator
+    }
   });
   const _useFieldProps = useFieldProps(preparedProps),
     {
@@ -74,7 +108,9 @@ function DateComponent(props) {
       showCancelButton = true,
       showResetButton = true,
       showInput = true,
-      onReset
+      onReset,
+      minDate,
+      maxDate
     } = _useFieldProps,
     rest = _objectWithoutProperties(_useFieldProps, _excluded);
   const datePickerProps = pickDatePickerProps(rest);
@@ -90,7 +126,7 @@ function DateComponent(props) {
         endDate: undefined
       };
     }
-    const [startDate, endDate] = valueProp.split('|').map(value => /(undefined|null)/.test(value) ? null : value);
+    const [startDate, endDate] = parseRangeValue(valueProp);
     return {
       value: undefined,
       startDate,
@@ -101,12 +137,12 @@ function DateComponent(props) {
     if ((path || itemPath) && valueProp) {
       setDisplayValue(formatDate(valueProp, {
         locale
-      }));
+      }), undefined);
     }
   }, [itemPath, locale, path, setDisplayValue, valueProp]);
   const fieldBlockProps = _objectSpread({
     forId: id,
-    label: label !== null && label !== void 0 ? label : translations.Date.label,
+    label: label !== null && label !== void 0 ? label : defaultLabel,
     className: classnames('dnb-forms-field-string', className)
   }, pickSpacingProps(props));
   return React.createElement(FieldBlock, fieldBlockProps, React.createElement(DatePicker, _extends({
@@ -118,6 +154,8 @@ function DateComponent(props) {
     showResetButton: showResetButton,
     startDate: startDate,
     endDate: endDate,
+    minDate: minDate,
+    maxDate: maxDate,
     status: hasError ? 'error' : undefined,
     range: range,
     onChange: handleChange,
@@ -129,7 +167,81 @@ function DateComponent(props) {
     onBlur: handleBlur
   }, datePickerProps, htmlAttributes)));
 }
-const datePickerPropKeys = ['month', 'startMonth', 'endMonth', 'minDate', 'maxDate', 'correctInvalidDate', 'maskOrder', 'maskPlaceholder', 'dateFormat', 'returnFormat', 'hideNavigation', 'hideDays', 'onlyMonth', 'hideLastWeek', 'disableAutofocus', 'showSubmitButton', 'submitButtonText', 'cancelButtonText', 'resetButtonText', 'firstDay', 'link', 'sync', 'addonElement', 'shortcuts', 'opened', 'direction', 'alignPicker', 'onDaysRender', 'showInput', 'onDaysRender', 'onType', 'onShow', 'onHide', 'onSubmit', 'onCancel', 'onReset'];
+function parseRangeValue(value) {
+  return value.split('|').map(value => /(undefined|null)/.test(value) ? null : value);
+}
+function validateDateLimit(_ref) {
+  let {
+      value,
+      isRange,
+      locale
+    } = _ref,
+    dates = _objectWithoutProperties(_ref, _excluded2);
+  if (!dates.minDate && !dates.maxDate || !value) {
+    return;
+  }
+  const [startDateParsed, endDateParsed] = parseRangeValue(value);
+  const minDate = convertStringToDate(dates.minDate);
+  const maxDate = convertStringToDate(dates.maxDate);
+  const startDate = convertStringToDate(startDateParsed);
+  const endDate = convertStringToDate(endDateParsed);
+  const isoDates = {
+    minDate: dates.minDate instanceof Date ? dates.minDate.toISOString() : dates.minDate,
+    maxDate: dates.maxDate instanceof Date ? dates.maxDate.toISOString() : dates.maxDate
+  };
+  const options = {
+    locale,
+    variant: 'long'
+  };
+  if (!isRange) {
+    if (isBefore(startDate, minDate)) {
+      return new FormError('Date.errorMinDate', {
+        messageValues: {
+          date: formatDate(isoDates.minDate, options)
+        }
+      });
+    }
+    if (isAfter(startDate, maxDate)) {
+      return new FormError('Date.errorMaxDate', {
+        messageValues: {
+          date: formatDate(isoDates.maxDate, options)
+        }
+      });
+    }
+    return;
+  }
+  const messages = [];
+  if (isBefore(startDate, minDate)) {
+    messages.push(new FormError('Date.errorStartDateMinDate', {
+      messageValues: {
+        date: formatDate(isoDates.minDate, options)
+      }
+    }));
+  }
+  if (isAfter(startDate, maxDate)) {
+    messages.push(new FormError('Date.errorStartDateMaxDate', {
+      messageValues: {
+        date: formatDate(isoDates.maxDate, options)
+      }
+    }));
+  }
+  if (isBefore(endDate, minDate)) {
+    messages.push(new FormError('Date.errorEndDateMinDate', {
+      messageValues: {
+        date: formatDate(isoDates.minDate, options)
+      }
+    }));
+  }
+  if (isAfter(endDate, maxDate)) {
+    messages.push(new FormError('Date.errorEndDateMaxDate', {
+      messageValues: {
+        date: formatDate(isoDates.maxDate, options)
+      }
+    }));
+  }
+  return messages;
+}
+const datePickerPropKeys = ['month', 'startMonth', 'endMonth', 'minDate', 'maxDate', 'correctInvalidDate', 'maskOrder', 'maskPlaceholder', 'dateFormat', 'returnFormat', 'hideNavigation', 'hideDays', 'onlyMonth', 'hideLastWeek', 'disableAutofocus', 'showSubmitButton', 'submitButtonText', 'cancelButtonText', 'resetButtonText', 'firstDay', 'link', 'size', 'sync', 'addonElement', 'shortcuts', 'opened', 'direction', 'alignPicker', 'onDaysRender', 'showInput', 'onDaysRender', 'onType', 'onShow', 'onHide', 'onSubmit', 'onCancel', 'onReset'];
 function pickDatePickerProps(props) {
   const datePickerProps = Object.keys(props).reduce((datePickerProps, key) => {
     if (datePickerPropKeys.includes(key)) {

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

@@ -1 +1 @@
-{"version":3,"file":"Date.js","names":["React","useCallback","useContext","useMemo","DatePicker","useFieldProps","pickSpacingProps","classnames","FieldBlock","SharedContext","parseISO","isValid","useTranslation","formatDate","DateComponent","props","translations","locale","errorMessages","_objectSpread","Date","errorRequired","schema","_props$schema","type","pattern","validateRequired","value","required","error","undefined","preparedProps","fromInput","date","start_date","end_date","range","_useFieldProps","id","path","itemPath","className","label","valueProp","hasError","disabled","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","showCancelButton","showResetButton","showInput","onReset","rest","_objectWithoutProperties","_excluded","datePickerProps","pickDatePickerProps","startDate","endDate","split","map","test","fieldBlockProps","forId","createElement","_extends","status","onChange","event","onFocus","onBlur","datePickerPropKeys","Object","keys","reduce","key","includes","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Date/Date.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport { DatePicker } from '../../../../components'\nimport { useFieldProps } from '../../hooks'\nimport { FieldProps, AllJSONSchemaVersions } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport classnames from 'classnames'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport SharedContext from '../../../../shared/Context'\nimport { parseISO, isValid } from 'date-fns'\nimport useTranslation from '../../hooks/useTranslation'\nimport { formatDate } from '../../Value/Date'\nimport {\n  DatePickerEvent,\n  DatePickerProps,\n} from '../../../../components/DatePicker'\n\n// `range`, `showInput`, `showCancelButton` and `showResetButton` are not picked from the `DatePickerProps`\n// Since they require `Field.Date` specific comments, due to them having different default values\nexport type Props = FieldProps<string, undefined | string> & {\n  // Validation\n  pattern?: string\n  /**\n   * Defines if the Date field should support a value of two dates (starting and ending date).\n   * The value needs to be a string containing two dates, separated by a pipe character (`|`) i.e. (`01-09-2024|30-09-2024`) when this is set to `true`.\n   * Defaults to `false`.\n   */\n  range?: DatePickerProps['range']\n  /**\n   * If the input fields with the mask should be visible. Defaults to `true`.\n   */\n  showInput?: DatePickerProps['showInput']\n\n  /**\n   * If set to `true`, a cancel button will be shown. You can change the default text by using `cancel_button_text=\"Avbryt\"` Defaults to `true`. If the `range` prop is `true`, then the cancel button is shown.\n   */\n  showCancelButton?: DatePickerProps['showCancelButton']\n  /**\n   * If set to `true`, a reset button will be shown. You can change the default text by using `reset_button_text=\"Tilbakestill\"` Defaults to `true`.\n   */\n  showResetButton?: DatePickerProps['showResetButton']\n} & Pick<\n    DatePickerProps,\n    | 'month'\n    | 'startMonth'\n    | 'endMonth'\n    | 'minDate'\n    | 'maxDate'\n    | 'correctInvalidDate'\n    | 'maskOrder'\n    | 'maskPlaceholder'\n    | 'dateFormat'\n    | 'returnFormat'\n    | 'hideNavigation'\n    | 'hideDays'\n    | 'onlyMonth'\n    | 'hideLastWeek'\n    | 'disableAutofocus'\n    | 'showSubmitButton'\n    | 'submitButtonText'\n    | 'cancelButtonText'\n    | 'resetButtonText'\n    | 'firstDay'\n    | 'link'\n    | 'sync'\n    | 'addonElement'\n    | 'shortcuts'\n    | 'opened'\n    | 'direction'\n    | 'alignPicker'\n    | 'onDaysRender'\n    | 'onType'\n    | 'onShow'\n    | 'onHide'\n    | 'onSubmit'\n    | 'onCancel'\n    | 'onReset'\n  >\n\nfunction DateComponent(props: Props) {\n  const translations = useTranslation()\n  const { locale } = useContext(SharedContext)\n\n  const errorMessages = useMemo(() => {\n    return {\n      'Field.errorRequired': translations.Date.errorRequired,\n      'Field.errorPattern': translations.Date.errorRequired,\n      ...props.errorMessages,\n    }\n  }, [props.errorMessages, translations.Date.errorRequired])\n\n  const schema = useMemo<AllJSONSchemaVersions>(\n    () =>\n      props.schema ?? {\n        type: 'string',\n        pattern: props.pattern,\n      },\n    [props.schema, props.pattern]\n  )\n\n  const validateRequired = useCallback(\n    (value: string, { required, error }) => {\n      if (required && (!value || !isValid(parseISO(value)))) {\n        return error\n      }\n\n      return undefined\n    },\n    []\n  )\n\n  const preparedProps: Props = {\n    ...props,\n    errorMessages,\n    schema,\n    fromInput: ({\n      date,\n      start_date,\n      end_date,\n    }: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>) => {\n      return range ? `${start_date}|${end_date}` : date\n    },\n    validateRequired,\n  }\n\n  const {\n    id,\n    path,\n    itemPath,\n    className,\n    label,\n    value: valueProp,\n    hasError,\n    disabled,\n    htmlAttributes,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    setDisplayValue,\n    range,\n    showCancelButton = true,\n    showResetButton = true,\n    showInput = true,\n    onReset,\n    ...rest\n  } = useFieldProps(preparedProps)\n\n  const datePickerProps = pickDatePickerProps(rest)\n\n  const { value, startDate, endDate } = useMemo(() => {\n    if (!range || !valueProp) {\n      return {\n        // Assign to null if falsy value, to properly clear input values\n        value: valueProp ?? null,\n        startDate: undefined,\n        endDate: undefined,\n      }\n    }\n\n    const [startDate, endDate] = valueProp\n      .split('|')\n      // Assign to null if falsy value, to properly clear input values\n      .map((value) => (/(undefined|null)/.test(value) ? null : value))\n\n    return {\n      value: undefined,\n      startDate,\n      endDate,\n    }\n  }, [range, valueProp])\n\n  useMemo(() => {\n    if ((path || itemPath) && valueProp) {\n      setDisplayValue(formatDate(valueProp, { locale }))\n    }\n  }, [itemPath, locale, path, setDisplayValue, valueProp])\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    label: label ?? translations.Date.label,\n    className: classnames('dnb-forms-field-string', className),\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <DatePicker\n        id={id}\n        date={value}\n        disabled={disabled}\n        showInput={showInput}\n        showCancelButton={showCancelButton}\n        showResetButton={showResetButton}\n        startDate={startDate}\n        endDate={endDate}\n        status={hasError ? 'error' : undefined}\n        range={range}\n        onChange={handleChange}\n        onReset={(event) => {\n          handleChange(event)\n          onReset?.(event)\n        }}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        {...datePickerProps}\n        {...htmlAttributes}\n      />\n    </FieldBlock>\n  )\n}\n\n// Used to filter out DatePickerProps from the FieldProps.\n// Includes DatePickerProps that are not destructured in useFieldProps\nconst datePickerPropKeys = [\n  'month',\n  'startMonth',\n  'endMonth',\n  'minDate',\n  'maxDate',\n  'correctInvalidDate',\n  'maskOrder',\n  'maskPlaceholder',\n  'dateFormat',\n  'returnFormat',\n  'hideNavigation',\n  'hideDays',\n  'onlyMonth',\n  'hideLastWeek',\n  'disableAutofocus',\n  'showSubmitButton',\n  'submitButtonText',\n  'cancelButtonText',\n  'resetButtonText',\n  'firstDay',\n  'link',\n  'sync',\n  'addonElement',\n  'shortcuts',\n  'opened',\n  'direction',\n  'alignPicker',\n  'onDaysRender',\n  'showInput',\n  'onDaysRender',\n  'onType',\n  'onShow',\n  'onHide',\n  'onSubmit',\n  'onCancel',\n  'onReset',\n]\n\nfunction pickDatePickerProps(props: Props) {\n  const datePickerProps = Object.keys(props).reduce(\n    (datePickerProps, key) => {\n      if (datePickerPropKeys.includes(key)) {\n        datePickerProps[key] = props[key]\n      }\n\n      return datePickerProps\n    },\n    {}\n  )\n\n  return datePickerProps\n}\n\nDateComponent._supportsSpacingProps = true\nexport default DateComponent\n"],"mappings":"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"}
+{"version":3,"file":"Date.js","names":["React","useCallback","useContext","useMemo","DatePicker","useFieldProps","pickSpacingProps","classnames","FieldBlock","SharedContext","parseISO","isValid","isBefore","isAfter","useTranslation","formatDate","convertStringToDate","FormError","DateComponent","props","_props$validateInitia","errorRequired","label","defaultLabel","Date","locale","errorMessages","_objectSpread","schema","_props$schema","type","pattern","validateRequired","value","required","error","undefined","dateLimitValidator","res","validateDateLimit","minDate","maxDate","isRange","range","onBlurValidator","hasDateLimitAndValue","Boolean","preparedProps","fromInput","date","start_date","end_date","validateInitially","exportValidators","_useFieldProps","id","path","itemPath","className","valueProp","hasError","disabled","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","showCancelButton","showResetButton","showInput","onReset","rest","_objectWithoutProperties","_excluded","datePickerProps","pickDatePickerProps","startDate","endDate","parseRangeValue","fieldBlockProps","forId","createElement","_extends","status","onChange","event","onFocus","onBlur","split","map","test","_ref","dates","_excluded2","startDateParsed","endDateParsed","isoDates","toISOString","options","variant","messageValues","messages","push","datePickerPropKeys","Object","keys","reduce","key","includes","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Date/Date.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport { DatePicker } from '../../../../components'\nimport { useFieldProps } from '../../hooks'\nimport type {\n  FieldProps,\n  AllJSONSchemaVersions,\n  ValidatorDisableable,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport classnames from 'classnames'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport SharedContext from '../../../../shared/Context'\nimport { parseISO, isValid, isBefore, isAfter } from 'date-fns'\nimport useTranslation from '../../hooks/useTranslation'\nimport { FormatDateOptions, formatDate } from '../../Value/Date'\nimport {\n  DatePickerEvent,\n  DatePickerProps,\n} from '../../../../components/DatePicker'\nimport { convertStringToDate } from '../../../../components/date-picker/DatePickerCalc'\nimport { ProviderProps } from '../../../../shared/Provider'\nimport { FormError } from '../../utils'\n\n// `range`, `showInput`, `showCancelButton` and `showResetButton` are not picked from the `DatePickerProps`\n// Since they require `Field.Date` specific comments, due to them having different default values\nexport type DateProps = Omit<\n  FieldProps<string, undefined | string>,\n  'onBlurValidator'\n> & {\n  // Validation\n  pattern?: string\n  /**\n   * Defines if the Date field should support a value of two dates (starting and ending date).\n   * The value needs to be a string containing two dates, separated by a pipe character (`|`) i.e. (`01-09-2024|30-09-2024`) when this is set to `true`.\n   * Defaults to `false`.\n   */\n  range?: DatePickerProps['range']\n  /**\n   * If the input fields with the mask should be visible. Defaults to `true`.\n   */\n  showInput?: DatePickerProps['showInput']\n\n  /**\n   * If set to `true`, a cancel button will be shown. You can change the default text by using `cancel_button_text=\"Avbryt\"` Defaults to `true`. If the `range` prop is `true`, then the cancel button is shown.\n   */\n  showCancelButton?: DatePickerProps['showCancelButton']\n  /**\n   * If set to `true`, a reset button will be shown. You can change the default text by using `reset_button_text=\"Tilbakestill\"` Defaults to `true`.\n   */\n  showResetButton?: DatePickerProps['showResetButton']\n  onBlurValidator?: ValidatorDisableable<string>\n} & Pick<\n    DatePickerProps,\n    | 'month'\n    | 'startMonth'\n    | 'endMonth'\n    | 'minDate'\n    | 'maxDate'\n    | 'correctInvalidDate'\n    | 'maskOrder'\n    | 'maskPlaceholder'\n    | 'dateFormat'\n    | 'returnFormat'\n    | 'hideNavigation'\n    | 'hideDays'\n    | 'onlyMonth'\n    | 'hideLastWeek'\n    | 'disableAutofocus'\n    | 'showSubmitButton'\n    | 'submitButtonText'\n    | 'cancelButtonText'\n    | 'resetButtonText'\n    | 'firstDay'\n    | 'link'\n    | 'size'\n    | 'sync'\n    | 'addonElement'\n    | 'shortcuts'\n    | 'opened'\n    | 'direction'\n    | 'alignPicker'\n    | 'onDaysRender'\n    | 'onType'\n    | 'onShow'\n    | 'onHide'\n    | 'onSubmit'\n    | 'onCancel'\n    | 'onReset'\n  >\n\nfunction DateComponent(props: DateProps) {\n  const { errorRequired, label: defaultLabel } = useTranslation().Date\n  const { locale } = useContext(SharedContext)\n\n  const errorMessages = useMemo(() => {\n    return {\n      'Field.errorRequired': errorRequired,\n      'Field.errorPattern': errorRequired,\n      ...props.errorMessages,\n    }\n  }, [props.errorMessages, errorRequired])\n\n  const schema = useMemo<AllJSONSchemaVersions>(\n    () =>\n      props.schema ?? {\n        type: 'string',\n        pattern: props.pattern,\n      },\n    [props.schema, props.pattern]\n  )\n\n  const validateRequired = useCallback(\n    (value: string, { required, error }) => {\n      if (required && (!value || !isValid(parseISO(value)))) {\n        return error\n      }\n\n      return undefined\n    },\n    []\n  )\n\n  const dateLimitValidator = useCallback(\n    (value: string) => {\n      const res = validateDateLimit({\n        value,\n        locale,\n        minDate: props.minDate,\n        maxDate: props.maxDate,\n        isRange: props.range,\n      })\n\n      return res\n    },\n    [props.maxDate, props.minDate, props.range, locale]\n  )\n\n  const onBlurValidator = useMemo(() => {\n    if (props.onBlurValidator === false) {\n      return undefined\n    }\n\n    if (props.onBlurValidator) {\n      return props.onBlurValidator\n    }\n\n    return dateLimitValidator\n  }, [props.onBlurValidator, dateLimitValidator])\n\n  const hasDateLimitAndValue = useMemo(() => {\n    return (props.minDate || props.maxDate) && Boolean(props.value)\n  }, [props.minDate, props.maxDate, props.value])\n\n  const preparedProps = {\n    ...props,\n    errorMessages,\n    schema,\n    fromInput: ({\n      date,\n      start_date,\n      end_date,\n    }: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>) => {\n      return range ? `${start_date}|${end_date}` : date\n    },\n    validateRequired,\n    validateInitially: props.validateInitially ?? hasDateLimitAndValue,\n    onBlurValidator,\n    exportValidators: { dateLimitValidator },\n  }\n\n  const {\n    id,\n    path,\n    itemPath,\n    className,\n    label,\n    value: valueProp,\n    hasError,\n    disabled,\n    htmlAttributes,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    setDisplayValue,\n    range,\n    showCancelButton = true,\n    showResetButton = true,\n    showInput = true,\n    onReset,\n    minDate,\n    maxDate,\n    ...rest\n  } = useFieldProps(preparedProps)\n\n  const datePickerProps = pickDatePickerProps(rest)\n\n  const { value, startDate, endDate } = useMemo(() => {\n    if (!range || !valueProp) {\n      return {\n        // Assign to null if falsy value, to properly clear input values\n        value: valueProp ?? null,\n        startDate: undefined,\n        endDate: undefined,\n      }\n    }\n\n    const [startDate, endDate] = parseRangeValue(valueProp)\n\n    return {\n      value: undefined,\n      startDate,\n      endDate,\n    }\n  }, [range, valueProp])\n\n  useMemo(() => {\n    if ((path || itemPath) && valueProp) {\n      setDisplayValue(formatDate(valueProp, { locale }), undefined)\n    }\n  }, [itemPath, locale, path, setDisplayValue, valueProp])\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    label: label ?? defaultLabel,\n    className: classnames('dnb-forms-field-string', className),\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <DatePicker\n        id={id}\n        date={value}\n        disabled={disabled}\n        showInput={showInput}\n        showCancelButton={showCancelButton}\n        showResetButton={showResetButton}\n        startDate={startDate}\n        endDate={endDate}\n        minDate={minDate}\n        maxDate={maxDate}\n        status={hasError ? 'error' : undefined}\n        range={range}\n        onChange={handleChange}\n        onReset={(event) => {\n          handleChange(event)\n          onReset?.(event)\n        }}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        {...datePickerProps}\n        {...htmlAttributes}\n      />\n    </FieldBlock>\n  )\n}\n\nfunction parseRangeValue(value: DateProps['value']) {\n  return (\n    value\n      .split('|')\n      // Assign to null if falsy value, to properly clear input values\n      .map((value) => (/(undefined|null)/.test(value) ? null : value))\n  )\n}\n\nfunction validateDateLimit({\n  value,\n  isRange,\n  locale,\n  ...dates\n}: {\n  value: DateProps['value']\n  minDate: DateProps['minDate']\n  maxDate: DateProps['maxDate']\n  isRange: DateProps['range']\n  locale: ProviderProps['locale']\n}) {\n  if ((!dates.minDate && !dates.maxDate) || !value) {\n    return\n  }\n\n  const [startDateParsed, endDateParsed] = parseRangeValue(value)\n\n  const minDate = convertStringToDate(dates.minDate)\n  const maxDate = convertStringToDate(dates.maxDate)\n\n  const startDate = convertStringToDate(startDateParsed)\n  const endDate = convertStringToDate(endDateParsed)\n\n  const isoDates = {\n    minDate:\n      dates.minDate instanceof Date\n        ? dates.minDate.toISOString()\n        : dates.minDate,\n    maxDate:\n      dates.maxDate instanceof Date\n        ? dates.maxDate.toISOString()\n        : dates.maxDate,\n  }\n\n  const options: FormatDateOptions = {\n    locale,\n    variant: 'long',\n  }\n\n  // Handle non range validation\n  if (!isRange) {\n    if (isBefore(startDate, minDate)) {\n      return new FormError('Date.errorMinDate', {\n        messageValues: { date: formatDate(isoDates.minDate, options) },\n      })\n    }\n\n    if (isAfter(startDate, maxDate)) {\n      return new FormError('Date.errorMaxDate', {\n        messageValues: { date: formatDate(isoDates.maxDate, options) },\n      })\n    }\n\n    return\n  }\n\n  const messages: Array<FormError> = []\n\n  // Start date validation\n  if (isBefore(startDate, minDate)) {\n    messages.push(\n      new FormError('Date.errorStartDateMinDate', {\n        messageValues: { date: formatDate(isoDates.minDate, options) },\n      })\n    )\n  }\n\n  if (isAfter(startDate, maxDate)) {\n    messages.push(\n      new FormError('Date.errorStartDateMaxDate', {\n        messageValues: { date: formatDate(isoDates.maxDate, options) },\n      })\n    )\n  }\n\n  // End date validation\n  if (isBefore(endDate, minDate)) {\n    messages.push(\n      new FormError('Date.errorEndDateMinDate', {\n        messageValues: { date: formatDate(isoDates.minDate, options) },\n      })\n    )\n  }\n\n  if (isAfter(endDate, maxDate)) {\n    messages.push(\n      new FormError('Date.errorEndDateMaxDate', {\n        messageValues: { date: formatDate(isoDates.maxDate, options) },\n      })\n    )\n  }\n\n  return messages\n}\n\n// Used to filter out DatePickerProps from the FieldProps.\n// Includes DatePickerProps that are not destructured in useFieldProps\nconst datePickerPropKeys = [\n  'month',\n  'startMonth',\n  'endMonth',\n  'minDate',\n  'maxDate',\n  'correctInvalidDate',\n  'maskOrder',\n  'maskPlaceholder',\n  'dateFormat',\n  'returnFormat',\n  'hideNavigation',\n  'hideDays',\n  'onlyMonth',\n  'hideLastWeek',\n  'disableAutofocus',\n  'showSubmitButton',\n  'submitButtonText',\n  'cancelButtonText',\n  'resetButtonText',\n  'firstDay',\n  'link',\n  'size',\n  'sync',\n  'addonElement',\n  'shortcuts',\n  'opened',\n  'direction',\n  'alignPicker',\n  'onDaysRender',\n  'showInput',\n  'onDaysRender',\n  'onType',\n  'onShow',\n  'onHide',\n  'onSubmit',\n  'onCancel',\n  'onReset',\n]\n\nfunction pickDatePickerProps(props: DateProps) {\n  const datePickerProps = Object.keys(props).reduce(\n    (datePickerProps, key) => {\n      if (datePickerPropKeys.includes(key)) {\n        datePickerProps[key] = props[key]\n      }\n\n      return datePickerProps\n    },\n    {}\n  )\n\n  return datePickerProps\n}\n\nDateComponent._supportsSpacingProps = true\nexport default DateComponent\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC/D,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,aAAa,QAAQ,aAAa;AAM3C,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,UAAU,MAAoC,kBAAkB;AACvE,OAAOC,aAAa,MAAM,4BAA4B;AACtD,SAASC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,OAAO,QAAQ,UAAU;AAC/D,OAAOC,cAAc,MAAM,4BAA4B;AACvD,SAA4BC,UAAU,QAAQ,kBAAkB;AAKhE,SAASC,mBAAmB,QAAQ,mDAAmD;AAEvF,SAASC,SAAS,QAAQ,aAAa;AAqEvC,SAASC,aAAaA,CAACC,KAAgB,EAAE;EAAA,IAAAC,qBAAA;EACvC,MAAM;IAAEC,aAAa;IAAEC,KAAK,EAAEC;EAAa,CAAC,GAAGT,cAAc,CAAC,CAAC,CAACU,IAAI;EACpE,MAAM;IAAEC;EAAO,CAAC,GAAGvB,UAAU,CAACO,aAAa,CAAC;EAE5C,MAAMiB,aAAa,GAAGvB,OAAO,CAAC,MAAM;IAClC,OAAAwB,aAAA;MACE,qBAAqB,EAAEN,aAAa;MACpC,oBAAoB,EAAEA;IAAa,GAChCF,KAAK,CAACO,aAAa;EAE1B,CAAC,EAAE,CAACP,KAAK,CAACO,aAAa,EAAEL,aAAa,CAAC,CAAC;EAExC,MAAMO,MAAM,GAAGzB,OAAO,CACpB;IAAA,IAAA0B,aAAA;IAAA,QAAAA,aAAA,GACEV,KAAK,CAACS,MAAM,cAAAC,aAAA,cAAAA,aAAA,GAAI;MACdC,IAAI,EAAE,QAAQ;MACdC,OAAO,EAAEZ,KAAK,CAACY;IACjB,CAAC;EAAA,GACH,CAACZ,KAAK,CAACS,MAAM,EAAET,KAAK,CAACY,OAAO,CAC9B,CAAC;EAED,MAAMC,gBAAgB,GAAG/B,WAAW,CAClC,CAACgC,KAAa,EAAE;IAAEC,QAAQ;IAAEC;EAAM,CAAC,KAAK;IACtC,IAAID,QAAQ,KAAK,CAACD,KAAK,IAAI,CAACtB,OAAO,CAACD,QAAQ,CAACuB,KAAK,CAAC,CAAC,CAAC,EAAE;MACrD,OAAOE,KAAK;IACd;IAEA,OAAOC,SAAS;EAClB,CAAC,EACD,EACF,CAAC;EAED,MAAMC,kBAAkB,GAAGpC,WAAW,CACnCgC,KAAa,IAAK;IACjB,MAAMK,GAAG,GAAGC,iBAAiB,CAAC;MAC5BN,KAAK;MACLR,MAAM;MACNe,OAAO,EAAErB,KAAK,CAACqB,OAAO;MACtBC,OAAO,EAAEtB,KAAK,CAACsB,OAAO;MACtBC,OAAO,EAAEvB,KAAK,CAACwB;IACjB,CAAC,CAAC;IAEF,OAAOL,GAAG;EACZ,CAAC,EACD,CAACnB,KAAK,CAACsB,OAAO,EAAEtB,KAAK,CAACqB,OAAO,EAAErB,KAAK,CAACwB,KAAK,EAAElB,MAAM,CACpD,CAAC;EAED,MAAMmB,eAAe,GAAGzC,OAAO,CAAC,MAAM;IACpC,IAAIgB,KAAK,CAACyB,eAAe,KAAK,KAAK,EAAE;MACnC,OAAOR,SAAS;IAClB;IAEA,IAAIjB,KAAK,CAACyB,eAAe,EAAE;MACzB,OAAOzB,KAAK,CAACyB,eAAe;IAC9B;IAEA,OAAOP,kBAAkB;EAC3B,CAAC,EAAE,CAAClB,KAAK,CAACyB,eAAe,EAAEP,kBAAkB,CAAC,CAAC;EAE/C,MAAMQ,oBAAoB,GAAG1C,OAAO,CAAC,MAAM;IACzC,OAAO,CAACgB,KAAK,CAACqB,OAAO,IAAIrB,KAAK,CAACsB,OAAO,KAAKK,OAAO,CAAC3B,KAAK,CAACc,KAAK,CAAC;EACjE,CAAC,EAAE,CAACd,KAAK,CAACqB,OAAO,EAAErB,KAAK,CAACsB,OAAO,EAAEtB,KAAK,CAACc,KAAK,CAAC,CAAC;EAE/C,MAAMc,aAAa,GAAApB,aAAA,CAAAA,aAAA,KACdR,KAAK;IACRO,aAAa;IACbE,MAAM;IACNoB,SAAS,EAAEA,CAAC;MACVC,IAAI;MACJC,UAAU;MACVC;IACoD,CAAC,KAAK;MAC1D,OAAOR,KAAK,GAAI,GAAEO,UAAW,IAAGC,QAAS,EAAC,GAAGF,IAAI;IACnD,CAAC;IACDjB,gBAAgB;IAChBoB,iBAAiB,GAAAhC,qBAAA,GAAED,KAAK,CAACiC,iBAAiB,cAAAhC,qBAAA,cAAAA,qBAAA,GAAIyB,oBAAoB;IAClED,eAAe;IACfS,gBAAgB,EAAE;MAAEhB;IAAmB;EAAC,EACzC;EAED,MAAAiB,cAAA,GAsBIjD,aAAa,CAAC0C,aAAa,CAAC;IAtB1B;MACJQ,EAAE;MACFC,IAAI;MACJC,QAAQ;MACRC,SAAS;MACTpC,KAAK;MACLW,KAAK,EAAE0B,SAAS;MAChBC,QAAQ;MACRC,QAAQ;MACRC,cAAc;MACdC,WAAW;MACXC,UAAU;MACVC,YAAY;MACZC,eAAe;MACfvB,KAAK;MACLwB,gBAAgB,GAAG,IAAI;MACvBC,eAAe,GAAG,IAAI;MACtBC,SAAS,GAAG,IAAI;MAChBC,OAAO;MACP9B,OAAO;MACPC;IAEF,CAAC,GAAAa,cAAA;IADIiB,IAAI,GAAAC,wBAAA,CAAAlB,cAAA,EAAAmB,SAAA;EAGT,MAAMC,eAAe,GAAGC,mBAAmB,CAACJ,IAAI,CAAC;EAEjD,MAAM;IAAEtC,KAAK;IAAE2C,SAAS;IAAEC;EAAQ,CAAC,GAAG1E,OAAO,CAAC,MAAM;IAClD,IAAI,CAACwC,KAAK,IAAI,CAACgB,SAAS,EAAE;MACxB,OAAO;QAEL1B,KAAK,EAAE0B,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,IAAI;QACxBiB,SAAS,EAAExC,SAAS;QACpByC,OAAO,EAAEzC;MACX,CAAC;IACH;IAEA,MAAM,CAACwC,SAAS,EAAEC,OAAO,CAAC,GAAGC,eAAe,CAACnB,SAAS,CAAC;IAEvD,OAAO;MACL1B,KAAK,EAAEG,SAAS;MAChBwC,SAAS;MACTC;IACF,CAAC;EACH,CAAC,EAAE,CAAClC,KAAK,EAAEgB,SAAS,CAAC,CAAC;EAEtBxD,OAAO,CAAC,MAAM;IACZ,IAAI,CAACqD,IAAI,IAAIC,QAAQ,KAAKE,SAAS,EAAE;MACnCO,eAAe,CAACnD,UAAU,CAAC4C,SAAS,EAAE;QAAElC;MAAO,CAAC,CAAC,EAAEW,SAAS,CAAC;IAC/D;EACF,CAAC,EAAE,CAACqB,QAAQ,EAAEhC,MAAM,EAAE+B,IAAI,EAAEU,eAAe,EAAEP,SAAS,CAAC,CAAC;EAExD,MAAMoB,eAAgC,GAAApD,aAAA;IACpCqD,KAAK,EAAEzB,EAAE;IACTjC,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIC,YAAY;IAC5BmC,SAAS,EAAEnD,UAAU,CAAC,wBAAwB,EAAEmD,SAAS;EAAC,GACvDpD,gBAAgB,CAACa,KAAK,CAAC,CAC3B;EAED,OACEnB,KAAA,CAAAiF,aAAA,CAACzE,UAAU,EAAKuE,eAAe,EAC7B/E,KAAA,CAAAiF,aAAA,CAAC7E,UAAU,EAAA8E,QAAA;IACT3B,EAAE,EAAEA,EAAG;IACPN,IAAI,EAAEhB,KAAM;IACZ4B,QAAQ,EAAEA,QAAS;IACnBQ,SAAS,EAAEA,SAAU;IACrBF,gBAAgB,EAAEA,gBAAiB;IACnCC,eAAe,EAAEA,eAAgB;IACjCQ,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBrC,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjB0C,MAAM,EAAEvB,QAAQ,GAAG,OAAO,GAAGxB,SAAU;IACvCO,KAAK,EAAEA,KAAM;IACbyC,QAAQ,EAAEnB,YAAa;IACvBK,OAAO,EAAGe,KAAK,IAAK;MAClBpB,YAAY,CAACoB,KAAK,CAAC;MACnBf,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGe,KAAK,CAAC;IAClB,CAAE;IACFC,OAAO,EAAEvB,WAAY;IACrBwB,MAAM,EAAEvB;EAAW,GACfU,eAAe,EACfZ,cAAc,CACnB,CACS,CAAC;AAEjB;AAEA,SAASgB,eAAeA,CAAC7C,KAAyB,EAAE;EAClD,OACEA,KAAK,CACFuD,KAAK,CAAC,GAAG,CAAC,CAEVC,GAAG,CAAExD,KAAK,IAAM,kBAAkB,CAACyD,IAAI,CAACzD,KAAK,CAAC,GAAG,IAAI,GAAGA,KAAM,CAAC;AAEtE;AAEA,SAASM,iBAAiBA,CAAAoD,IAAA,EAWvB;EAAA,IAXwB;MACzB1D,KAAK;MACLS,OAAO;MACPjB;IAQF,CAAC,GAAAkE,IAAA;IAPIC,KAAK,GAAApB,wBAAA,CAAAmB,IAAA,EAAAE,UAAA;EAQR,IAAK,CAACD,KAAK,CAACpD,OAAO,IAAI,CAACoD,KAAK,CAACnD,OAAO,IAAK,CAACR,KAAK,EAAE;IAChD;EACF;EAEA,MAAM,CAAC6D,eAAe,EAAEC,aAAa,CAAC,GAAGjB,eAAe,CAAC7C,KAAK,CAAC;EAE/D,MAAMO,OAAO,GAAGxB,mBAAmB,CAAC4E,KAAK,CAACpD,OAAO,CAAC;EAClD,MAAMC,OAAO,GAAGzB,mBAAmB,CAAC4E,KAAK,CAACnD,OAAO,CAAC;EAElD,MAAMmC,SAAS,GAAG5D,mBAAmB,CAAC8E,eAAe,CAAC;EACtD,MAAMjB,OAAO,GAAG7D,mBAAmB,CAAC+E,aAAa,CAAC;EAElD,MAAMC,QAAQ,GAAG;IACfxD,OAAO,EACLoD,KAAK,CAACpD,OAAO,YAAYhB,IAAI,GACzBoE,KAAK,CAACpD,OAAO,CAACyD,WAAW,CAAC,CAAC,GAC3BL,KAAK,CAACpD,OAAO;IACnBC,OAAO,EACLmD,KAAK,CAACnD,OAAO,YAAYjB,IAAI,GACzBoE,KAAK,CAACnD,OAAO,CAACwD,WAAW,CAAC,CAAC,GAC3BL,KAAK,CAACnD;EACd,CAAC;EAED,MAAMyD,OAA0B,GAAG;IACjCzE,MAAM;IACN0E,OAAO,EAAE;EACX,CAAC;EAGD,IAAI,CAACzD,OAAO,EAAE;IACZ,IAAI9B,QAAQ,CAACgE,SAAS,EAAEpC,OAAO,CAAC,EAAE;MAChC,OAAO,IAAIvB,SAAS,CAAC,mBAAmB,EAAE;QACxCmF,aAAa,EAAE;UAAEnD,IAAI,EAAElC,UAAU,CAACiF,QAAQ,CAACxD,OAAO,EAAE0D,OAAO;QAAE;MAC/D,CAAC,CAAC;IACJ;IAEA,IAAIrF,OAAO,CAAC+D,SAAS,EAAEnC,OAAO,CAAC,EAAE;MAC/B,OAAO,IAAIxB,SAAS,CAAC,mBAAmB,EAAE;QACxCmF,aAAa,EAAE;UAAEnD,IAAI,EAAElC,UAAU,CAACiF,QAAQ,CAACvD,OAAO,EAAEyD,OAAO;QAAE;MAC/D,CAAC,CAAC;IACJ;IAEA;EACF;EAEA,MAAMG,QAA0B,GAAG,EAAE;EAGrC,IAAIzF,QAAQ,CAACgE,SAAS,EAAEpC,OAAO,CAAC,EAAE;IAChC6D,QAAQ,CAACC,IAAI,CACX,IAAIrF,SAAS,CAAC,4BAA4B,EAAE;MAC1CmF,aAAa,EAAE;QAAEnD,IAAI,EAAElC,UAAU,CAACiF,QAAQ,CAACxD,OAAO,EAAE0D,OAAO;MAAE;IAC/D,CAAC,CACH,CAAC;EACH;EAEA,IAAIrF,OAAO,CAAC+D,SAAS,EAAEnC,OAAO,CAAC,EAAE;IAC/B4D,QAAQ,CAACC,IAAI,CACX,IAAIrF,SAAS,CAAC,4BAA4B,EAAE;MAC1CmF,aAAa,EAAE;QAAEnD,IAAI,EAAElC,UAAU,CAACiF,QAAQ,CAACvD,OAAO,EAAEyD,OAAO;MAAE;IAC/D,CAAC,CACH,CAAC;EACH;EAGA,IAAItF,QAAQ,CAACiE,OAAO,EAAErC,OAAO,CAAC,EAAE;IAC9B6D,QAAQ,CAACC,IAAI,CACX,IAAIrF,SAAS,CAAC,0BAA0B,EAAE;MACxCmF,aAAa,EAAE;QAAEnD,IAAI,EAAElC,UAAU,CAACiF,QAAQ,CAACxD,OAAO,EAAE0D,OAAO;MAAE;IAC/D,CAAC,CACH,CAAC;EACH;EAEA,IAAIrF,OAAO,CAACgE,OAAO,EAAEpC,OAAO,CAAC,EAAE;IAC7B4D,QAAQ,CAACC,IAAI,CACX,IAAIrF,SAAS,CAAC,0BAA0B,EAAE;MACxCmF,aAAa,EAAE;QAAEnD,IAAI,EAAElC,UAAU,CAACiF,QAAQ,CAACvD,OAAO,EAAEyD,OAAO;MAAE;IAC/D,CAAC,CACH,CAAC;EACH;EAEA,OAAOG,QAAQ;AACjB;AAIA,MAAME,kBAAkB,GAAG,CACzB,OAAO,EACP,YAAY,EACZ,UAAU,EACV,SAAS,EACT,SAAS,EACT,oBAAoB,EACpB,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,EACV,MAAM,EACN,MAAM,EACN,MAAM,EACN,cAAc,EACd,WAAW,EACX,QAAQ,EACR,WAAW,EACX,aAAa,EACb,cAAc,EACd,WAAW,EACX,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,CACV;AAED,SAAS5B,mBAAmBA,CAACxD,KAAgB,EAAE;EAC7C,MAAMuD,eAAe,GAAG8B,MAAM,CAACC,IAAI,CAACtF,KAAK,CAAC,CAACuF,MAAM,CAC/C,CAAChC,eAAe,EAAEiC,GAAG,KAAK;IACxB,IAAIJ,kBAAkB,CAACK,QAAQ,CAACD,GAAG,CAAC,EAAE;MACpCjC,eAAe,CAACiC,GAAG,CAAC,GAAGxF,KAAK,CAACwF,GAAG,CAAC;IACnC;IAEA,OAAOjC,eAAe;EACxB,CAAC,EACD,CAAC,CACH,CAAC;EAED,OAAOA,eAAe;AACxB;AAEAxD,aAAa,CAAC2F,qBAAqB,GAAG,IAAI;AAC1C,eAAe3F,aAAa"}

package/es/extensions/forms/Field/Date/DateDocs.js

@@ -8,7 +8,6 @@ const {
     showResetButton,
     showInput,
     range,
-    size,
     skeleton,
     tooltip,
     globalStatus,
@@ -21,10 +20,11 @@ const {
     labelSrOnly,
     suffix,
     stretch,
+    size,
     '[Space](/uilib/layout/space/properties)': space
   } = DatePickerProperties,
-  datePickerProperties = _objectWithoutProperties(DatePickerProperties, ["showCancelButton", "showResetButton", "showInput", "range", "size", "skeleton", "tooltip", "globalStatus", "statusProps", "statusState", "status", "inputElement", "label", "labelDirection", "labelSrOnly", "suffix", "stretch", "[Space](/uilib/layout/space/properties)"]);
-export const DateProperties = _objectSpread({
+  datePickerProperties = _objectWithoutProperties(DatePickerProperties, ["showCancelButton", "showResetButton", "showInput", "range", "skeleton", "tooltip", "globalStatus", "statusProps", "statusState", "status", "inputElement", "label", "labelDirection", "labelSrOnly", "suffix", "stretch", "size", "[Space](/uilib/layout/space/properties)"]);
+export const DateProperties = _objectSpread(_objectSpread({
   range: _objectSpread(_objectSpread({}, range), {}, {
     doc: 'Defines if the Date field should support a value of two dates (starting and ending date). ' + 'The `value` needs to be a string containing two dates, separated by a pipe character (`|`) (`01-09-2024|30-09-2024`) when this is set to `true`. ' + 'Defaults to `false`.'
   }),
@@ -36,8 +36,17 @@ export const DateProperties = _objectSpread({
   }),
   showResetButton: _objectSpread(_objectSpread({}, showResetButton), {}, {
     doc: 'If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText="Tilbakestill"` Defaults to `true`.'
+  }),
+  size: _objectSpread(_objectSpread({}, size), {}, {
+    doc: `${size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`
   })
-}, datePickerProperties);
+}, datePickerProperties), {}, {
+  onBlurValidator: {
+    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to validating the date against `minDate` and `maxDate`, using `dateLimitValidator`. Can be disabled using `false`.',
+    type: 'function',
+    status: 'optional'
+  }
+});
 const {
     onChange,
     onBlur,

package/es/extensions/forms/Field/Date/DateDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateDocs.js","names":["DatePickerProperties","DatePickerEvents","showCancelButton","showResetButton","showInput","range","size","skeleton","tooltip","globalStatus","statusProps","statusState","status","inputElement","label","labelDirection","labelSrOnly","suffix","stretch","space","datePickerProperties","_objectWithoutProperties","DateProperties","_objectSpread","doc","onChange","onBlur","onFocus","datePickerEvents","DateEvents"],"sources":["../../../../../../src/extensions/forms/Field/Date/DateDocs.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport {\n  DatePickerProperties,\n  DatePickerEvents,\n} from '../../../../components/date-picker/DatePickerDocs'\nimport { PropertiesTableProps } from '../../../../shared/types'\n\n// Filter out properties that are handled by `useFieldProps` or has a different default value\nconst {\n  showCancelButton,\n  showResetButton,\n  showInput,\n  range,\n  size,\n  skeleton,\n  tooltip,\n  globalStatus,\n  statusProps,\n  statusState,\n  status,\n  inputElement,\n  label,\n  labelDirection,\n  labelSrOnly,\n  suffix,\n  stretch,\n  '[Space](/uilib/layout/space/properties)': space,\n  ...datePickerProperties\n} = DatePickerProperties\n\n// `range`, `showInput`, `showCancelButton` and `showResetButton` inherit from `DatePickerProperties`\n// Since they require `Field.Date` specific documentation, due to them having different default values\nexport const DateProperties: PropertiesTableProps = {\n  range: {\n    ...range,\n    doc:\n      'Defines if the Date field should support a value of two dates (starting and ending date). ' +\n      'The `value` needs to be a string containing two dates, separated by a pipe character (`|`) (`01-09-2024|30-09-2024`) when this is set to `true`. ' +\n      'Defaults to `false`.',\n  },\n  showInput: {\n    ...showInput,\n    doc: 'If the input fields with the mask should be visible. Defaults to `true`.',\n  },\n  showCancelButton: {\n    ...showCancelButton,\n    doc: 'If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText=\"Avbryt\"` Defaults to `true`. If the `range` property is `true`, then the cancel button is shown.',\n  },\n  showResetButton: {\n    ...showResetButton,\n    doc: 'If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText=\"Tilbakestill\"` Defaults to `true`.',\n  },\n  ...datePickerProperties,\n}\n// Filter out the events that are handled by `useFieldProps`\nconst { onChange, onBlur, onFocus, ...datePickerEvents } = DatePickerEvents\n\nexport const DateEvents = datePickerEvents\n"],"mappings":";;;;AACA,SACEA,oBAAoB,EACpBC,gBAAgB,QACX,mDAAmD;AAI1D,MAAM;IACJC,gBAAgB;IAChBC,eAAe;IACfC,SAAS;IACTC,KAAK;IACLC,IAAI;IACJC,QAAQ;IACRC,OAAO;IACPC,YAAY;IACZC,WAAW;IACXC,WAAW;IACXC,MAAM;IACNC,YAAY;IACZC,KAAK;IACLC,cAAc;IACdC,WAAW;IACXC,MAAM;IACNC,OAAO;IACP,yCAAyC,EAAEC;EAE7C,CAAC,GAAGnB,oBAAoB;EADnBoB,oBAAoB,GAAAC,wBAAA,CACrBrB,oBAAoB;AAIxB,OAAO,MAAMsB,cAAoC,GAAAC,aAAA;EAC/ClB,KAAK,EAAAkB,aAAA,CAAAA,aAAA,KACAlB,KAAK;IACRmB,GAAG,EACD,4FAA4F,GAC5F,mJAAmJ,GACnJ;EAAsB,EACzB;EACDpB,SAAS,EAAAmB,aAAA,CAAAA,aAAA,KACJnB,SAAS;IACZoB,GAAG,EAAE;EAA0E,EAChF;EACDtB,gBAAgB,EAAAqB,aAAA,CAAAA,aAAA,KACXrB,gBAAgB;IACnBsB,GAAG,EAAE;EAA+M,EACrN;EACDrB,eAAe,EAAAoB,aAAA,CAAAA,aAAA,KACVpB,eAAe;IAClBqB,GAAG,EAAE;EAA+I;AACrJ,GACEJ,oBAAoB,CACxB;AAED,MAAM;IAAEK,QAAQ;IAAEC,MAAM;IAAEC;EAA6B,CAAC,GAAG1B,gBAAgB;EAArC2B,gBAAgB,GAAAP,wBAAA,CAAKpB,gBAAgB;AAE3E,OAAO,MAAM4B,UAAU,GAAGD,gBAAgB"}
+{"version":3,"file":"DateDocs.js","names":["DatePickerProperties","DatePickerEvents","showCancelButton","showResetButton","showInput","range","skeleton","tooltip","globalStatus","statusProps","statusState","status","inputElement","label","labelDirection","labelSrOnly","suffix","stretch","size","space","datePickerProperties","_objectWithoutProperties","DateProperties","_objectSpread","doc","onBlurValidator","type","onChange","onBlur","onFocus","datePickerEvents","DateEvents"],"sources":["../../../../../../src/extensions/forms/Field/Date/DateDocs.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport {\n  DatePickerProperties,\n  DatePickerEvents,\n} from '../../../../components/date-picker/DatePickerDocs'\nimport { PropertiesTableProps } from '../../../../shared/types'\n\n// Filter out properties that are handled by `useFieldProps` or has a different default value\nconst {\n  showCancelButton,\n  showResetButton,\n  showInput,\n  range,\n  skeleton,\n  tooltip,\n  globalStatus,\n  statusProps,\n  statusState,\n  status,\n  inputElement,\n  label,\n  labelDirection,\n  labelSrOnly,\n  suffix,\n  stretch,\n  size,\n  '[Space](/uilib/layout/space/properties)': space,\n  ...datePickerProperties\n} = DatePickerProperties\n\n// `range`, `showInput`, `showCancelButton` and `showResetButton` inherit from `DatePickerProperties`\n// Since they require `Field.Date` specific documentation, due to them having different default values\nexport const DateProperties: PropertiesTableProps = {\n  range: {\n    ...range,\n    doc:\n      'Defines if the Date field should support a value of two dates (starting and ending date). ' +\n      'The `value` needs to be a string containing two dates, separated by a pipe character (`|`) (`01-09-2024|30-09-2024`) when this is set to `true`. ' +\n      'Defaults to `false`.',\n  },\n  showInput: {\n    ...showInput,\n    doc: 'If the input fields with the mask should be visible. Defaults to `true`.',\n  },\n  showCancelButton: {\n    ...showCancelButton,\n    doc: 'If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText=\"Avbryt\"` Defaults to `true`. If the `range` property is `true`, then the cancel button is shown.',\n  },\n  showResetButton: {\n    ...showResetButton,\n    doc: 'If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText=\"Tilbakestill\"` Defaults to `true`.',\n  },\n  size: {\n    ...size,\n    doc: `${size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`,\n  },\n  ...datePickerProperties,\n  onBlurValidator: {\n    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to validating the date against `minDate` and `maxDate`, using `dateLimitValidator`. Can be disabled using `false`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n// Filter out the events that are handled by `useFieldProps`\nconst { onChange, onBlur, onFocus, ...datePickerEvents } = DatePickerEvents\n\nexport const DateEvents = datePickerEvents\n"],"mappings":";;;;AACA,SACEA,oBAAoB,EACpBC,gBAAgB,QACX,mDAAmD;AAI1D,MAAM;IACJC,gBAAgB;IAChBC,eAAe;IACfC,SAAS;IACTC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,YAAY;IACZC,WAAW;IACXC,WAAW;IACXC,MAAM;IACNC,YAAY;IACZC,KAAK;IACLC,cAAc;IACdC,WAAW;IACXC,MAAM;IACNC,OAAO;IACPC,IAAI;IACJ,yCAAyC,EAAEC;EAE7C,CAAC,GAAGnB,oBAAoB;EADnBoB,oBAAoB,GAAAC,wBAAA,CACrBrB,oBAAoB;AAIxB,OAAO,MAAMsB,cAAoC,GAAAC,aAAA,CAAAA,aAAA;EAC/ClB,KAAK,EAAAkB,aAAA,CAAAA,aAAA,KACAlB,KAAK;IACRmB,GAAG,EACD,4FAA4F,GAC5F,mJAAmJ,GACnJ;EAAsB,EACzB;EACDpB,SAAS,EAAAmB,aAAA,CAAAA,aAAA,KACJnB,SAAS;IACZoB,GAAG,EAAE;EAA0E,EAChF;EACDtB,gBAAgB,EAAAqB,aAAA,CAAAA,aAAA,KACXrB,gBAAgB;IACnBsB,GAAG,EAAE;EAA+M,EACrN;EACDrB,eAAe,EAAAoB,aAAA,CAAAA,aAAA,KACVpB,eAAe;IAClBqB,GAAG,EAAE;EAA+I,EACrJ;EACDN,IAAI,EAAAK,aAAA,CAAAA,aAAA,KACCL,IAAI;IACPM,GAAG,EAAG,GAAEN,IAAI,CAACM,GAAI;EAAuG;AACzH,GACEJ,oBAAoB;EACvBK,eAAe,EAAE;IACfD,GAAG,EAAE,2bAA2b;IAChcE,IAAI,EAAE,UAAU;IAChBf,MAAM,EAAE;EACV;AAAC,EACF;AAED,MAAM;IAAEgB,QAAQ;IAAEC,MAAM;IAAEC;EAA6B,CAAC,GAAG5B,gBAAgB;EAArC6B,gBAAgB,GAAAT,wBAAA,CAAKpB,gBAAgB;AAE3E,OAAO,MAAM8B,UAAU,GAAGD,gBAAgB"}

package/es/extensions/forms/Field/Email/EmailDocs.js

@@ -1,8 +1,6 @@
-export const EmailProperties = {
-  '[Input](/uilib/components/input/properties)': {
-    doc: 'All `Input` properties are supported.',
-    type: 'Various',
-    status: 'optional'
-  }
-};
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 { stringProperties } from '../String/StringDocs';
+export const EmailProperties = _objectSpread({}, stringProperties);
 //# sourceMappingURL=EmailDocs.js.map

package/es/extensions/forms/Field/Email/EmailDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailDocs.js","names":["EmailProperties","doc","type","status"],"sources":["../../../../../../src/extensions/forms/Field/Email/EmailDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const EmailProperties: PropertiesTableProps = {\n  '[Input](/uilib/components/input/properties)': {\n    doc: 'All `Input` properties are supported.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,eAAqC,GAAG;EACnD,6CAA6C,EAAE;IAC7CC,GAAG,EAAE,uCAAuC;IAC5CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"EmailDocs.js","names":["stringProperties","EmailProperties","_objectSpread"],"sources":["../../../../../../src/extensions/forms/Field/Email/EmailDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { stringProperties } from '../String/StringDocs'\n\nexport const EmailProperties: PropertiesTableProps = {\n  ...stringProperties,\n}\n"],"mappings":";;;AACA,SAASA,gBAAgB,QAAQ,sBAAsB;AAEvD,OAAO,MAAMC,eAAqC,GAAAC,aAAA,KAC7CF,gBAAgB,CACpB"}

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

@@ -1,5 +1,11 @@
 import { FieldProps } from '../../types';
-export type ExpiryProps = FieldProps<string, undefined | ''>;
+import type { MultiInputMaskProps } from '../../../../components/input-masked';
+export type ExpiryProps = FieldProps<string, undefined | ''> & {
+    /**
+     * The size of the component.
+     */
+    size?: MultiInputMaskProps<'month' | 'year'>['size'];
+};
 declare function Expiry(props: ExpiryProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Expiry {
     var _supportsEufemiaSpacingProps: boolean;

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

@@ -84,6 +84,7 @@ function Expiry(props) {
     info,
     warning,
     disabled,
+    size,
     value = '',
     htmlAttributes,
     handleFocus,
@@ -111,6 +112,7 @@ function Expiry(props) {
     status: status,
     statusState: disabled ? 'disabled' : undefined,
     disabled: disabled,
+    size: size,
     onChange: handleChange,
     onBlur: handleBlur,
     onFocus: handleFocus,

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","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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"}
+{"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","size","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 {\n  MultiInputMaskProps,\n  MultiInputMaskValue,\n} 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  /**\n   * The size of the component.\n   */\n  size?: MultiInputMaskProps<'month' | 'year'>['size']\n}\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    size,\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        size={size}\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/Expiry/ExpiryDocs.d.ts

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

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

@@ -0,0 +1,10 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 { inputProperties } from '../../../../components/input/InputDocs';
+export const ExpiryProperties = {
+  size: _objectSpread(_objectSpread({}, inputProperties.size), {}, {
+    doc: `${inputProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`
+  })
+};
+//# sourceMappingURL=ExpiryDocs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpiryDocs.js","names":["inputProperties","ExpiryProperties","size","_objectSpread","doc"],"sources":["../../../../../../src/extensions/forms/Field/Expiry/ExpiryDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { inputProperties } from '../../../../components/input/InputDocs'\n\nexport const ExpiryProperties: PropertiesTableProps = {\n  size: {\n    ...inputProperties.size,\n    doc: `${inputProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`,\n  },\n}\n"],"mappings":";;;AACA,SAASA,eAAe,QAAQ,wCAAwC;AAExE,OAAO,MAAMC,gBAAsC,GAAG;EACpDC,IAAI,EAAAC,aAAA,CAAAA,aAAA,KACCH,eAAe,CAACE,IAAI;IACvBE,GAAG,EAAG,GAAEJ,eAAe,CAACE,IAAI,CAACE,GAAI;EAAuG;AAE5I,CAAC"}

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

@@ -1 +1,6 @@
-export const NameProperties = {};
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 { stringProperties } from '../String/StringDocs';
+export const NameProperties = _objectSpread({}, stringProperties);
+//# sourceMappingURL=NameDocs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NameDocs.js","names":["NameProperties"],"sources":["../../../../../../src/extensions/forms/Field/Name/NameDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const NameProperties: PropertiesTableProps = {}\n"],"mappings":"AAEA,OAAO,MAAMA,cAAoC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"NameDocs.js","names":["stringProperties","NameProperties","_objectSpread"],"sources":["../../../../../../src/extensions/forms/Field/Name/NameDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { stringProperties } from '../String/StringDocs'\n\nexport const NameProperties: PropertiesTableProps = {\n  ...stringProperties,\n}\n"],"mappings":";;;AACA,SAASA,gBAAgB,QAAQ,sBAAsB;AAEvD,OAAO,MAAMC,cAAoC,GAAAC,aAAA,KAC5CF,gBAAgB,CACpB"}

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

@@ -1,10 +1,10 @@
 import { Props as StringFieldProps } from '../String';
-import { Validator } from '../../types';
+import type { ValidatorDisableable } from '../../types';
 import { FormError } from '../../utils';
 export type Props = Omit<StringFieldProps, 'onBlurValidator'> & {
     omitMask?: boolean;
     validate?: boolean;
-    onBlurValidator?: Validator<string> | false;
+    onBlurValidator?: ValidatorDisableable<string>;
 };
 declare function NationalIdentityNumber(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace NationalIdentityNumber {

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","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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"}
+{"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 type { ValidatorDisableable } 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?: ValidatorDisableable<string>\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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"}