@dnb/eufemia 10.74.0 → 10.75.0

package/extensions/forms/Field/Boolean/Boolean.d.ts

@@ -1,22 +1,15 @@
 import { Props as ToggleFieldProps } from '../Toggle';
-import { FieldProps, Path } from '../../types';
+import { FieldProps } from '../../types';
 type BooleanProps = {
     trueText?: string;
     falseText?: string;
     variant?: ToggleFieldProps['variant'];
     size?: ToggleFieldProps['size'];
     onClick?: ToggleFieldProps['onClick'];
-    dependencePaths?: never;
-};
-type NeverBooleanProps = {
-    [K in keyof Partial<Omit<BooleanProps, 'dependencePaths'>>]: never;
 };
 type SharedFieldProps = Omit<FieldProps<unknown>, 'layout' | 'layoutOptions'>;
-export type IndeterminateProps = SharedFieldProps & {
-    dependencePaths: Array<Path>;
-} & NeverBooleanProps;
 export type Props = SharedFieldProps & BooleanProps;
-declare function BooleanComponent(props: Props | IndeterminateProps): import("react/jsx-runtime").JSX.Element;
+declare function BooleanComponent(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace BooleanComponent {
     var _supportsSpacingProps: boolean;
 }

package/extensions/forms/Field/Boolean/Boolean.js.map

@@ -1 +1 @@
-{"version":3,"file":"Boolean.js","names":["React","ToggleField","useTranslation","BooleanComponent","props","trueText","falseText","restProps","_objectWithoutProperties","_excluded","translations","BooleanField","createElement","_extends","valueOn","valueOff","textOn","yes","textOff","no","valueType","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Boolean/Boolean.tsx"],"sourcesContent":["import React from 'react'\nimport ToggleField, { Props as ToggleFieldProps } from '../Toggle'\nimport useTranslation from '../../hooks/useTranslation'\nimport { FieldProps, Path } from '../../types'\n\ntype BooleanProps = {\n  trueText?: string\n  falseText?: string\n  variant?: ToggleFieldProps['variant']\n  size?: ToggleFieldProps['size']\n  onClick?: ToggleFieldProps['onClick']\n  dependencePaths?: never\n}\ntype NeverBooleanProps = {\n  // eslint-disable-next-line no-unused-vars\n  [K in keyof Partial<Omit<BooleanProps, 'dependencePaths'>>]: never\n}\ntype SharedFieldProps = Omit<\n  FieldProps<unknown>,\n  'layout' | 'layoutOptions'\n>\nexport type IndeterminateProps = SharedFieldProps & {\n  dependencePaths: Array<Path>\n} & NeverBooleanProps\nexport type Props = SharedFieldProps & BooleanProps\n\nfunction BooleanComponent(props: Props | IndeterminateProps) {\n  const { trueText, falseText, ...restProps } = props\n  const translations = useTranslation().BooleanField\n\n  return (\n    <ToggleField\n      {...(restProps as ToggleFieldProps)}\n      valueOn={true}\n      valueOff={false}\n      textOn={trueText ?? translations.yes}\n      textOff={falseText ?? translations.no}\n      valueType=\"boolean\"\n    />\n  )\n}\n\nBooleanComponent._supportsSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAqC,WAAW;AAClE,OAAOC,cAAc,MAAM,4BAA4B;AAwBvD,SAASC,gBAAgBA,CAACC,KAAiC,EAAE;EAC3D,MAAM;MAAEC,QAAQ;MAAEC;IAAwB,CAAC,GAAGF,KAAK;IAAnBG,SAAS,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA;EACnD,MAAMC,YAAY,GAAGR,cAAc,CAAC,CAAC,CAACS,YAAY;EAElD,OACEX,KAAA,CAAAY,aAAA,CAACX,WAAW,EAAAY,QAAA,KACLN,SAAS;IACdO,OAAO,EAAE,IAAK;IACdC,QAAQ,EAAE,KAAM;IAChBC,MAAM,EAAEX,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIK,YAAY,CAACO,GAAI;IACrCC,OAAO,EAAEZ,SAAS,aAATA,SAAS,cAATA,SAAS,GAAII,YAAY,CAACS,EAAG;IACtCC,SAAS,EAAC;EAAS,EACpB,CAAC;AAEN;AAEAjB,gBAAgB,CAACkB,qBAAqB,GAAG,IAAI;AAC7C,eAAelB,gBAAgB","ignoreList":[]}
+{"version":3,"file":"Boolean.js","names":["React","ToggleField","useTranslation","BooleanComponent","props","trueText","falseText","restProps","_objectWithoutProperties","_excluded","translations","BooleanField","createElement","_extends","valueOn","valueOff","textOn","yes","textOff","no","valueType","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Boolean/Boolean.tsx"],"sourcesContent":["import React from 'react'\nimport ToggleField, { Props as ToggleFieldProps } from '../Toggle'\nimport useTranslation from '../../hooks/useTranslation'\nimport { FieldProps } from '../../types'\n\ntype BooleanProps = {\n  trueText?: string\n  falseText?: string\n  variant?: ToggleFieldProps['variant']\n  size?: ToggleFieldProps['size']\n  onClick?: ToggleFieldProps['onClick']\n}\n\ntype SharedFieldProps = Omit<\n  FieldProps<unknown>,\n  'layout' | 'layoutOptions'\n>\n\nexport type Props = SharedFieldProps & BooleanProps\n\nfunction BooleanComponent(props: Props) {\n  const { trueText, falseText, ...restProps } = props\n  const translations = useTranslation().BooleanField\n\n  return (\n    <ToggleField\n      {...(restProps as ToggleFieldProps)}\n      valueOn={true}\n      valueOff={false}\n      textOn={trueText ?? translations.yes}\n      textOff={falseText ?? translations.no}\n      valueType=\"boolean\"\n    />\n  )\n}\n\nBooleanComponent._supportsSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAqC,WAAW;AAClE,OAAOC,cAAc,MAAM,4BAA4B;AAkBvD,SAASC,gBAAgBA,CAACC,KAAY,EAAE;EACtC,MAAM;MAAEC,QAAQ;MAAEC;IAAwB,CAAC,GAAGF,KAAK;IAAnBG,SAAS,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA;EACnD,MAAMC,YAAY,GAAGR,cAAc,CAAC,CAAC,CAACS,YAAY;EAElD,OACEX,KAAA,CAAAY,aAAA,CAACX,WAAW,EAAAY,QAAA,KACLN,SAAS;IACdO,OAAO,EAAE,IAAK;IACdC,QAAQ,EAAE,KAAM;IAChBC,MAAM,EAAEX,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIK,YAAY,CAACO,GAAI;IACrCC,OAAO,EAAEZ,SAAS,aAATA,SAAS,cAATA,SAAS,GAAII,YAAY,CAACS,EAAG;IACtCC,SAAS,EAAC;EAAS,EACpB,CAAC;AAEN;AAEAjB,gBAAgB,CAACkB,qBAAqB,GAAG,IAAI;AAC7C,eAAelB,gBAAgB","ignoreList":[]}

package/extensions/forms/Field/Date/Date.d.ts

@@ -21,7 +21,7 @@ export type DateProps = Omit<FieldProps<string, undefined | string>, 'onBlurVali
      */
     showResetButton?: DatePickerProps['showResetButton'];
     onBlurValidator?: ValidatorDisableable<string>;
-} & Pick<DatePickerProps, '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' | 'onType' | 'onShow' | 'onHide' | 'onSubmit' | 'onCancel' | 'onReset' | 'skipPortal' | 'yearNavigation'>;
+} & Pick<DatePickerProps, 'month' | 'startMonth' | 'endMonth' | 'minDate' | 'maxDate' | 'maskOrder' | 'maskPlaceholder' | 'dateFormat' | 'returnFormat' | 'hideNavigation' | 'hideDays' | 'onlyMonth' | 'hideLastWeek' | 'disableAutofocus' | 'showSubmitButton' | 'submitButtonText' | 'cancelButtonText' | 'resetButtonText' | 'firstDay' | 'link' | 'size' | 'sync' | 'addonElement' | 'shortcuts' | 'opened' | 'direction' | 'alignPicker' | 'onDaysRender' | 'onType' | 'onShow' | 'onHide' | 'onSubmit' | 'onCancel' | 'onReset' | 'skipPortal' | 'yearNavigation'>;
 declare function DateComponent(props: DateProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DateComponent {
     var _supportsSpacingProps: boolean;

package/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","isBefore","isAfter","useTranslation","convertStringToDate","formatDate","FormError","startOfDay","useInvalidDates","DateComponent","props","errorRequired","label","defaultLabel","Date","locale","invalidDatesRef","setInvalidDates","errorMessages","_objectSpread","schema","_props$schema","type","pattern","validateRequired","value","_ref","required","error","undefined","dateValidator","invalidDateErrors","validateDate","current","minDate","maxDate","dateLimitErrors","validateDateLimit","isRange","range","onBlurValidator","fromInput","_ref2","date","start_date","end_date","invalidDate","invalidStartDate","invalidEndDate","preparedProps","exportValidators","_useFieldProps","id","path","itemPath","className","valueProp","hasError","disabled","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","showCancelButton","showResetButton","showInput","onReset","width","rest","_objectWithoutProperties","_excluded","datePickerProps","pickDatePickerProps","startDate","endDate","parseRangeValue","fieldBlockProps","forId","createElement","_extends","stretch","status","onChange","event","onFocus","onBlur","split","map","test","_ref3","dates","_excluded2","startDateParsed","endDateParsed","isoDates","toISOString","options","variant","messages","push","messageValues","_ref4","errors","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 {\n  DatePickerEvent,\n  DatePickerProps,\n} from '../../../../components/DatePicker'\nimport {\n  FormatDateOptions,\n  convertStringToDate,\n  formatDate,\n} from '../../../../components/date-picker/DatePickerCalc'\nimport { ProviderProps } from '../../../../shared/Provider'\nimport { FormError } from '../../utils'\nimport startOfDay from 'date-fns/startOfDay'\nimport { InvalidDates } from '../../../../components/date-picker/DatePickerInput'\nimport useInvalidDates from './hooks/useInvalidDates'\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    | 'skipPortal'\n    | 'yearNavigation'\n  >\n\nfunction DateComponent(props: DateProps) {\n  const { errorRequired, label: defaultLabel } = useTranslation().Date\n  const { locale } = useContext(SharedContext)\n\n  const { invalidDatesRef, setInvalidDates } = useInvalidDates()\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 dateValidator = useCallback(\n    (value: string) => {\n      const invalidDateErrors = validateDate(invalidDatesRef.current)\n\n      // No need to validate min/max date if they are not provided\n      if (!props.minDate && !props.maxDate) {\n        return invalidDateErrors\n      }\n\n      const dateLimitErrors = validateDateLimit({\n        value,\n        locale,\n        minDate: props.minDate,\n        maxDate: props.maxDate,\n        isRange: props.range,\n      })\n\n      return [...invalidDateErrors, ...dateLimitErrors]\n    },\n    [props.maxDate, props.minDate, props.range, invalidDatesRef, 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 dateValidator\n  }, [props.onBlurValidator, dateValidator])\n\n  const fromInput = useCallback(\n    ({\n      date,\n      start_date,\n      end_date,\n      invalidDate,\n      invalidStartDate,\n      invalidEndDate,\n    }: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>) => {\n      // Add to ref, for use in onBlurValidator, would be better if there was a way to add this to additional args\n      setInvalidDates({\n        invalidDate,\n        invalidStartDate,\n        invalidEndDate,\n      })\n\n      return props.range ? `${start_date}|${end_date}` : date\n    },\n    [props.range, setInvalidDates]\n  )\n\n  const preparedProps = {\n    ...props,\n    errorMessages,\n    schema,\n    fromInput,\n    validateRequired,\n    onBlurValidator,\n    exportValidators: { dateValidator },\n    invalidDatesRef,\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    width,\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    width,\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        stretch={width !== undefined}\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\nexport function 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\n// Validators\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  // Set dates to the start of the day to compare the actual days, and not day and time\n  const minDate = startOfDay(convertStringToDate(dates.minDate))\n  const maxDate = startOfDay(convertStringToDate(dates.maxDate))\n\n  const startDate = startOfDay(convertStringToDate(startDateParsed))\n  const endDate = startOfDay(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  const messages: Array<FormError> = []\n\n  // Handle non range validation\n  if (!isRange) {\n    if (isBefore(startDate, minDate)) {\n      messages.push(\n        new FormError('Date.errorMinDate', {\n          messageValues: { date: formatDate(isoDates.minDate, options) },\n        })\n      )\n    }\n\n    if (isAfter(startDate, maxDate)) {\n      messages.push(\n        new FormError('Date.errorMaxDate', {\n          messageValues: { date: formatDate(isoDates.maxDate, options) },\n        })\n      )\n    }\n\n    return messages\n  }\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\nfunction validateDate({\n  invalidDate,\n  invalidStartDate,\n  invalidEndDate,\n}: InvalidDates) {\n  if (invalidDate) {\n    return [\n      new FormError('Date.errorInvalidDate', {\n        messageValues: { date: invalidDate },\n      }),\n    ]\n  }\n\n  const errors: Array<FormError> = []\n\n  if (invalidStartDate) {\n    errors.push(\n      new FormError('Date.errorInvalidStartDate', {\n        messageValues: { date: invalidStartDate },\n      })\n    )\n  }\n\n  if (invalidEndDate) {\n    errors.push(\n      new FormError('Date.errorInvalidEndDate', {\n        messageValues: { date: invalidEndDate },\n      })\n    )\n  }\n\n  return errors\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  'skipPortal',\n  'yearNavigation',\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":"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","ignoreList":[]}
+{"version":3,"file":"Date.js","names":["React","useCallback","useContext","useMemo","DatePicker","useFieldProps","pickSpacingProps","classnames","FieldBlock","SharedContext","parseISO","isValid","isBefore","isAfter","useTranslation","convertStringToDate","formatDate","FormError","startOfDay","useInvalidDates","DateComponent","props","errorRequired","label","defaultLabel","Date","locale","invalidDatesRef","setInvalidDates","errorMessages","_objectSpread","schema","_props$schema","type","pattern","validateRequired","value","_ref","required","error","undefined","dateValidator","invalidDateErrors","validateDate","current","minDate","maxDate","dateLimitErrors","validateDateLimit","isRange","range","onBlurValidator","fromInput","_ref2","date","start_date","end_date","invalidDate","invalidStartDate","invalidEndDate","preparedProps","exportValidators","_useFieldProps","id","path","itemPath","className","valueProp","hasError","disabled","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","showCancelButton","showResetButton","showInput","onReset","width","rest","_objectWithoutProperties","_excluded","datePickerProps","pickDatePickerProps","startDate","endDate","parseRangeValue","fieldBlockProps","forId","createElement","_extends","stretch","status","onChange","event","onFocus","onBlur","split","map","test","_ref3","dates","_excluded2","startDateParsed","endDateParsed","isoDates","toISOString","options","variant","messages","push","messageValues","_ref4","errors","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 {\n  DatePickerEvent,\n  DatePickerProps,\n} from '../../../../components/DatePicker'\nimport {\n  FormatDateOptions,\n  convertStringToDate,\n  formatDate,\n} from '../../../../components/date-picker/DatePickerCalc'\nimport { ProviderProps } from '../../../../shared/Provider'\nimport { FormError } from '../../utils'\nimport startOfDay from 'date-fns/startOfDay'\nimport { InvalidDates } from '../../../../components/date-picker/DatePickerInput'\nimport useInvalidDates from './hooks/useInvalidDates'\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    | '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    | 'skipPortal'\n    | 'yearNavigation'\n  >\n\nfunction DateComponent(props: DateProps) {\n  const { errorRequired, label: defaultLabel } = useTranslation().Date\n  const { locale } = useContext(SharedContext)\n\n  const { invalidDatesRef, setInvalidDates } = useInvalidDates()\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 dateValidator = useCallback(\n    (value: string) => {\n      const invalidDateErrors = validateDate(invalidDatesRef.current)\n\n      // No need to validate min/max date if they are not provided\n      if (!props.minDate && !props.maxDate) {\n        return invalidDateErrors\n      }\n\n      const dateLimitErrors = validateDateLimit({\n        value,\n        locale,\n        minDate: props.minDate,\n        maxDate: props.maxDate,\n        isRange: props.range,\n      })\n\n      return [...invalidDateErrors, ...dateLimitErrors]\n    },\n    [props.maxDate, props.minDate, props.range, invalidDatesRef, 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 dateValidator\n  }, [props.onBlurValidator, dateValidator])\n\n  const fromInput = useCallback(\n    ({\n      date,\n      start_date,\n      end_date,\n      invalidDate,\n      invalidStartDate,\n      invalidEndDate,\n    }: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>) => {\n      // Add to ref, for use in onBlurValidator, would be better if there was a way to add this to additional args\n      setInvalidDates({\n        invalidDate,\n        invalidStartDate,\n        invalidEndDate,\n      })\n\n      return props.range ? `${start_date}|${end_date}` : date\n    },\n    [props.range, setInvalidDates]\n  )\n\n  const preparedProps = {\n    ...props,\n    errorMessages,\n    schema,\n    fromInput,\n    validateRequired,\n    onBlurValidator,\n    exportValidators: { dateValidator },\n    invalidDatesRef,\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    width,\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    width,\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        stretch={width !== undefined}\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\nexport function 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\n// Validators\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  // Set dates to the start of the day to compare the actual days, and not day and time\n  const minDate = startOfDay(convertStringToDate(dates.minDate))\n  const maxDate = startOfDay(convertStringToDate(dates.maxDate))\n\n  const startDate = startOfDay(convertStringToDate(startDateParsed))\n  const endDate = startOfDay(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  const messages: Array<FormError> = []\n\n  // Handle non range validation\n  if (!isRange) {\n    if (isBefore(startDate, minDate)) {\n      messages.push(\n        new FormError('Date.errorMinDate', {\n          messageValues: { date: formatDate(isoDates.minDate, options) },\n        })\n      )\n    }\n\n    if (isAfter(startDate, maxDate)) {\n      messages.push(\n        new FormError('Date.errorMaxDate', {\n          messageValues: { date: formatDate(isoDates.maxDate, options) },\n        })\n      )\n    }\n\n    return messages\n  }\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\nfunction validateDate({\n  invalidDate,\n  invalidStartDate,\n  invalidEndDate,\n}: InvalidDates) {\n  if (invalidDate) {\n    return [\n      new FormError('Date.errorInvalidDate', {\n        messageValues: { date: invalidDate },\n      }),\n    ]\n  }\n\n  const errors: Array<FormError> = []\n\n  if (invalidStartDate) {\n    errors.push(\n      new FormError('Date.errorInvalidStartDate', {\n        messageValues: { date: invalidStartDate },\n      })\n    )\n  }\n\n  if (invalidEndDate) {\n    errors.push(\n      new FormError('Date.errorInvalidEndDate', {\n        messageValues: { date: invalidEndDate },\n      })\n    )\n  }\n\n  return errors\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  'skipPortal',\n  'yearNavigation',\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;AAKvD,SAEEC,mBAAmB,EACnBC,UAAU,QACL,mDAAmD;AAE1D,SAASC,SAAS,QAAQ,aAAa;AACvC,OAAOC,UAAU,MAAM,qBAAqB;AAE5C,OAAOC,eAAe,MAAM,yBAAyB;AAsErD,SAASC,aAAaA,CAACC,KAAgB,EAAE;EACvC,MAAM;IAAEC,aAAa;IAAEC,KAAK,EAAEC;EAAa,CAAC,GAAGV,cAAc,CAAC,CAAC,CAACW,IAAI;EACpE,MAAM;IAAEC;EAAO,CAAC,GAAGxB,UAAU,CAACO,aAAa,CAAC;EAE5C,MAAM;IAAEkB,eAAe;IAAEC;EAAgB,CAAC,GAAGT,eAAe,CAAC,CAAC;EAE9D,MAAMU,aAAa,GAAG1B,OAAO,CAAC,MAAM;IAClC,OAAA2B,aAAA;MACE,qBAAqB,EAAER,aAAa;MACpC,oBAAoB,EAAEA;IAAa,GAChCD,KAAK,CAACQ,aAAa;EAE1B,CAAC,EAAE,CAACR,KAAK,CAACQ,aAAa,EAAEP,aAAa,CAAC,CAAC;EAExC,MAAMS,MAAM,GAAG5B,OAAO,CACpB;IAAA,IAAA6B,aAAA;IAAA,QAAAA,aAAA,GACEX,KAAK,CAACU,MAAM,cAAAC,aAAA,cAAAA,aAAA,GAAI;MACdC,IAAI,EAAE,QAAQ;MACdC,OAAO,EAAEb,KAAK,CAACa;IACjB,CAAC;EAAA,GACH,CAACb,KAAK,CAACU,MAAM,EAAEV,KAAK,CAACa,OAAO,CAC9B,CAAC;EAED,MAAMC,gBAAgB,GAAGlC,WAAW,CAClC,CAACmC,KAAa,EAAAC,IAAA,KAA0B;IAAA,IAAxB;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAAF,IAAA;IACjC,IAAIC,QAAQ,KAAK,CAACF,KAAK,IAAI,CAACzB,OAAO,CAACD,QAAQ,CAAC0B,KAAK,CAAC,CAAC,CAAC,EAAE;MACrD,OAAOG,KAAK;IACd;IAEA,OAAOC,SAAS;EAClB,CAAC,EACD,EACF,CAAC;EAED,MAAMC,aAAa,GAAGxC,WAAW,CAC9BmC,KAAa,IAAK;IACjB,MAAMM,iBAAiB,GAAGC,YAAY,CAAChB,eAAe,CAACiB,OAAO,CAAC;IAG/D,IAAI,CAACvB,KAAK,CAACwB,OAAO,IAAI,CAACxB,KAAK,CAACyB,OAAO,EAAE;MACpC,OAAOJ,iBAAiB;IAC1B;IAEA,MAAMK,eAAe,GAAGC,iBAAiB,CAAC;MACxCZ,KAAK;MACLV,MAAM;MACNmB,OAAO,EAAExB,KAAK,CAACwB,OAAO;MACtBC,OAAO,EAAEzB,KAAK,CAACyB,OAAO;MACtBG,OAAO,EAAE5B,KAAK,CAAC6B;IACjB,CAAC,CAAC;IAEF,OAAO,CAAC,GAAGR,iBAAiB,EAAE,GAAGK,eAAe,CAAC;EACnD,CAAC,EACD,CAAC1B,KAAK,CAACyB,OAAO,EAAEzB,KAAK,CAACwB,OAAO,EAAExB,KAAK,CAAC6B,KAAK,EAAEvB,eAAe,EAAED,MAAM,CACrE,CAAC;EAED,MAAMyB,eAAe,GAAGhD,OAAO,CAAC,MAAM;IACpC,IAAIkB,KAAK,CAAC8B,eAAe,KAAK,KAAK,EAAE;MACnC,OAAOX,SAAS;IAClB;IAEA,IAAInB,KAAK,CAAC8B,eAAe,EAAE;MACzB,OAAO9B,KAAK,CAAC8B,eAAe;IAC9B;IAEA,OAAOV,aAAa;EACtB,CAAC,EAAE,CAACpB,KAAK,CAAC8B,eAAe,EAAEV,aAAa,CAAC,CAAC;EAE1C,MAAMW,SAAS,GAAGnD,WAAW,CAC3BoD,KAAA,IAO4D;IAAA,IAP3D;MACCC,IAAI;MACJC,UAAU;MACVC,QAAQ;MACRC,WAAW;MACXC,gBAAgB;MAChBC;IACoD,CAAC,GAAAN,KAAA;IAErDzB,eAAe,CAAC;MACd6B,WAAW;MACXC,gBAAgB;MAChBC;IACF,CAAC,CAAC;IAEF,OAAOtC,KAAK,CAAC6B,KAAK,GAAG,GAAGK,UAAU,IAAIC,QAAQ,EAAE,GAAGF,IAAI;EACzD,CAAC,EACD,CAACjC,KAAK,CAAC6B,KAAK,EAAEtB,eAAe,CAC/B,CAAC;EAED,MAAMgC,aAAa,GAAA9B,aAAA,CAAAA,aAAA,KACdT,KAAK;IACRQ,aAAa;IACbE,MAAM;IACNqB,SAAS;IACTjB,gBAAgB;IAChBgB,eAAe;IACfU,gBAAgB,EAAE;MAAEpB;IAAc,CAAC;IACnCd;EAAe,EAChB;EAED,MAAAmC,cAAA,GAuBIzD,aAAa,CAACuD,aAAa,CAAC;IAvB1B;MACJG,EAAE;MACFC,IAAI;MACJC,QAAQ;MACRC,SAAS;MACT3C,KAAK;MACLa,KAAK,EAAE+B,SAAS;MAChBC,QAAQ;MACRC,QAAQ;MACRC,cAAc;MACdC,WAAW;MACXC,UAAU;MACVC,YAAY;MACZC,eAAe;MACfxB,KAAK;MACLyB,gBAAgB,GAAG,IAAI;MACvBC,eAAe,GAAG,IAAI;MACtBC,SAAS,GAAG,IAAI;MAChBC,OAAO;MACPjC,OAAO;MACPC,OAAO;MACPiC;IAEF,CAAC,GAAAjB,cAAA;IADIkB,IAAI,GAAAC,wBAAA,CAAAnB,cAAA,EAAAoB,SAAA;EAGT,MAAMC,eAAe,GAAGC,mBAAmB,CAACJ,IAAI,CAAC;EAEjD,MAAM;IAAE5C,KAAK;IAAEiD,SAAS;IAAEC;EAAQ,CAAC,GAAGnF,OAAO,CAAC,MAAM;IAClD,IAAI,CAAC+C,KAAK,IAAI,CAACiB,SAAS,EAAE;MACxB,OAAO;QAEL/B,KAAK,EAAE+B,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,IAAI;QACxBkB,SAAS,EAAE7C,SAAS;QACpB8C,OAAO,EAAE9C;MACX,CAAC;IACH;IAEA,MAAM,CAAC6C,SAAS,EAAEC,OAAO,CAAC,GAAGC,eAAe,CAACpB,SAAS,CAAC;IAEvD,OAAO;MACL/B,KAAK,EAAEI,SAAS;MAChB6C,SAAS;MACTC;IACF,CAAC;EACH,CAAC,EAAE,CAACpC,KAAK,EAAEiB,SAAS,CAAC,CAAC;EAEtBhE,OAAO,CAAC,MAAM;IACZ,IAAI,CAAC6D,IAAI,IAAIC,QAAQ,KAAKE,SAAS,EAAE;MACnCO,eAAe,CAAC1D,UAAU,CAACmD,SAAS,EAAE;QAAEzC;MAAO,CAAC,CAAC,EAAEc,SAAS,CAAC;IAC/D;EACF,CAAC,EAAE,CAACyB,QAAQ,EAAEvC,MAAM,EAAEsC,IAAI,EAAEU,eAAe,EAAEP,SAAS,CAAC,CAAC;EAExD,MAAMqB,eAAgC,GAAA1D,aAAA;IACpC2D,KAAK,EAAE1B,EAAE;IACTxC,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIC,YAAY;IAC5B0C,SAAS,EAAE3D,UAAU,CAAC,wBAAwB,EAAE2D,SAAS,CAAC;IAC1Da;EAAK,GACFzE,gBAAgB,CAACe,KAAK,CAAC,CAC3B;EAED,OACErB,KAAA,CAAA0F,aAAA,CAAClF,UAAU,EAAKgF,eAAe,EAC7BxF,KAAA,CAAA0F,aAAA,CAACtF,UAAU,EAAAuF,QAAA;IACT5B,EAAE,EAAEA,EAAG;IACPT,IAAI,EAAElB,KAAM;IACZiC,QAAQ,EAAEA,QAAS;IACnBQ,SAAS,EAAEA,SAAU;IACrBF,gBAAgB,EAAEA,gBAAiB;IACnCC,eAAe,EAAEA,eAAgB;IACjCgB,OAAO,EAAEb,KAAK,KAAKvC,SAAU;IAC7B6C,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBzC,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjB+C,MAAM,EAAEzB,QAAQ,GAAG,OAAO,GAAG5B,SAAU;IACvCU,KAAK,EAAEA,KAAM;IACb4C,QAAQ,EAAErB,YAAa;IACvBK,OAAO,EAAGiB,KAAK,IAAK;MAClBtB,YAAY,CAACsB,KAAK,CAAC;MACnBjB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGiB,KAAK,CAAC;IAClB,CAAE;IACFC,OAAO,EAAEzB,WAAY;IACrB0B,MAAM,EAAEzB;EAAW,GACfW,eAAe,EACfb,cAAc,CACnB,CACS,CAAC;AAEjB;AAEA,OAAO,SAASiB,eAAeA,CAACnD,KAAyB,EAAE;EACzD,OACEA,KAAK,CACF8D,KAAK,CAAC,GAAG,CAAC,CAEVC,GAAG,CAAE/D,KAAK,IAAM,kBAAkB,CAACgE,IAAI,CAAChE,KAAK,CAAC,GAAG,IAAI,GAAGA,KAAM,CAAC;AAEtE;AAGA,SAASY,iBAAiBA,CAAAqD,KAAA,EAWvB;EAAA,IAXwB;MACzBjE,KAAK;MACLa,OAAO;MACPvB;IAQF,CAAC,GAAA2E,KAAA;IAPIC,KAAK,GAAArB,wBAAA,CAAAoB,KAAA,EAAAE,UAAA;EAQR,IAAK,CAACD,KAAK,CAACzD,OAAO,IAAI,CAACyD,KAAK,CAACxD,OAAO,IAAK,CAACV,KAAK,EAAE;IAChD,OAAO,EAAE;EACX;EAEA,MAAM,CAACoE,eAAe,EAAEC,aAAa,CAAC,GAAGlB,eAAe,CAACnD,KAAK,CAAC;EAG/D,MAAMS,OAAO,GAAG3B,UAAU,CAACH,mBAAmB,CAACuF,KAAK,CAACzD,OAAO,CAAC,CAAC;EAC9D,MAAMC,OAAO,GAAG5B,UAAU,CAACH,mBAAmB,CAACuF,KAAK,CAACxD,OAAO,CAAC,CAAC;EAE9D,MAAMuC,SAAS,GAAGnE,UAAU,CAACH,mBAAmB,CAACyF,eAAe,CAAC,CAAC;EAClE,MAAMlB,OAAO,GAAGpE,UAAU,CAACH,mBAAmB,CAAC0F,aAAa,CAAC,CAAC;EAE9D,MAAMC,QAAQ,GAAG;IACf7D,OAAO,EACLyD,KAAK,CAACzD,OAAO,YAAYpB,IAAI,GACzB6E,KAAK,CAACzD,OAAO,CAAC8D,WAAW,CAAC,CAAC,GAC3BL,KAAK,CAACzD,OAAO;IACnBC,OAAO,EACLwD,KAAK,CAACxD,OAAO,YAAYrB,IAAI,GACzB6E,KAAK,CAACxD,OAAO,CAAC6D,WAAW,CAAC,CAAC,GAC3BL,KAAK,CAACxD;EACd,CAAC;EAED,MAAM8D,OAA0B,GAAG;IACjClF,MAAM;IACNmF,OAAO,EAAE;EACX,CAAC;EAED,MAAMC,QAA0B,GAAG,EAAE;EAGrC,IAAI,CAAC7D,OAAO,EAAE;IACZ,IAAIrC,QAAQ,CAACyE,SAAS,EAAExC,OAAO,CAAC,EAAE;MAChCiE,QAAQ,CAACC,IAAI,CACX,IAAI9F,SAAS,CAAC,mBAAmB,EAAE;QACjC+F,aAAa,EAAE;UAAE1D,IAAI,EAAEtC,UAAU,CAAC0F,QAAQ,CAAC7D,OAAO,EAAE+D,OAAO;QAAE;MAC/D,CAAC,CACH,CAAC;IACH;IAEA,IAAI/F,OAAO,CAACwE,SAAS,EAAEvC,OAAO,CAAC,EAAE;MAC/BgE,QAAQ,CAACC,IAAI,CACX,IAAI9F,SAAS,CAAC,mBAAmB,EAAE;QACjC+F,aAAa,EAAE;UAAE1D,IAAI,EAAEtC,UAAU,CAAC0F,QAAQ,CAAC5D,OAAO,EAAE8D,OAAO;QAAE;MAC/D,CAAC,CACH,CAAC;IACH;IAEA,OAAOE,QAAQ;EACjB;EAGA,IAAIlG,QAAQ,CAACyE,SAAS,EAAExC,OAAO,CAAC,EAAE;IAChCiE,QAAQ,CAACC,IAAI,CACX,IAAI9F,SAAS,CAAC,4BAA4B,EAAE;MAC1C+F,aAAa,EAAE;QAAE1D,IAAI,EAAEtC,UAAU,CAAC0F,QAAQ,CAAC7D,OAAO,EAAE+D,OAAO;MAAE;IAC/D,CAAC,CACH,CAAC;EACH;EAEA,IAAI/F,OAAO,CAACwE,SAAS,EAAEvC,OAAO,CAAC,EAAE;IAC/BgE,QAAQ,CAACC,IAAI,CACX,IAAI9F,SAAS,CAAC,4BAA4B,EAAE;MAC1C+F,aAAa,EAAE;QAAE1D,IAAI,EAAEtC,UAAU,CAAC0F,QAAQ,CAAC5D,OAAO,EAAE8D,OAAO;MAAE;IAC/D,CAAC,CACH,CAAC;EACH;EAGA,IAAIhG,QAAQ,CAAC0E,OAAO,EAAEzC,OAAO,CAAC,EAAE;IAC9BiE,QAAQ,CAACC,IAAI,CACX,IAAI9F,SAAS,CAAC,0BAA0B,EAAE;MACxC+F,aAAa,EAAE;QAAE1D,IAAI,EAAEtC,UAAU,CAAC0F,QAAQ,CAAC7D,OAAO,EAAE+D,OAAO;MAAE;IAC/D,CAAC,CACH,CAAC;EACH;EAEA,IAAI/F,OAAO,CAACyE,OAAO,EAAExC,OAAO,CAAC,EAAE;IAC7BgE,QAAQ,CAACC,IAAI,CACX,IAAI9F,SAAS,CAAC,0BAA0B,EAAE;MACxC+F,aAAa,EAAE;QAAE1D,IAAI,EAAEtC,UAAU,CAAC0F,QAAQ,CAAC5D,OAAO,EAAE8D,OAAO;MAAE;IAC/D,CAAC,CACH,CAAC;EACH;EAEA,OAAOE,QAAQ;AACjB;AAEA,SAASnE,YAAYA,CAAAsE,KAAA,EAIJ;EAAA,IAJK;IACpBxD,WAAW;IACXC,gBAAgB;IAChBC;EACY,CAAC,GAAAsD,KAAA;EACb,IAAIxD,WAAW,EAAE;IACf,OAAO,CACL,IAAIxC,SAAS,CAAC,uBAAuB,EAAE;MACrC+F,aAAa,EAAE;QAAE1D,IAAI,EAAEG;MAAY;IACrC,CAAC,CAAC,CACH;EACH;EAEA,MAAMyD,MAAwB,GAAG,EAAE;EAEnC,IAAIxD,gBAAgB,EAAE;IACpBwD,MAAM,CAACH,IAAI,CACT,IAAI9F,SAAS,CAAC,4BAA4B,EAAE;MAC1C+F,aAAa,EAAE;QAAE1D,IAAI,EAAEI;MAAiB;IAC1C,CAAC,CACH,CAAC;EACH;EAEA,IAAIC,cAAc,EAAE;IAClBuD,MAAM,CAACH,IAAI,CACT,IAAI9F,SAAS,CAAC,0BAA0B,EAAE;MACxC+F,aAAa,EAAE;QAAE1D,IAAI,EAAEK;MAAe;IACxC,CAAC,CACH,CAAC;EACH;EAEA,OAAOuD,MAAM;AACf;AAIA,MAAMC,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,EACT,YAAY,EACZ,gBAAgB,CACjB;AAED,SAAS/B,mBAAmBA,CAAC/D,KAAgB,EAAE;EAC7C,MAAM8D,eAAe,GAAGiC,MAAM,CAACC,IAAI,CAAChG,KAAK,CAAC,CAACiG,MAAM,CAC/C,CAACnC,eAAe,EAAEoC,GAAG,KAAK;IACxB,IAAIJ,kBAAkB,CAACK,QAAQ,CAACD,GAAG,CAAC,EAAE;MACpCpC,eAAe,CAACoC,GAAG,CAAC,GAAGlG,KAAK,CAACkG,GAAG,CAAC;IACnC;IAEA,OAAOpC,eAAe;EACxB,CAAC,EACD,CAAC,CACH,CAAC;EAED,OAAOA,eAAe;AACxB;AAEA/D,aAAa,CAACqG,qBAAqB,GAAG,IAAI;AAC1C,eAAerG,aAAa","ignoreList":[]}

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

@@ -25,9 +25,10 @@ const {
     date,
     startDate,
     endDate,
+    correctInvalidDate,
     '[Space](/uilib/layout/space/properties)': space
   } = DatePickerProperties,
-  datePickerProperties = _objectWithoutProperties(DatePickerProperties, ["showCancelButton", "showResetButton", "showInput", "range", "skeleton", "tooltip", "globalStatus", "statusProps", "statusState", "status", "inputElement", "label", "labelDirection", "labelSrOnly", "labelAlignment", "suffix", "stretch", "size", "date", "startDate", "endDate", "[Space](/uilib/layout/space/properties)"]);
+  datePickerProperties = _objectWithoutProperties(DatePickerProperties, ["showCancelButton", "showResetButton", "showInput", "range", "skeleton", "tooltip", "globalStatus", "statusProps", "statusState", "status", "inputElement", "label", "labelDirection", "labelSrOnly", "labelAlignment", "suffix", "stretch", "size", "date", "startDate", "endDate", "correctInvalidDate", "[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`.'

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

@@ -1 +1 @@
-{"version":3,"file":"DateDocs.js","names":["DatePickerProperties","DatePickerEvents","showCancelButton","showResetButton","showInput","range","skeleton","tooltip","globalStatus","statusProps","statusState","status","inputElement","label","labelDirection","labelSrOnly","labelAlignment","suffix","stretch","size","date","startDate","endDate","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  labelAlignment,\n  suffix,\n  stretch,\n  size,\n  date,\n  startDate,\n  endDate,\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 invalid dates, and dates against `minDate` and `maxDate`, using `dateValidator`. 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,cAAc;IACdC,MAAM;IACNC,OAAO;IACPC,IAAI;IACJC,IAAI;IACJC,SAAS;IACTC,OAAO;IACP,yCAAyC,EAAEC;EAE7C,CAAC,GAAGvB,oBAAoB;EADnBwB,oBAAoB,GAAAC,wBAAA,CACrBzB,oBAAoB;AAIxB,OAAO,MAAM0B,cAAoC,GAAAC,aAAA,CAAAA,aAAA;EAC/CtB,KAAK,EAAAsB,aAAA,CAAAA,aAAA,KACAtB,KAAK;IACRuB,GAAG,EACD,4FAA4F,GAC5F,mJAAmJ,GACnJ;EAAsB,EACzB;EACDxB,SAAS,EAAAuB,aAAA,CAAAA,aAAA,KACJvB,SAAS;IACZwB,GAAG,EAAE;EAA0E,EAChF;EACD1B,gBAAgB,EAAAyB,aAAA,CAAAA,aAAA,KACXzB,gBAAgB;IACnB0B,GAAG,EAAE;EAA+M,EACrN;EACDzB,eAAe,EAAAwB,aAAA,CAAAA,aAAA,KACVxB,eAAe;IAClByB,GAAG,EAAE;EAA+I,EACrJ;EACDT,IAAI,EAAAQ,aAAA,CAAAA,aAAA,KACCR,IAAI;IACPS,GAAG,EAAE,GAAGT,IAAI,CAACS,GAAG;EAAwG;AACzH,GACEJ,oBAAoB;EACvBK,eAAe,EAAE;IACfD,GAAG,EAAE,scAAsc;IAC3cE,IAAI,EAAE,UAAU;IAChBnB,MAAM,EAAE;EACV;AAAC,EACF;AAED,MAAM;IAAEoB,QAAQ;IAAEC,MAAM;IAAEC;EAA6B,CAAC,GAAGhC,gBAAgB;EAArCiC,gBAAgB,GAAAT,wBAAA,CAAKxB,gBAAgB;AAE3E,OAAO,MAAMkC,UAAU,GAAGD,gBAAgB","ignoreList":[]}
+{"version":3,"file":"DateDocs.js","names":["DatePickerProperties","DatePickerEvents","showCancelButton","showResetButton","showInput","range","skeleton","tooltip","globalStatus","statusProps","statusState","status","inputElement","label","labelDirection","labelSrOnly","labelAlignment","suffix","stretch","size","date","startDate","endDate","correctInvalidDate","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  labelAlignment,\n  suffix,\n  stretch,\n  size,\n  date,\n  startDate,\n  endDate,\n  correctInvalidDate,\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 invalid dates, and dates against `minDate` and `maxDate`, using `dateValidator`. 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,cAAc;IACdC,MAAM;IACNC,OAAO;IACPC,IAAI;IACJC,IAAI;IACJC,SAAS;IACTC,OAAO;IACPC,kBAAkB;IAClB,yCAAyC,EAAEC;EAE7C,CAAC,GAAGxB,oBAAoB;EADnByB,oBAAoB,GAAAC,wBAAA,CACrB1B,oBAAoB;AAIxB,OAAO,MAAM2B,cAAoC,GAAAC,aAAA,CAAAA,aAAA;EAC/CvB,KAAK,EAAAuB,aAAA,CAAAA,aAAA,KACAvB,KAAK;IACRwB,GAAG,EACD,4FAA4F,GAC5F,mJAAmJ,GACnJ;EAAsB,EACzB;EACDzB,SAAS,EAAAwB,aAAA,CAAAA,aAAA,KACJxB,SAAS;IACZyB,GAAG,EAAE;EAA0E,EAChF;EACD3B,gBAAgB,EAAA0B,aAAA,CAAAA,aAAA,KACX1B,gBAAgB;IACnB2B,GAAG,EAAE;EAA+M,EACrN;EACD1B,eAAe,EAAAyB,aAAA,CAAAA,aAAA,KACVzB,eAAe;IAClB0B,GAAG,EAAE;EAA+I,EACrJ;EACDV,IAAI,EAAAS,aAAA,CAAAA,aAAA,KACCT,IAAI;IACPU,GAAG,EAAE,GAAGV,IAAI,CAACU,GAAG;EAAwG;AACzH,GACEJ,oBAAoB;EACvBK,eAAe,EAAE;IACfD,GAAG,EAAE,scAAsc;IAC3cE,IAAI,EAAE,UAAU;IAChBpB,MAAM,EAAE;EACV;AAAC,EACF;AAED,MAAM;IAAEqB,QAAQ;IAAEC,MAAM;IAAEC;EAA6B,CAAC,GAAGjC,gBAAgB;EAArCkC,gBAAgB,GAAAT,wBAAA,CAAKzB,gBAAgB;AAE3E,OAAO,MAAMmC,UAAU,GAAGD,gBAAgB","ignoreList":[]}

package/extensions/forms/Field/Indeterminate/Indeterminate.d.ts

@@ -9,7 +9,7 @@ export type Props = Partial<Omit<ToggleAllProps, 'textOn' | 'textOff'>> & {
      * When `checked`, the dependent checkboxes will always be set to "checked" when in indeterminate state.
      * When `unchecked`, the dependent checkboxes will be set to "unchecked" when in indeterminate state.
      * When "auto", the dependent checkboxes will get the inverted state from where the (this) parent checkbox is in.
-     * Default is `true`.
+     * Default is `checked`.
      */
     propagateIndeterminateState?: 'checked' | 'unchecked' | 'auto';
 };

package/extensions/forms/Field/Indeterminate/Indeterminate.js.map

@@ -1 +1 @@
-{"version":3,"file":"Indeterminate.js","names":["React","useCallback","useMemo","Toggle","useDependencePaths","Indeterminate","props","dependencePaths","propagateIndeterminateState","valueOn","valueOff","value","valueProp","onChange","rest","_objectWithoutProperties","_excluded","indeterminate","internalValue","setAllStates","changeHandler","createElement","_extends","variant","htmlAttributes"],"sources":["../../../../../../src/extensions/forms/Field/Indeterminate/Indeterminate.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport Toggle, { Props as ToggleAllProps } from '../Toggle/Toggle'\nimport useDependencePaths from './useDependencePaths'\nimport { Path } from '../../types'\n\nexport type Props = Partial<Omit<ToggleAllProps, 'textOn' | 'textOff'>> & {\n  /**\n   * An array of paths to the data object.\n   */\n  dependencePaths: Array<Path>\n\n  /**\n   * When `checked`, the dependent checkboxes will always be set to \"checked\" when in indeterminate state.\n   * When `unchecked`, the dependent checkboxes will be set to \"unchecked\" when in indeterminate state.\n   * When \"auto\", the dependent checkboxes will get the inverted state from where the (this) parent checkbox is in.\n   * Default is `true`.\n   */\n  propagateIndeterminateState?: 'checked' | 'unchecked' | 'auto'\n}\n\nexport default function Indeterminate(props: Props) {\n  const {\n    dependencePaths,\n    propagateIndeterminateState = 'checked',\n    valueOn = true,\n    valueOff = false,\n    value: valueProp,\n    onChange,\n    ...rest\n  } = props\n\n  const { indeterminate, internalValue, setAllStates } =\n    useDependencePaths(dependencePaths, propagateIndeterminateState)\n\n  const changeHandler = useCallback(\n    (value: unknown) => {\n      setAllStates(value === valueOn)\n      onChange?.(value === valueOn ? valueOn : valueOff)\n    },\n    [onChange, setAllStates, valueOff, valueOn]\n  )\n\n  const value = useMemo(() => {\n    if (typeof valueProp !== 'undefined') {\n      return valueProp\n    }\n    return internalValue ? valueOn : valueOff\n  }, [valueProp, internalValue, valueOn, valueOff])\n\n  return (\n    <Toggle\n      {...rest}\n      variant=\"checkbox\"\n      htmlAttributes={{ indeterminate }}\n      valueOn={valueOn}\n      valueOff={valueOff}\n      value={value}\n      onChange={changeHandler}\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,OAAOC,MAAM,MAAmC,kBAAkB;AAClE,OAAOC,kBAAkB,MAAM,sBAAsB;AAkBrD,eAAe,SAASC,aAAaA,CAACC,KAAY,EAAE;EAClD,MAAM;MACJC,eAAe;MACfC,2BAA2B,GAAG,SAAS;MACvCC,OAAO,GAAG,IAAI;MACdC,QAAQ,GAAG,KAAK;MAChBC,KAAK,EAAEC,SAAS;MAChBC;IAEF,CAAC,GAAGP,KAAK;IADJQ,IAAI,GAAAC,wBAAA,CACLT,KAAK,EAAAU,SAAA;EAET,MAAM;IAAEC,aAAa;IAAEC,aAAa;IAAEC;EAAa,CAAC,GAClDf,kBAAkB,CAACG,eAAe,EAAEC,2BAA2B,CAAC;EAElE,MAAMY,aAAa,GAAGnB,WAAW,CAC9BU,KAAc,IAAK;IAClBQ,YAAY,CAACR,KAAK,KAAKF,OAAO,CAAC;IAC/BI,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGF,KAAK,KAAKF,OAAO,GAAGA,OAAO,GAAGC,QAAQ,CAAC;EACpD,CAAC,EACD,CAACG,QAAQ,EAAEM,YAAY,EAAET,QAAQ,EAAED,OAAO,CAC5C,CAAC;EAED,MAAME,KAAK,GAAGT,OAAO,CAAC,MAAM;IAC1B,IAAI,OAAOU,SAAS,KAAK,WAAW,EAAE;MACpC,OAAOA,SAAS;IAClB;IACA,OAAOM,aAAa,GAAGT,OAAO,GAAGC,QAAQ;EAC3C,CAAC,EAAE,CAACE,SAAS,EAAEM,aAAa,EAAET,OAAO,EAAEC,QAAQ,CAAC,CAAC;EAEjD,OACEV,KAAA,CAAAqB,aAAA,CAAClB,MAAM,EAAAmB,QAAA,KACDR,IAAI;IACRS,OAAO,EAAC,UAAU;IAClBC,cAAc,EAAE;MAAEP;IAAc,CAAE;IAClCR,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEO;EAAc,EACzB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"file":"Indeterminate.js","names":["React","useCallback","useMemo","Toggle","useDependencePaths","Indeterminate","props","dependencePaths","propagateIndeterminateState","valueOn","valueOff","value","valueProp","onChange","rest","_objectWithoutProperties","_excluded","indeterminate","internalValue","setAllStates","changeHandler","createElement","_extends","variant","htmlAttributes"],"sources":["../../../../../../src/extensions/forms/Field/Indeterminate/Indeterminate.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport Toggle, { Props as ToggleAllProps } from '../Toggle/Toggle'\nimport useDependencePaths from './useDependencePaths'\nimport { Path } from '../../types'\n\nexport type Props = Partial<Omit<ToggleAllProps, 'textOn' | 'textOff'>> & {\n  /**\n   * An array of paths to the data object.\n   */\n  dependencePaths: Array<Path>\n\n  /**\n   * When `checked`, the dependent checkboxes will always be set to \"checked\" when in indeterminate state.\n   * When `unchecked`, the dependent checkboxes will be set to \"unchecked\" when in indeterminate state.\n   * When \"auto\", the dependent checkboxes will get the inverted state from where the (this) parent checkbox is in.\n   * Default is `checked`.\n   */\n  propagateIndeterminateState?: 'checked' | 'unchecked' | 'auto'\n}\n\nexport default function Indeterminate(props: Props) {\n  const {\n    dependencePaths,\n    propagateIndeterminateState = 'checked',\n    valueOn = true,\n    valueOff = false,\n    value: valueProp,\n    onChange,\n    ...rest\n  } = props\n\n  const { indeterminate, internalValue, setAllStates } =\n    useDependencePaths(dependencePaths, propagateIndeterminateState)\n\n  const changeHandler = useCallback(\n    (value: unknown) => {\n      setAllStates(value === valueOn)\n      onChange?.(value === valueOn ? valueOn : valueOff)\n    },\n    [onChange, setAllStates, valueOff, valueOn]\n  )\n\n  const value = useMemo(() => {\n    if (typeof valueProp !== 'undefined') {\n      return valueProp\n    }\n    return internalValue ? valueOn : valueOff\n  }, [valueProp, internalValue, valueOn, valueOff])\n\n  return (\n    <Toggle\n      {...rest}\n      variant=\"checkbox\"\n      htmlAttributes={{ indeterminate }}\n      valueOn={valueOn}\n      valueOff={valueOff}\n      value={value}\n      onChange={changeHandler}\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,OAAOC,MAAM,MAAmC,kBAAkB;AAClE,OAAOC,kBAAkB,MAAM,sBAAsB;AAkBrD,eAAe,SAASC,aAAaA,CAACC,KAAY,EAAE;EAClD,MAAM;MACJC,eAAe;MACfC,2BAA2B,GAAG,SAAS;MACvCC,OAAO,GAAG,IAAI;MACdC,QAAQ,GAAG,KAAK;MAChBC,KAAK,EAAEC,SAAS;MAChBC;IAEF,CAAC,GAAGP,KAAK;IADJQ,IAAI,GAAAC,wBAAA,CACLT,KAAK,EAAAU,SAAA;EAET,MAAM;IAAEC,aAAa;IAAEC,aAAa;IAAEC;EAAa,CAAC,GAClDf,kBAAkB,CAACG,eAAe,EAAEC,2BAA2B,CAAC;EAElE,MAAMY,aAAa,GAAGnB,WAAW,CAC9BU,KAAc,IAAK;IAClBQ,YAAY,CAACR,KAAK,KAAKF,OAAO,CAAC;IAC/BI,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGF,KAAK,KAAKF,OAAO,GAAGA,OAAO,GAAGC,QAAQ,CAAC;EACpD,CAAC,EACD,CAACG,QAAQ,EAAEM,YAAY,EAAET,QAAQ,EAAED,OAAO,CAC5C,CAAC;EAED,MAAME,KAAK,GAAGT,OAAO,CAAC,MAAM;IAC1B,IAAI,OAAOU,SAAS,KAAK,WAAW,EAAE;MACpC,OAAOA,SAAS;IAClB;IACA,OAAOM,aAAa,GAAGT,OAAO,GAAGC,QAAQ;EAC3C,CAAC,EAAE,CAACE,SAAS,EAAEM,aAAa,EAAET,OAAO,EAAEC,QAAQ,CAAC,CAAC;EAEjD,OACEV,KAAA,CAAAqB,aAAA,CAAClB,MAAM,EAAAmB,QAAA,KACDR,IAAI;IACRS,OAAO,EAAC,UAAU;IAClBC,cAAc,EAAE;MAAEP;IAAc,CAAE;IAClCR,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEO;EAAc,EACzB,CAAC;AAEN","ignoreList":[]}

package/extensions/forms/Field/Indeterminate/IndeterminateDocs.js

@@ -17,7 +17,7 @@ export const IndeterminateProperties = _objectSpread(_objectSpread({
     status: 'required'
   },
   propagateIndeterminateState: {
-    doc: 'When `checked`, the dependent checkboxes will always be set to "checked" when in indeterminate state. When `unchecked`, the dependent checkboxes will be set to "unchecked" when in indeterminate state. When "auto", the dependent checkboxes will get the inverted state from where the (this) parent checkbox is in. Default is `true`.',
+    doc: 'When `checked`, the dependent checkboxes will always be set to "checked" when in indeterminate state. When `unchecked`, the dependent checkboxes will be set to "unchecked" when in indeterminate state. When "auto", the dependent checkboxes will get the inverted state from where the (this) parent checkbox is in. Default is `checked`.',
     type: ['checked', 'unchecked', 'auto'],
     status: 'optional'
   }

package/extensions/forms/Field/Indeterminate/IndeterminateDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"IndeterminateDocs.js","names":["ToggleProperties","Object","assign","valueOn","_objectSpread","status","valueOff","IndeterminateProperties","dependencePaths","doc","type","propagateIndeterminateState","textOn","undefined","textOff","variant"],"sources":["../../../../../../src/extensions/forms/Field/Indeterminate/IndeterminateDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { ToggleProperties } from '../Toggle/ToggleDocs'\n\nObject.assign(ToggleProperties, {\n  valueOn: {\n    ...ToggleProperties.valueOn,\n    status: 'optional',\n  },\n  valueOff: {\n    ...ToggleProperties.valueOff,\n    status: 'optional',\n  },\n})\n\nexport const IndeterminateProperties: PropertiesTableProps = {\n  dependencePaths: {\n    doc: 'Provide an array with the related paths of other [Field.Toggle](/uilib/extensions/forms/base-fields/Toggle/) or [Field.Boolean](/uilib/extensions/forms/base-fields/Boolean/) fields.',\n    type: 'array',\n    status: 'required',\n  },\n  propagateIndeterminateState: {\n    doc: 'When `checked`, the dependent checkboxes will always be set to \"checked\" when in indeterminate state. When `unchecked`, the dependent checkboxes will be set to \"unchecked\" when in indeterminate state. When \"auto\", the dependent checkboxes will get the inverted state from where the (this) parent checkbox is in. Default is `true`.',\n    type: ['checked', 'unchecked', 'auto'],\n    status: 'optional',\n  },\n  ...ToggleProperties,\n  textOn: undefined,\n  textOff: undefined,\n  variant: undefined,\n}\n"],"mappings":";;;AACA,SAASA,gBAAgB,QAAQ,sBAAsB;AAEvDC,MAAM,CAACC,MAAM,CAACF,gBAAgB,EAAE;EAC9BG,OAAO,EAAAC,aAAA,CAAAA,aAAA,KACFJ,gBAAgB,CAACG,OAAO;IAC3BE,MAAM,EAAE;EAAU,EACnB;EACDC,QAAQ,EAAAF,aAAA,CAAAA,aAAA,KACHJ,gBAAgB,CAACM,QAAQ;IAC5BD,MAAM,EAAE;EAAU;AAEtB,CAAC,CAAC;AAEF,OAAO,MAAME,uBAA6C,GAAAH,aAAA,CAAAA,aAAA;EACxDI,eAAe,EAAE;IACfC,GAAG,EAAE,uLAAuL;IAC5LC,IAAI,EAAE,OAAO;IACbL,MAAM,EAAE;EACV,CAAC;EACDM,2BAA2B,EAAE;IAC3BF,GAAG,EAAE,4UAA4U;IACjVC,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,CAAC;IACtCL,MAAM,EAAE;EACV;AAAC,GACEL,gBAAgB;EACnBY,MAAM,EAAEC,SAAS;EACjBC,OAAO,EAAED,SAAS;EAClBE,OAAO,EAAEF;AAAS,EACnB","ignoreList":[]}
+{"version":3,"file":"IndeterminateDocs.js","names":["ToggleProperties","Object","assign","valueOn","_objectSpread","status","valueOff","IndeterminateProperties","dependencePaths","doc","type","propagateIndeterminateState","textOn","undefined","textOff","variant"],"sources":["../../../../../../src/extensions/forms/Field/Indeterminate/IndeterminateDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { ToggleProperties } from '../Toggle/ToggleDocs'\n\nObject.assign(ToggleProperties, {\n  valueOn: {\n    ...ToggleProperties.valueOn,\n    status: 'optional',\n  },\n  valueOff: {\n    ...ToggleProperties.valueOff,\n    status: 'optional',\n  },\n})\n\nexport const IndeterminateProperties: PropertiesTableProps = {\n  dependencePaths: {\n    doc: 'Provide an array with the related paths of other [Field.Toggle](/uilib/extensions/forms/base-fields/Toggle/) or [Field.Boolean](/uilib/extensions/forms/base-fields/Boolean/) fields.',\n    type: 'array',\n    status: 'required',\n  },\n  propagateIndeterminateState: {\n    doc: 'When `checked`, the dependent checkboxes will always be set to \"checked\" when in indeterminate state. When `unchecked`, the dependent checkboxes will be set to \"unchecked\" when in indeterminate state. When \"auto\", the dependent checkboxes will get the inverted state from where the (this) parent checkbox is in. Default is `checked`.',\n    type: ['checked', 'unchecked', 'auto'],\n    status: 'optional',\n  },\n  ...ToggleProperties,\n  textOn: undefined,\n  textOff: undefined,\n  variant: undefined,\n}\n"],"mappings":";;;AACA,SAASA,gBAAgB,QAAQ,sBAAsB;AAEvDC,MAAM,CAACC,MAAM,CAACF,gBAAgB,EAAE;EAC9BG,OAAO,EAAAC,aAAA,CAAAA,aAAA,KACFJ,gBAAgB,CAACG,OAAO;IAC3BE,MAAM,EAAE;EAAU,EACnB;EACDC,QAAQ,EAAAF,aAAA,CAAAA,aAAA,KACHJ,gBAAgB,CAACM,QAAQ;IAC5BD,MAAM,EAAE;EAAU;AAEtB,CAAC,CAAC;AAEF,OAAO,MAAME,uBAA6C,GAAAH,aAAA,CAAAA,aAAA;EACxDI,eAAe,EAAE;IACfC,GAAG,EAAE,uLAAuL;IAC5LC,IAAI,EAAE,OAAO;IACbL,MAAM,EAAE;EACV,CAAC;EACDM,2BAA2B,EAAE;IAC3BF,GAAG,EAAE,+UAA+U;IACpVC,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,CAAC;IACtCL,MAAM,EAAE;EACV;AAAC,GACEL,gBAAgB;EACnBY,MAAM,EAAEC,SAAS;EACjBC,OAAO,EAAED,SAAS;EAClBE,OAAO,EAAEF;AAAS,EACnB","ignoreList":[]}

package/extensions/forms/Field/PhoneNumber/PhoneNumber.js

@@ -8,7 +8,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useMemo, useContext, useCallback, useEffect, useRef } from 'react';
 import { Autocomplete } from '../../../../components';
 import classnames from 'classnames';
-import countries from '../../constants/countries';
+import useCountries from '../SelectCountry/useCountries';
 import StringField from '../String';
 import CompositionField from '../Composition';
 import { useFieldProps } from '../../hooks';
@@ -139,14 +139,18 @@ function PhoneNumber(props) {
   const filter = useCallback(country => {
     return countryFilter(country, filterCountries, ccFilter);
   }, [ccFilter, filterCountries]);
+  const {
+    countries
+  } = useCountries();
   const updateCurrentDataSet = useCallback(() => {
     dataRef.current = getCountryData({
+      countries,
       lang,
       filter: ccFilter === 'Prioritized' && !wasFilled.current ? country => `${formatCountryCode(country.cdc)}` === countryCodeRef.current : filter,
       sort: ccFilter,
       makeObject
     });
-  }, [lang, filter, ccFilter]);
+  }, [countries, lang, ccFilter, filter]);
   const prepareEventValues = useCallback(function () {
     var _currentCountryRef$cu;
     let {
@@ -251,7 +255,7 @@ function PhoneNumber(props) {
         });
       }
     }
-  }, [callOnChange, updateCurrentDataSet]);
+  }, [callOnChange, countries, updateCurrentDataSet]);
   const isDefault = (_countryCodeRef$curre = countryCodeRef.current) === null || _countryCodeRef$curre === void 0 ? void 0 : _countryCodeRef$curre.includes(defaultCountryCode);
   const fieldBlockProps = _objectSpread({
     id,

package/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumber.js","names":["React","useMemo","useContext","useCallback","useEffect","useRef","Autocomplete","classnames","countries","StringField","CompositionField","useFieldProps","pickSpacingProps","SharedContext","countryFilter","getCountryData","useTranslation","defaultCountryCode","defaultPlaceholder","defaultMask","PhoneNumber","props","_sharedContext$locale","_props$inputRef","_countryCodeRef$curre","sharedContext","label","defaultLabel","countryCodeLabel","defaultCountryCodeLabel","errorRequired","lang","locale","split","countryCodeRef","emptyValue","prevCountryCodeRef","current","numberRef","dataRef","langRef","wasFilled","currentCountryRef","errorMessages","_objectSpread","validateRequired","value","_ref","required","isChanged","error","countryCode","phoneNumber","splitValue","undefined","fromExternal","external","omitCountryCodeField","toEvent","schema","_props$schema","type","pattern","defaultProps","ref","preparedProps","inputRef","id","path","itemPath","className","countryCodeFieldClassName","numberFieldClassName","countryCodePlaceholder","placeholder","labelSrOnly","numberMask","ccFilter","info","warning","size","hasError","disabled","width","help","validateInitially","continuousValidation","validateContinuously","validateUnchanged","setHasFocus","handleChange","setDisplayValue","onCountryCodeChange","onNumberChange","filterCountries","_inputRef$current","number","length","joinValue","filter","country","updateCurrentDataSet","formatCountryCode","cdc","sort","makeObject","prepareEventValues","_currentCountryRef$cu","arguments","cdcVal","replace","item","find","_item$country","iso","callOnChange","data","eventValues","callOnBlurOrFocus","hasFocus","handleCountryCodeChange","_ref2","_data$selectedKey","selectedKey","trim","handleNumberChange","handleOnBlur","handleOnFocus","handleCountryCodeFocus","_ref3","updateData","onTypeHandler","_ref4","_event$nativeEvent","revalidateInputValue","event","nativeEvent","test","_ref5","window","requestAnimationFrame","isDefault","includes","fieldBlockProps","createElement","mode","label_direction","label_sr_only","status","on_focus","on_blur","on_change","on_type","independent_width","search_numbers","keep_selection","selectall","autoComplete","no_animation","noAnimation","layout","mask","Array","fill","onFocus","onBlur","onChange","innerRef","breakout","outset","inputMode","_country$i18n$lang","name","i18n","en","code","selected_value","search_content","content","match","slice","array","Boolean","join","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/PhoneNumber/PhoneNumber.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useContext,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react'\nimport { Autocomplete } from '../../../../components'\nimport { InputMaskedProps } from '../../../../components/InputMasked'\nimport classnames from 'classnames'\nimport countries, {\n  CountryISO,\n  type CountryLang,\n  type CountryType,\n} from '../../constants/countries'\nimport StringField, { Props as StringFieldProps } from '../String'\nimport { Props as FieldBlockProps } from '../../FieldBlock'\nimport CompositionField from '../Composition'\nimport { useFieldProps } from '../../hooks'\nimport {\n  FieldPropsWithExtraValue,\n  AllJSONSchemaVersions,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport SharedContext from '../../../../shared/Context'\nimport {\n  countryFilter,\n  CountryFilterSet,\n  getCountryData,\n} from '../SelectCountry'\nimport useTranslation from '../../hooks/useTranslation'\nimport { DrawerListDataArrayItem } from '../../../../fragments/DrawerList'\n\nexport type AdditionalArgs = {\n  phoneNumber: string\n  countryCode: string\n  iso: string\n}\n\nexport type Props = Omit<\n  FieldPropsWithExtraValue<string, AdditionalArgs, undefined | string>,\n  'layout' | 'layoutOptions'\n> & {\n  countryCodeFieldClassName?: string\n  numberFieldClassName?: string\n  countryCodePlaceholder?: string\n  countryCodeLabel?: string\n  numberMask?: InputMaskedProps['mask']\n  pattern?: StringFieldProps['pattern']\n  width?: 'large' | 'stretch'\n  inputRef?: React.RefObject<HTMLInputElement>\n  omitCountryCodeField?: boolean\n  onCountryCodeChange?: (value: string | undefined) => void\n  onNumberChange?: (value: string | undefined) => void\n\n  /**\n   * Defines the countries to filter. Can be `Scandinavia`, `Nordic`, `Europe` or `Prioritized`.\n   * Defaults to `Prioritized`.\n   */\n  countries?: CountryFilterSet\n\n  /**\n   * Use this prop to filter out certain countries. The function receives the country object and should return a boolean. Returning `false` will omit the country.\n   */\n  filterCountries?: (country: CountryType) => boolean\n\n  /**\n   * For internal testing purposes\n   */\n  noAnimation?: boolean\n} & Pick<StringFieldProps, 'size'>\n\n// Important for the default value to be defined here, and not after the useFieldProps call, to avoid the UI jumping\n// back to +47 once the user empty the field so handleChange send out undefined.\nconst defaultCountryCode = '+47'\nconst defaultPlaceholder = '00 00 00 00'\nconst defaultMask = [\n  /\\d/,\n  /\\d/,\n  ' ',\n  /\\d/,\n  /\\d/,\n  ' ',\n  /\\d/,\n  /\\d/,\n  ' ',\n  /\\d/,\n  /\\d/,\n]\n\ntype EventValues = {\n  countryCode?: string\n  phoneNumber?: string\n}\n\nfunction PhoneNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    label: defaultLabel,\n    countryCodeLabel: defaultCountryCodeLabel,\n    errorRequired,\n  } = useTranslation().PhoneNumber\n  const lang = sharedContext.locale?.split('-')[0] as CountryLang\n\n  const countryCodeRef = useRef<Props['value']>(props?.emptyValue)\n  const prevCountryCodeRef = useRef(countryCodeRef.current)\n  const numberRef = useRef<Props['value']>(props?.emptyValue)\n  const dataRef = useRef<Array<DrawerListDataArrayItem>>(null)\n  const langRef = useRef<string>(lang)\n  const wasFilled = useRef<boolean>(false)\n  const currentCountryRef = useRef<CountryType>()\n\n  const errorMessages = useMemo(\n    () => ({\n      'Field.errorRequired': errorRequired,\n      'Field.errorPattern': errorRequired,\n      ...props.errorMessages,\n    }),\n    [errorRequired, props.errorMessages]\n  )\n\n  const validateRequired = useCallback(\n    (value: string, { required, isChanged, error }) => {\n      if (required) {\n        const [countryCode, phoneNumber] = splitValue(value)\n\n        if (countryCode !== prevCountryCodeRef.current) {\n          if (countryCode) {\n            prevCountryCodeRef.current = countryCode\n          }\n          return undefined\n        }\n\n        if (isChanged && !phoneNumber) {\n          return error\n        }\n      }\n\n      return undefined\n    },\n    []\n  )\n\n  const fromExternal = useCallback(\n    (external: string) => {\n      const [countryCode, phoneNumber] = splitValue(external)\n      if (!countryCode && !phoneNumber && !props.omitCountryCodeField) {\n        return countryCodeRef.current\n      }\n      return external\n    },\n    [props.omitCountryCodeField]\n  )\n\n  const toEvent = useCallback(\n    (value: string) => {\n      const [, phoneNumber] = splitValue(value)\n      if (!phoneNumber) {\n        return props.emptyValue\n      }\n      return value\n    },\n    [props.emptyValue]\n  )\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  const defaultProps: Partial<Props> = {\n    schema,\n    errorMessages,\n  }\n  const ref = useRef<HTMLInputElement>()\n  const preparedProps: Props = {\n    ...props,\n    ...defaultProps,\n    validateRequired,\n    fromExternal,\n    toEvent,\n    inputRef: props.inputRef ?? ref,\n  }\n\n  const {\n    id,\n    path,\n    itemPath,\n    value,\n    className,\n    inputRef,\n    countryCodeFieldClassName,\n    numberFieldClassName,\n    countryCodePlaceholder,\n    placeholder,\n    countryCodeLabel,\n    label = defaultLabel,\n    labelSrOnly,\n    numberMask,\n    countries: ccFilter = 'Prioritized',\n    emptyValue,\n    info,\n    warning,\n    size,\n    error,\n    hasError,\n    disabled,\n    width = props.omitCountryCodeField ? 'medium' : 'large',\n    help,\n    required,\n    validateInitially,\n    continuousValidation,\n    validateContinuously,\n    validateUnchanged,\n    omitCountryCodeField,\n    setHasFocus,\n    handleChange,\n    setDisplayValue,\n    onCountryCodeChange,\n    onNumberChange,\n    filterCountries,\n  } = useFieldProps(preparedProps)\n\n  useEffect(() => {\n    if (path || itemPath) {\n      const number = inputRef.current?.value\n      setDisplayValue(\n        number?.length > 0\n          ? joinValue([countryCodeRef.current, number])\n          : undefined\n      )\n    }\n  }, [inputRef, itemPath, path, setDisplayValue, value])\n\n  const filter = useCallback(\n    (country: CountryType) => {\n      return countryFilter(country, filterCountries, ccFilter)\n    },\n    [ccFilter, filterCountries]\n  )\n\n  const updateCurrentDataSet = useCallback(() => {\n    dataRef.current = getCountryData({\n      lang,\n      filter:\n        // Make sure the whole cc list is displayed when cc filter is set to specific region\n        ccFilter === 'Prioritized' && !wasFilled.current\n          ? (country) =>\n              `${formatCountryCode(country.cdc)}` ===\n              countryCodeRef.current\n          : filter,\n      sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n      makeObject,\n    })\n  }, [lang, filter, ccFilter])\n\n  const prepareEventValues = useCallback(\n    ({\n      countryCode = countryCodeRef.current || emptyValue,\n      phoneNumber = numberRef.current || emptyValue,\n    }: EventValues = {}) => {\n      if (!currentCountryRef.current) {\n        type Item = DrawerListDataArrayItem & { country: CountryType }\n\n        const cdcVal = countryCode?.replace(/^\\+/, '')\n        const item = dataRef.current.find((item: Item) => {\n          const cdc = item?.country?.cdc\n          return cdc === cdcVal\n        }) as Item\n\n        currentCountryRef.current = item?.country\n      }\n\n      return {\n        ...(!omitCountryCodeField ? { countryCode } : {}),\n        phoneNumber,\n        iso: currentCountryRef.current?.iso as CountryISO,\n      }\n    },\n    [emptyValue, omitCountryCodeField]\n  )\n\n  const callOnChange = useCallback(\n    (data: EventValues) => {\n      const eventValues = prepareEventValues(data)\n      handleChange(\n        joinValue([eventValues.countryCode, eventValues.phoneNumber]),\n        eventValues\n      )\n    },\n    [prepareEventValues, handleChange]\n  )\n\n  const callOnBlurOrFocus = useCallback(\n    (hasFocus: boolean) => {\n      setHasFocus(hasFocus, undefined, prepareEventValues())\n    },\n    [prepareEventValues, setHasFocus]\n  )\n\n  /**\n   * We do not process the whole country list at the first render.\n   * Only when the Autocomplete opens (focus).\n   * To achieve this, we use memo instead of effect to update refs in sync.\n   *\n   * We set or update the data list depending on if the countrycode changes or lang changes.\n   * We then update countryCode and phoneNumber when value changes.\n   */\n  useMemo(() => {\n    const [countryCode, phoneNumber] = splitValue(props.value || value)\n    numberRef.current = phoneNumber\n\n    if (lang !== langRef.current || !wasFilled.current) {\n      if (!countryCodeRef.current || countryCode) {\n        countryCodeRef.current = countryCode || defaultCountryCode\n      }\n      langRef.current = lang\n\n      updateCurrentDataSet()\n    }\n  }, [value, props.value, lang, updateCurrentDataSet])\n\n  const handleCountryCodeChange = useCallback(\n    ({\n      data,\n    }: {\n      data: { selectedKey: string; country: CountryType }\n    }) => {\n      const countryCode = (countryCodeRef.current =\n        data?.selectedKey?.trim() || emptyValue)\n      currentCountryRef.current = data?.country\n\n      callOnChange({ countryCode })\n      onCountryCodeChange?.(countryCode)\n    },\n    [emptyValue, callOnChange, onCountryCodeChange]\n  )\n\n  const handleNumberChange = useCallback(\n    (value: string) => {\n      const phoneNumber = (numberRef.current = value || emptyValue)\n\n      callOnChange({ phoneNumber })\n      onNumberChange?.(phoneNumber)\n    },\n    [emptyValue, callOnChange, onNumberChange]\n  )\n\n  const handleOnBlur = useCallback(() => {\n    callOnBlurOrFocus(false)\n  }, [callOnBlurOrFocus])\n\n  const handleOnFocus = useCallback(() => {\n    callOnBlurOrFocus(true)\n  }, [callOnBlurOrFocus])\n\n  const handleCountryCodeFocus = useCallback(\n    ({ updateData }) => {\n      if (!wasFilled.current) {\n        wasFilled.current = true\n        updateCurrentDataSet()\n        updateData(dataRef.current)\n      }\n      handleOnFocus()\n    },\n    [handleOnFocus, updateCurrentDataSet]\n  )\n\n  const onTypeHandler = useCallback(\n    ({ value, updateData, revalidateInputValue, event }) => {\n      // Handle browser autofill/autocomplete\n      if (typeof event?.nativeEvent?.data === 'undefined') {\n        const cdcVal = /\\+\\d{1,3}\\s{1}\\d+/.test(value)\n          ? splitValue(value)[0]\n          : value\n        const country = countries.find(({ cdc }) => cdc === cdcVal)\n        if (country?.cdc) {\n          const countryCode = (countryCodeRef.current = formatCountryCode(\n            country.cdc\n          ))\n\n          updateCurrentDataSet()\n          updateData(dataRef.current)\n          callOnChange({ countryCode })\n\n          // To ensure correct input value,\n          // regardless if there is changed data before or not.\n          window.requestAnimationFrame(() => {\n            revalidateInputValue()\n          })\n        }\n      }\n    },\n    [callOnChange, updateCurrentDataSet]\n  )\n\n  const isDefault = countryCodeRef.current?.includes(defaultCountryCode)\n\n  const fieldBlockProps: FieldBlockProps = {\n    id,\n    className: classnames('dnb-forms-field-phone-number', className),\n    width,\n    label: undefined,\n    help: undefined,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <CompositionField {...fieldBlockProps}>\n      {!omitCountryCodeField && (\n        <Autocomplete\n          className={classnames(\n            'dnb-forms-field-phone-number__country-code',\n            countryCodeFieldClassName\n          )}\n          mode=\"async\"\n          placeholder={countryCodePlaceholder}\n          label_direction=\"vertical\"\n          label={countryCodeLabel ?? defaultCountryCodeLabel}\n          label_sr_only={labelSrOnly}\n          data={dataRef.current}\n          value={countryCodeRef.current}\n          status={hasError ? 'error' : undefined}\n          disabled={disabled}\n          on_focus={handleCountryCodeFocus}\n          on_blur={handleOnBlur}\n          on_change={handleCountryCodeChange}\n          on_type={onTypeHandler}\n          independent_width\n          search_numbers\n          keep_selection\n          selectall\n          autoComplete=\"tel-country-code\"\n          no_animation={props.noAnimation}\n          size={size}\n        />\n      )}\n      <StringField\n        className={classnames(\n          'dnb-forms-field-phone-number__number',\n          numberFieldClassName\n        )}\n        type=\"tel\"\n        autoComplete=\"tel-national\"\n        emptyValue={emptyValue}\n        layout=\"vertical\"\n        label={label}\n        labelSrOnly={labelSrOnly}\n        placeholder={\n          placeholder ?? (isDefault ? defaultPlaceholder : undefined)\n        }\n        mask={\n          numberMask ?? (isDefault ? defaultMask : Array(12).fill(/\\d/))\n        }\n        onFocus={handleOnFocus}\n        onBlur={handleOnBlur}\n        onChange={handleNumberChange}\n        value={numberRef.current}\n        innerRef={inputRef}\n        info={info}\n        warning={warning}\n        error={error}\n        disabled={disabled}\n        width=\"stretch\"\n        help={{ ...help, breakout: false, outset: false }}\n        required={required}\n        errorMessages={errorMessages}\n        validateInitially={validateInitially}\n        validateContinuously={continuousValidation || validateContinuously}\n        validateUnchanged={validateUnchanged}\n        inputMode=\"tel\"\n        size={size}\n      />\n    </CompositionField>\n  )\n}\n\nfunction makeObject(country: CountryType, lang: string) {\n  const name = country.i18n[lang] ?? country.i18n.en\n  const code = formatCountryCode(country.cdc)\n  return {\n    selectedKey: code,\n    selected_value: `${country.iso} (${code})`,\n    search_content: [code, name],\n    content: [name, code],\n    country,\n  }\n}\n\nfunction formatCountryCode(value: string) {\n  return `+${value}`\n}\n\nfunction splitValue(value: string) {\n  return (\n    typeof value === 'string'\n      ? value.match(/^(\\+[^ ]+)? ?(.*)$/)\n      : [undefined, '', '']\n  ).slice(1)\n}\n\nfunction joinValue(array: Array<string>) {\n  return array.filter(Boolean).join(' ')\n}\n\nPhoneNumber._supportsSpacingProps = true\nexport default PhoneNumber\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PhoneNumber.js","names":["React","useMemo","useContext","useCallback","useEffect","useRef","Autocomplete","classnames","useCountries","StringField","CompositionField","useFieldProps","pickSpacingProps","SharedContext","countryFilter","getCountryData","useTranslation","defaultCountryCode","defaultPlaceholder","defaultMask","PhoneNumber","props","_sharedContext$locale","_props$inputRef","_countryCodeRef$curre","sharedContext","label","defaultLabel","countryCodeLabel","defaultCountryCodeLabel","errorRequired","lang","locale","split","countryCodeRef","emptyValue","prevCountryCodeRef","current","numberRef","dataRef","langRef","wasFilled","currentCountryRef","errorMessages","_objectSpread","validateRequired","value","_ref","required","isChanged","error","countryCode","phoneNumber","splitValue","undefined","fromExternal","external","omitCountryCodeField","toEvent","schema","_props$schema","type","pattern","defaultProps","ref","preparedProps","inputRef","id","path","itemPath","className","countryCodeFieldClassName","numberFieldClassName","countryCodePlaceholder","placeholder","labelSrOnly","numberMask","countries","ccFilter","info","warning","size","hasError","disabled","width","help","validateInitially","continuousValidation","validateContinuously","validateUnchanged","setHasFocus","handleChange","setDisplayValue","onCountryCodeChange","onNumberChange","filterCountries","_inputRef$current","number","length","joinValue","filter","country","updateCurrentDataSet","formatCountryCode","cdc","sort","makeObject","prepareEventValues","_currentCountryRef$cu","arguments","cdcVal","replace","item","find","_item$country","iso","callOnChange","data","eventValues","callOnBlurOrFocus","hasFocus","handleCountryCodeChange","_ref2","_data$selectedKey","selectedKey","trim","handleNumberChange","handleOnBlur","handleOnFocus","handleCountryCodeFocus","_ref3","updateData","onTypeHandler","_ref4","_event$nativeEvent","revalidateInputValue","event","nativeEvent","test","_ref5","window","requestAnimationFrame","isDefault","includes","fieldBlockProps","createElement","mode","label_direction","label_sr_only","status","on_focus","on_blur","on_change","on_type","independent_width","search_numbers","keep_selection","selectall","autoComplete","no_animation","noAnimation","layout","mask","Array","fill","onFocus","onBlur","onChange","innerRef","breakout","outset","inputMode","_country$i18n$lang","name","i18n","en","code","selected_value","search_content","content","match","slice","array","Boolean","join","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/PhoneNumber/PhoneNumber.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useContext,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react'\nimport { Autocomplete } from '../../../../components'\nimport { InputMaskedProps } from '../../../../components/InputMasked'\nimport classnames from 'classnames'\nimport {\n  CountryISO,\n  type CountryLang,\n  type CountryType,\n} from '../../constants/countries'\nimport useCountries from '../SelectCountry/useCountries'\nimport StringField, { Props as StringFieldProps } from '../String'\nimport { Props as FieldBlockProps } from '../../FieldBlock'\nimport CompositionField from '../Composition'\nimport { useFieldProps } from '../../hooks'\nimport {\n  FieldPropsWithExtraValue,\n  AllJSONSchemaVersions,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport SharedContext from '../../../../shared/Context'\nimport {\n  countryFilter,\n  CountryFilterSet,\n  getCountryData,\n} from '../SelectCountry'\nimport useTranslation from '../../hooks/useTranslation'\nimport { DrawerListDataArrayItem } from '../../../../fragments/DrawerList'\n\nexport type AdditionalArgs = {\n  phoneNumber: string\n  countryCode: string\n  iso: string\n}\n\nexport type Props = Omit<\n  FieldPropsWithExtraValue<string, AdditionalArgs, undefined | string>,\n  'layout' | 'layoutOptions'\n> & {\n  countryCodeFieldClassName?: string\n  numberFieldClassName?: string\n  countryCodePlaceholder?: string\n  countryCodeLabel?: string\n  numberMask?: InputMaskedProps['mask']\n  pattern?: StringFieldProps['pattern']\n  width?: 'large' | 'stretch'\n  inputRef?: React.RefObject<HTMLInputElement>\n  omitCountryCodeField?: boolean\n  onCountryCodeChange?: (value: string | undefined) => void\n  onNumberChange?: (value: string | undefined) => void\n\n  /**\n   * Defines the countries to filter. Can be `Scandinavia`, `Nordic`, `Europe` or `Prioritized`.\n   * Defaults to `Prioritized`.\n   */\n  countries?: CountryFilterSet\n\n  /**\n   * Use this prop to filter out certain countries. The function receives the country object and should return a boolean. Returning `false` will omit the country.\n   */\n  filterCountries?: (country: CountryType) => boolean\n\n  /**\n   * For internal testing purposes\n   */\n  noAnimation?: boolean\n} & Pick<StringFieldProps, 'size'>\n\n// Important for the default value to be defined here, and not after the useFieldProps call, to avoid the UI jumping\n// back to +47 once the user empty the field so handleChange send out undefined.\nconst defaultCountryCode = '+47'\nconst defaultPlaceholder = '00 00 00 00'\nconst defaultMask = [\n  /\\d/,\n  /\\d/,\n  ' ',\n  /\\d/,\n  /\\d/,\n  ' ',\n  /\\d/,\n  /\\d/,\n  ' ',\n  /\\d/,\n  /\\d/,\n]\n\ntype EventValues = {\n  countryCode?: string\n  phoneNumber?: string\n}\n\nfunction PhoneNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    label: defaultLabel,\n    countryCodeLabel: defaultCountryCodeLabel,\n    errorRequired,\n  } = useTranslation().PhoneNumber\n  const lang = sharedContext.locale?.split('-')[0] as CountryLang\n\n  const countryCodeRef = useRef<Props['value']>(props?.emptyValue)\n  const prevCountryCodeRef = useRef(countryCodeRef.current)\n  const numberRef = useRef<Props['value']>(props?.emptyValue)\n  const dataRef = useRef<Array<DrawerListDataArrayItem>>(null)\n  const langRef = useRef<string>(lang)\n  const wasFilled = useRef<boolean>(false)\n  const currentCountryRef = useRef<CountryType>()\n\n  const errorMessages = useMemo(\n    () => ({\n      'Field.errorRequired': errorRequired,\n      'Field.errorPattern': errorRequired,\n      ...props.errorMessages,\n    }),\n    [errorRequired, props.errorMessages]\n  )\n\n  const validateRequired = useCallback(\n    (value: string, { required, isChanged, error }) => {\n      if (required) {\n        const [countryCode, phoneNumber] = splitValue(value)\n\n        if (countryCode !== prevCountryCodeRef.current) {\n          if (countryCode) {\n            prevCountryCodeRef.current = countryCode\n          }\n          return undefined\n        }\n\n        if (isChanged && !phoneNumber) {\n          return error\n        }\n      }\n\n      return undefined\n    },\n    []\n  )\n\n  const fromExternal = useCallback(\n    (external: string) => {\n      const [countryCode, phoneNumber] = splitValue(external)\n      if (!countryCode && !phoneNumber && !props.omitCountryCodeField) {\n        return countryCodeRef.current\n      }\n      return external\n    },\n    [props.omitCountryCodeField]\n  )\n\n  const toEvent = useCallback(\n    (value: string) => {\n      const [, phoneNumber] = splitValue(value)\n      if (!phoneNumber) {\n        return props.emptyValue\n      }\n      return value\n    },\n    [props.emptyValue]\n  )\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  const defaultProps: Partial<Props> = {\n    schema,\n    errorMessages,\n  }\n  const ref = useRef<HTMLInputElement>()\n  const preparedProps: Props = {\n    ...props,\n    ...defaultProps,\n    validateRequired,\n    fromExternal,\n    toEvent,\n    inputRef: props.inputRef ?? ref,\n  }\n\n  const {\n    id,\n    path,\n    itemPath,\n    value,\n    className,\n    inputRef,\n    countryCodeFieldClassName,\n    numberFieldClassName,\n    countryCodePlaceholder,\n    placeholder,\n    countryCodeLabel,\n    label = defaultLabel,\n    labelSrOnly,\n    numberMask,\n    countries: ccFilter = 'Prioritized',\n    emptyValue,\n    info,\n    warning,\n    size,\n    error,\n    hasError,\n    disabled,\n    width = props.omitCountryCodeField ? 'medium' : 'large',\n    help,\n    required,\n    validateInitially,\n    continuousValidation,\n    validateContinuously,\n    validateUnchanged,\n    omitCountryCodeField,\n    setHasFocus,\n    handleChange,\n    setDisplayValue,\n    onCountryCodeChange,\n    onNumberChange,\n    filterCountries,\n  } = useFieldProps(preparedProps)\n\n  useEffect(() => {\n    if (path || itemPath) {\n      const number = inputRef.current?.value\n      setDisplayValue(\n        number?.length > 0\n          ? joinValue([countryCodeRef.current, number])\n          : undefined\n      )\n    }\n  }, [inputRef, itemPath, path, setDisplayValue, value])\n\n  const filter = useCallback(\n    (country: CountryType) => {\n      return countryFilter(country, filterCountries, ccFilter)\n    },\n    [ccFilter, filterCountries]\n  )\n\n  const { countries } = useCountries()\n\n  const updateCurrentDataSet = useCallback(() => {\n    dataRef.current = getCountryData({\n      countries,\n      lang,\n      filter:\n        // Make sure the whole cc list is displayed when cc filter is set to specific region\n        ccFilter === 'Prioritized' && !wasFilled.current\n          ? (country) =>\n              `${formatCountryCode(country.cdc)}` ===\n              countryCodeRef.current\n          : filter,\n      sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n      makeObject,\n    })\n  }, [countries, lang, ccFilter, filter])\n\n  const prepareEventValues = useCallback(\n    ({\n      countryCode = countryCodeRef.current || emptyValue,\n      phoneNumber = numberRef.current || emptyValue,\n    }: EventValues = {}) => {\n      if (!currentCountryRef.current) {\n        type Item = DrawerListDataArrayItem & { country: CountryType }\n\n        const cdcVal = countryCode?.replace(/^\\+/, '')\n        const item = dataRef.current.find((item: Item) => {\n          const cdc = item?.country?.cdc\n          return cdc === cdcVal\n        }) as Item\n\n        currentCountryRef.current = item?.country\n      }\n\n      return {\n        ...(!omitCountryCodeField ? { countryCode } : {}),\n        phoneNumber,\n        iso: currentCountryRef.current?.iso as CountryISO,\n      }\n    },\n    [emptyValue, omitCountryCodeField]\n  )\n\n  const callOnChange = useCallback(\n    (data: EventValues) => {\n      const eventValues = prepareEventValues(data)\n      handleChange(\n        joinValue([eventValues.countryCode, eventValues.phoneNumber]),\n        eventValues\n      )\n    },\n    [prepareEventValues, handleChange]\n  )\n\n  const callOnBlurOrFocus = useCallback(\n    (hasFocus: boolean) => {\n      setHasFocus(hasFocus, undefined, prepareEventValues())\n    },\n    [prepareEventValues, setHasFocus]\n  )\n\n  /**\n   * We do not process the whole country list at the first render.\n   * Only when the Autocomplete opens (focus).\n   * To achieve this, we use memo instead of effect to update refs in sync.\n   *\n   * We set or update the data list depending on if the countrycode changes or lang changes.\n   * We then update countryCode and phoneNumber when value changes.\n   */\n  useMemo(() => {\n    const [countryCode, phoneNumber] = splitValue(props.value || value)\n    numberRef.current = phoneNumber\n\n    if (lang !== langRef.current || !wasFilled.current) {\n      if (!countryCodeRef.current || countryCode) {\n        countryCodeRef.current = countryCode || defaultCountryCode\n      }\n      langRef.current = lang\n\n      updateCurrentDataSet()\n    }\n  }, [value, props.value, lang, updateCurrentDataSet])\n\n  const handleCountryCodeChange = useCallback(\n    ({\n      data,\n    }: {\n      data: { selectedKey: string; country: CountryType }\n    }) => {\n      const countryCode = (countryCodeRef.current =\n        data?.selectedKey?.trim() || emptyValue)\n      currentCountryRef.current = data?.country\n\n      callOnChange({ countryCode })\n      onCountryCodeChange?.(countryCode)\n    },\n    [emptyValue, callOnChange, onCountryCodeChange]\n  )\n\n  const handleNumberChange = useCallback(\n    (value: string) => {\n      const phoneNumber = (numberRef.current = value || emptyValue)\n\n      callOnChange({ phoneNumber })\n      onNumberChange?.(phoneNumber)\n    },\n    [emptyValue, callOnChange, onNumberChange]\n  )\n\n  const handleOnBlur = useCallback(() => {\n    callOnBlurOrFocus(false)\n  }, [callOnBlurOrFocus])\n\n  const handleOnFocus = useCallback(() => {\n    callOnBlurOrFocus(true)\n  }, [callOnBlurOrFocus])\n\n  const handleCountryCodeFocus = useCallback(\n    ({ updateData }) => {\n      if (!wasFilled.current) {\n        wasFilled.current = true\n        updateCurrentDataSet()\n        updateData(dataRef.current)\n      }\n      handleOnFocus()\n    },\n    [handleOnFocus, updateCurrentDataSet]\n  )\n\n  const onTypeHandler = useCallback(\n    ({ value, updateData, revalidateInputValue, event }) => {\n      // Handle browser autofill/autocomplete\n      if (typeof event?.nativeEvent?.data === 'undefined') {\n        const cdcVal = /\\+\\d{1,3}\\s{1}\\d+/.test(value)\n          ? splitValue(value)[0]\n          : value\n        const country = countries.find(({ cdc }) => cdc === cdcVal)\n        if (country?.cdc) {\n          const countryCode = (countryCodeRef.current = formatCountryCode(\n            country.cdc\n          ))\n\n          updateCurrentDataSet()\n          updateData(dataRef.current)\n          callOnChange({ countryCode })\n\n          // To ensure correct input value,\n          // regardless if there is changed data before or not.\n          window.requestAnimationFrame(() => {\n            revalidateInputValue()\n          })\n        }\n      }\n    },\n    [callOnChange, countries, updateCurrentDataSet]\n  )\n\n  const isDefault = countryCodeRef.current?.includes(defaultCountryCode)\n\n  const fieldBlockProps: FieldBlockProps = {\n    id,\n    className: classnames('dnb-forms-field-phone-number', className),\n    width,\n    label: undefined,\n    help: undefined,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <CompositionField {...fieldBlockProps}>\n      {!omitCountryCodeField && (\n        <Autocomplete\n          className={classnames(\n            'dnb-forms-field-phone-number__country-code',\n            countryCodeFieldClassName\n          )}\n          mode=\"async\"\n          placeholder={countryCodePlaceholder}\n          label_direction=\"vertical\"\n          label={countryCodeLabel ?? defaultCountryCodeLabel}\n          label_sr_only={labelSrOnly}\n          data={dataRef.current}\n          value={countryCodeRef.current}\n          status={hasError ? 'error' : undefined}\n          disabled={disabled}\n          on_focus={handleCountryCodeFocus}\n          on_blur={handleOnBlur}\n          on_change={handleCountryCodeChange}\n          on_type={onTypeHandler}\n          independent_width\n          search_numbers\n          keep_selection\n          selectall\n          autoComplete=\"tel-country-code\"\n          no_animation={props.noAnimation}\n          size={size}\n        />\n      )}\n      <StringField\n        className={classnames(\n          'dnb-forms-field-phone-number__number',\n          numberFieldClassName\n        )}\n        type=\"tel\"\n        autoComplete=\"tel-national\"\n        emptyValue={emptyValue}\n        layout=\"vertical\"\n        label={label}\n        labelSrOnly={labelSrOnly}\n        placeholder={\n          placeholder ?? (isDefault ? defaultPlaceholder : undefined)\n        }\n        mask={\n          numberMask ?? (isDefault ? defaultMask : Array(12).fill(/\\d/))\n        }\n        onFocus={handleOnFocus}\n        onBlur={handleOnBlur}\n        onChange={handleNumberChange}\n        value={numberRef.current}\n        innerRef={inputRef}\n        info={info}\n        warning={warning}\n        error={error}\n        disabled={disabled}\n        width=\"stretch\"\n        help={{ ...help, breakout: false, outset: false }}\n        required={required}\n        errorMessages={errorMessages}\n        validateInitially={validateInitially}\n        validateContinuously={continuousValidation || validateContinuously}\n        validateUnchanged={validateUnchanged}\n        inputMode=\"tel\"\n        size={size}\n      />\n    </CompositionField>\n  )\n}\n\nfunction makeObject(country: CountryType, lang: string) {\n  const name = country.i18n[lang] ?? country.i18n.en\n  const code = formatCountryCode(country.cdc)\n  return {\n    selectedKey: code,\n    selected_value: `${country.iso} (${code})`,\n    search_content: [code, name],\n    content: [name, code],\n    country,\n  }\n}\n\nfunction formatCountryCode(value: string) {\n  return `+${value}`\n}\n\nfunction splitValue(value: string) {\n  return (\n    typeof value === 'string'\n      ? value.match(/^(\\+[^ ]+)? ?(.*)$/)\n      : [undefined, '', '']\n  ).slice(1)\n}\n\nfunction joinValue(array: Array<string>) {\n  return array.filter(Boolean).join(' ')\n}\n\nPhoneNumber._supportsSpacingProps = true\nexport default PhoneNumber\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,IACVC,OAAO,EACPC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,MAAM,QACD,OAAO;AACd,SAASC,YAAY,QAAQ,wBAAwB;AAErD,OAAOC,UAAU,MAAM,YAAY;AAMnC,OAAOC,YAAY,MAAM,+BAA+B;AACxD,OAAOC,WAAW,MAAqC,WAAW;AAElE,OAAOC,gBAAgB,MAAM,gBAAgB;AAC7C,SAASC,aAAa,QAAQ,aAAa;AAK3C,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,OAAOC,aAAa,MAAM,4BAA4B;AACtD,SACEC,aAAa,EAEbC,cAAc,QACT,kBAAkB;AACzB,OAAOC,cAAc,MAAM,4BAA4B;AA4CvD,MAAMC,kBAAkB,GAAG,KAAK;AAChC,MAAMC,kBAAkB,GAAG,aAAa;AACxC,MAAMC,WAAW,GAAG,CAClB,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,CACL;AAOD,SAASC,WAAWA,CAACC,KAAY,EAAE;EAAA,IAAAC,qBAAA,EAAAC,eAAA,EAAAC,qBAAA;EACjC,MAAMC,aAAa,GAAGvB,UAAU,CAACW,aAAa,CAAC;EAC/C,MAAM;IACJa,KAAK,EAAEC,YAAY;IACnBC,gBAAgB,EAAEC,uBAAuB;IACzCC;EACF,CAAC,GAAGd,cAAc,CAAC,CAAC,CAACI,WAAW;EAChC,MAAMW,IAAI,IAAAT,qBAAA,GAAGG,aAAa,CAACO,MAAM,cAAAV,qBAAA,uBAApBA,qBAAA,CAAsBW,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAgB;EAE/D,MAAMC,cAAc,GAAG7B,MAAM,CAAiBgB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEc,UAAU,CAAC;EAChE,MAAMC,kBAAkB,GAAG/B,MAAM,CAAC6B,cAAc,CAACG,OAAO,CAAC;EACzD,MAAMC,SAAS,GAAGjC,MAAM,CAAiBgB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEc,UAAU,CAAC;EAC3D,MAAMI,OAAO,GAAGlC,MAAM,CAAiC,IAAI,CAAC;EAC5D,MAAMmC,OAAO,GAAGnC,MAAM,CAAS0B,IAAI,CAAC;EACpC,MAAMU,SAAS,GAAGpC,MAAM,CAAU,KAAK,CAAC;EACxC,MAAMqC,iBAAiB,GAAGrC,MAAM,CAAc,CAAC;EAE/C,MAAMsC,aAAa,GAAG1C,OAAO,CAC3B,MAAA2C,aAAA;IACE,qBAAqB,EAAEd,aAAa;IACpC,oBAAoB,EAAEA;EAAa,GAChCT,KAAK,CAACsB,aAAa,CACtB,EACF,CAACb,aAAa,EAAET,KAAK,CAACsB,aAAa,CACrC,CAAC;EAED,MAAME,gBAAgB,GAAG1C,WAAW,CAClC,CAAC2C,KAAa,EAAAC,IAAA,KAAqC;IAAA,IAAnC;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAM,CAAC,GAAAH,IAAA;IAC5C,IAAIC,QAAQ,EAAE;MACZ,MAAM,CAACG,WAAW,EAAEC,WAAW,CAAC,GAAGC,UAAU,CAACP,KAAK,CAAC;MAEpD,IAAIK,WAAW,KAAKf,kBAAkB,CAACC,OAAO,EAAE;QAC9C,IAAIc,WAAW,EAAE;UACff,kBAAkB,CAACC,OAAO,GAAGc,WAAW;QAC1C;QACA,OAAOG,SAAS;MAClB;MAEA,IAAIL,SAAS,IAAI,CAACG,WAAW,EAAE;QAC7B,OAAOF,KAAK;MACd;IACF;IAEA,OAAOI,SAAS;EAClB,CAAC,EACD,EACF,CAAC;EAED,MAAMC,YAAY,GAAGpD,WAAW,CAC7BqD,QAAgB,IAAK;IACpB,MAAM,CAACL,WAAW,EAAEC,WAAW,CAAC,GAAGC,UAAU,CAACG,QAAQ,CAAC;IACvD,IAAI,CAACL,WAAW,IAAI,CAACC,WAAW,IAAI,CAAC/B,KAAK,CAACoC,oBAAoB,EAAE;MAC/D,OAAOvB,cAAc,CAACG,OAAO;IAC/B;IACA,OAAOmB,QAAQ;EACjB,CAAC,EACD,CAACnC,KAAK,CAACoC,oBAAoB,CAC7B,CAAC;EAED,MAAMC,OAAO,GAAGvD,WAAW,CACxB2C,KAAa,IAAK;IACjB,MAAM,GAAGM,WAAW,CAAC,GAAGC,UAAU,CAACP,KAAK,CAAC;IACzC,IAAI,CAACM,WAAW,EAAE;MAChB,OAAO/B,KAAK,CAACc,UAAU;IACzB;IACA,OAAOW,KAAK;EACd,CAAC,EACD,CAACzB,KAAK,CAACc,UAAU,CACnB,CAAC;EAED,MAAMwB,MAAM,GAAG1D,OAAO,CACpB;IAAA,IAAA2D,aAAA;IAAA,QAAAA,aAAA,GACEvC,KAAK,CAACsC,MAAM,cAAAC,aAAA,cAAAA,aAAA,GAAI;MACdC,IAAI,EAAE,QAAQ;MACdC,OAAO,EAAEzC,KAAK,CAACyC;IACjB,CAAC;EAAA,GACH,CAACzC,KAAK,CAACsC,MAAM,EAAEtC,KAAK,CAACyC,OAAO,CAC9B,CAAC;EACD,MAAMC,YAA4B,GAAG;IACnCJ,MAAM;IACNhB;EACF,CAAC;EACD,MAAMqB,GAAG,GAAG3D,MAAM,CAAmB,CAAC;EACtC,MAAM4D,aAAoB,GAAArB,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACrBvB,KAAK,GACL0C,YAAY;IACflB,gBAAgB;IAChBU,YAAY;IACZG,OAAO;IACPQ,QAAQ,GAAA3C,eAAA,GAAEF,KAAK,CAAC6C,QAAQ,cAAA3C,eAAA,cAAAA,eAAA,GAAIyC;EAAG,EAChC;EAED,MAAM;IACJG,EAAE;IACFC,IAAI;IACJC,QAAQ;IACRvB,KAAK;IACLwB,SAAS;IACTJ,QAAQ;IACRK,yBAAyB;IACzBC,oBAAoB;IACpBC,sBAAsB;IACtBC,WAAW;IACX9C,gBAAgB;IAChBF,KAAK,GAAGC,YAAY;IACpBgD,WAAW;IACXC,UAAU;IACVC,SAAS,EAAEC,QAAQ,GAAG,aAAa;IACnC3C,UAAU;IACV4C,IAAI;IACJC,OAAO;IACPC,IAAI;IACJ/B,KAAK;IACLgC,QAAQ;IACRC,QAAQ;IACRC,KAAK,GAAG/D,KAAK,CAACoC,oBAAoB,GAAG,QAAQ,GAAG,OAAO;IACvD4B,IAAI;IACJrC,QAAQ;IACRsC,iBAAiB;IACjBC,oBAAoB;IACpBC,oBAAoB;IACpBC,iBAAiB;IACjBhC,oBAAoB;IACpBiC,WAAW;IACXC,YAAY;IACZC,eAAe;IACfC,mBAAmB;IACnBC,cAAc;IACdC;EACF,CAAC,GAAGpF,aAAa,CAACsD,aAAa,CAAC;EAEhC7D,SAAS,CAAC,MAAM;IACd,IAAIgE,IAAI,IAAIC,QAAQ,EAAE;MAAA,IAAA2B,iBAAA;MACpB,MAAMC,MAAM,IAAAD,iBAAA,GAAG9B,QAAQ,CAAC7B,OAAO,cAAA2D,iBAAA,uBAAhBA,iBAAA,CAAkBlD,KAAK;MACtC8C,eAAe,CACb,CAAAK,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEC,MAAM,IAAG,CAAC,GACdC,SAAS,CAAC,CAACjE,cAAc,CAACG,OAAO,EAAE4D,MAAM,CAAC,CAAC,GAC3C3C,SACN,CAAC;IACH;EACF,CAAC,EAAE,CAACY,QAAQ,EAAEG,QAAQ,EAAED,IAAI,EAAEwB,eAAe,EAAE9C,KAAK,CAAC,CAAC;EAEtD,MAAMsD,MAAM,GAAGjG,WAAW,CACvBkG,OAAoB,IAAK;IACxB,OAAOvF,aAAa,CAACuF,OAAO,EAAEN,eAAe,EAAEjB,QAAQ,CAAC;EAC1D,CAAC,EACD,CAACA,QAAQ,EAAEiB,eAAe,CAC5B,CAAC;EAED,MAAM;IAAElB;EAAU,CAAC,GAAGrE,YAAY,CAAC,CAAC;EAEpC,MAAM8F,oBAAoB,GAAGnG,WAAW,CAAC,MAAM;IAC7CoC,OAAO,CAACF,OAAO,GAAGtB,cAAc,CAAC;MAC/B8D,SAAS;MACT9C,IAAI;MACJqE,MAAM,EAEJtB,QAAQ,KAAK,aAAa,IAAI,CAACrC,SAAS,CAACJ,OAAO,GAC3CgE,OAAO,IACN,GAAGE,iBAAiB,CAACF,OAAO,CAACG,GAAG,CAAC,EAAE,KACnCtE,cAAc,CAACG,OAAO,GACxB+D,MAAM;MACZK,IAAI,EAAE3B,QAAoD;MAC1D4B;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAAC7B,SAAS,EAAE9C,IAAI,EAAE+C,QAAQ,EAAEsB,MAAM,CAAC,CAAC;EAEvC,MAAMO,kBAAkB,GAAGxG,WAAW,CACpC,YAGwB;IAAA,IAAAyG,qBAAA;IAAA,IAHvB;MACCzD,WAAW,GAAGjB,cAAc,CAACG,OAAO,IAAIF,UAAU;MAClDiB,WAAW,GAAGd,SAAS,CAACD,OAAO,IAAIF;IACxB,CAAC,GAAA0E,SAAA,CAAAX,MAAA,QAAAW,SAAA,QAAAvD,SAAA,GAAAuD,SAAA,MAAG,CAAC,CAAC;IACjB,IAAI,CAACnE,iBAAiB,CAACL,OAAO,EAAE;MAG9B,MAAMyE,MAAM,GAAG3D,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE4D,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;MAC9C,MAAMC,IAAI,GAAGzE,OAAO,CAACF,OAAO,CAAC4E,IAAI,CAAED,IAAU,IAAK;QAAA,IAAAE,aAAA;QAChD,MAAMV,GAAG,GAAGQ,IAAI,aAAJA,IAAI,wBAAAE,aAAA,GAAJF,IAAI,CAAEX,OAAO,cAAAa,aAAA,uBAAbA,aAAA,CAAeV,GAAG;QAC9B,OAAOA,GAAG,KAAKM,MAAM;MACvB,CAAC,CAAS;MAEVpE,iBAAiB,CAACL,OAAO,GAAG2E,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEX,OAAO;IAC3C;IAEA,OAAAzD,aAAA,CAAAA,aAAA,KACM,CAACa,oBAAoB,GAAG;MAAEN;IAAY,CAAC,GAAG,CAAC,CAAC;MAChDC,WAAW;MACX+D,GAAG,GAAAP,qBAAA,GAAElE,iBAAiB,CAACL,OAAO,cAAAuE,qBAAA,uBAAzBA,qBAAA,CAA2BO;IAAiB;EAErD,CAAC,EACD,CAAChF,UAAU,EAAEsB,oBAAoB,CACnC,CAAC;EAED,MAAM2D,YAAY,GAAGjH,WAAW,CAC7BkH,IAAiB,IAAK;IACrB,MAAMC,WAAW,GAAGX,kBAAkB,CAACU,IAAI,CAAC;IAC5C1B,YAAY,CACVQ,SAAS,CAAC,CAACmB,WAAW,CAACnE,WAAW,EAAEmE,WAAW,CAAClE,WAAW,CAAC,CAAC,EAC7DkE,WACF,CAAC;EACH,CAAC,EACD,CAACX,kBAAkB,EAAEhB,YAAY,CACnC,CAAC;EAED,MAAM4B,iBAAiB,GAAGpH,WAAW,CAClCqH,QAAiB,IAAK;IACrB9B,WAAW,CAAC8B,QAAQ,EAAElE,SAAS,EAAEqD,kBAAkB,CAAC,CAAC,CAAC;EACxD,CAAC,EACD,CAACA,kBAAkB,EAAEjB,WAAW,CAClC,CAAC;EAUDzF,OAAO,CAAC,MAAM;IACZ,MAAM,CAACkD,WAAW,EAAEC,WAAW,CAAC,GAAGC,UAAU,CAAChC,KAAK,CAACyB,KAAK,IAAIA,KAAK,CAAC;IACnER,SAAS,CAACD,OAAO,GAAGe,WAAW;IAE/B,IAAIrB,IAAI,KAAKS,OAAO,CAACH,OAAO,IAAI,CAACI,SAAS,CAACJ,OAAO,EAAE;MAClD,IAAI,CAACH,cAAc,CAACG,OAAO,IAAIc,WAAW,EAAE;QAC1CjB,cAAc,CAACG,OAAO,GAAGc,WAAW,IAAIlC,kBAAkB;MAC5D;MACAuB,OAAO,CAACH,OAAO,GAAGN,IAAI;MAEtBuE,oBAAoB,CAAC,CAAC;IACxB;EACF,CAAC,EAAE,CAACxD,KAAK,EAAEzB,KAAK,CAACyB,KAAK,EAAEf,IAAI,EAAEuE,oBAAoB,CAAC,CAAC;EAEpD,MAAMmB,uBAAuB,GAAGtH,WAAW,CACzCuH,KAAA,IAIM;IAAA,IAAAC,iBAAA;IAAA,IAJL;MACCN;IAGF,CAAC,GAAAK,KAAA;IACC,MAAMvE,WAAW,GAAIjB,cAAc,CAACG,OAAO,GACzC,CAAAgF,IAAI,aAAJA,IAAI,wBAAAM,iBAAA,GAAJN,IAAI,CAAEO,WAAW,cAAAD,iBAAA,uBAAjBA,iBAAA,CAAmBE,IAAI,CAAC,CAAC,KAAI1F,UAAW;IAC1CO,iBAAiB,CAACL,OAAO,GAAGgF,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEhB,OAAO;IAEzCe,YAAY,CAAC;MAAEjE;IAAY,CAAC,CAAC;IAC7B0C,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG1C,WAAW,CAAC;EACpC,CAAC,EACD,CAAChB,UAAU,EAAEiF,YAAY,EAAEvB,mBAAmB,CAChD,CAAC;EAED,MAAMiC,kBAAkB,GAAG3H,WAAW,CACnC2C,KAAa,IAAK;IACjB,MAAMM,WAAW,GAAId,SAAS,CAACD,OAAO,GAAGS,KAAK,IAAIX,UAAW;IAE7DiF,YAAY,CAAC;MAAEhE;IAAY,CAAC,CAAC;IAC7B0C,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAG1C,WAAW,CAAC;EAC/B,CAAC,EACD,CAACjB,UAAU,EAAEiF,YAAY,EAAEtB,cAAc,CAC3C,CAAC;EAED,MAAMiC,YAAY,GAAG5H,WAAW,CAAC,MAAM;IACrCoH,iBAAiB,CAAC,KAAK,CAAC;EAC1B,CAAC,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAEvB,MAAMS,aAAa,GAAG7H,WAAW,CAAC,MAAM;IACtCoH,iBAAiB,CAAC,IAAI,CAAC;EACzB,CAAC,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAEvB,MAAMU,sBAAsB,GAAG9H,WAAW,CACxC+H,KAAA,IAAoB;IAAA,IAAnB;MAAEC;IAAW,CAAC,GAAAD,KAAA;IACb,IAAI,CAACzF,SAAS,CAACJ,OAAO,EAAE;MACtBI,SAAS,CAACJ,OAAO,GAAG,IAAI;MACxBiE,oBAAoB,CAAC,CAAC;MACtB6B,UAAU,CAAC5F,OAAO,CAACF,OAAO,CAAC;IAC7B;IACA2F,aAAa,CAAC,CAAC;EACjB,CAAC,EACD,CAACA,aAAa,EAAE1B,oBAAoB,CACtC,CAAC;EAED,MAAM8B,aAAa,GAAGjI,WAAW,CAC/BkI,KAAA,IAAwD;IAAA,IAAAC,kBAAA;IAAA,IAAvD;MAAExF,KAAK;MAAEqF,UAAU;MAAEI,oBAAoB;MAAEC;IAAM,CAAC,GAAAH,KAAA;IAEjD,IAAI,QAAOG,KAAK,aAALA,KAAK,wBAAAF,kBAAA,GAALE,KAAK,CAAEC,WAAW,cAAAH,kBAAA,uBAAlBA,kBAAA,CAAoBjB,IAAI,MAAK,WAAW,EAAE;MACnD,MAAMP,MAAM,GAAG,mBAAmB,CAAC4B,IAAI,CAAC5F,KAAK,CAAC,GAC1CO,UAAU,CAACP,KAAK,CAAC,CAAC,CAAC,CAAC,GACpBA,KAAK;MACT,MAAMuD,OAAO,GAAGxB,SAAS,CAACoC,IAAI,CAAC0B,KAAA;QAAA,IAAC;UAAEnC;QAAI,CAAC,GAAAmC,KAAA;QAAA,OAAKnC,GAAG,KAAKM,MAAM;MAAA,EAAC;MAC3D,IAAIT,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEG,GAAG,EAAE;QAChB,MAAMrD,WAAW,GAAIjB,cAAc,CAACG,OAAO,GAAGkE,iBAAiB,CAC7DF,OAAO,CAACG,GACV,CAAE;QAEFF,oBAAoB,CAAC,CAAC;QACtB6B,UAAU,CAAC5F,OAAO,CAACF,OAAO,CAAC;QAC3B+E,YAAY,CAAC;UAAEjE;QAAY,CAAC,CAAC;QAI7ByF,MAAM,CAACC,qBAAqB,CAAC,MAAM;UACjCN,oBAAoB,CAAC,CAAC;QACxB,CAAC,CAAC;MACJ;IACF;EACF,CAAC,EACD,CAACnB,YAAY,EAAEvC,SAAS,EAAEyB,oBAAoB,CAChD,CAAC;EAED,MAAMwC,SAAS,IAAAtH,qBAAA,GAAGU,cAAc,CAACG,OAAO,cAAAb,qBAAA,uBAAtBA,qBAAA,CAAwBuH,QAAQ,CAAC9H,kBAAkB,CAAC;EAEtE,MAAM+H,eAAgC,GAAApG,aAAA;IACpCuB,EAAE;IACFG,SAAS,EAAE/D,UAAU,CAAC,8BAA8B,EAAE+D,SAAS,CAAC;IAChEc,KAAK;IACL1D,KAAK,EAAE4B,SAAS;IAChB+B,IAAI,EAAE/B;EAAS,GACZ1C,gBAAgB,CAACS,KAAK,CAAC,CAC3B;EAED,OACErB,KAAA,CAAAiJ,aAAA,CAACvI,gBAAgB,EAAKsI,eAAe,EAClC,CAACvF,oBAAoB,IACpBzD,KAAA,CAAAiJ,aAAA,CAAC3I,YAAY;IACXgE,SAAS,EAAE/D,UAAU,CACnB,4CAA4C,EAC5CgE,yBACF,CAAE;IACF2E,IAAI,EAAC,OAAO;IACZxE,WAAW,EAAED,sBAAuB;IACpC0E,eAAe,EAAC,UAAU;IAC1BzH,KAAK,EAAEE,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAIC,uBAAwB;IACnDuH,aAAa,EAAEzE,WAAY;IAC3B0C,IAAI,EAAE9E,OAAO,CAACF,OAAQ;IACtBS,KAAK,EAAEZ,cAAc,CAACG,OAAQ;IAC9BgH,MAAM,EAAEnE,QAAQ,GAAG,OAAO,GAAG5B,SAAU;IACvC6B,QAAQ,EAAEA,QAAS;IACnBmE,QAAQ,EAAErB,sBAAuB;IACjCsB,OAAO,EAAExB,YAAa;IACtByB,SAAS,EAAE/B,uBAAwB;IACnCgC,OAAO,EAAErB,aAAc;IACvBsB,iBAAiB;IACjBC,cAAc;IACdC,cAAc;IACdC,SAAS;IACTC,YAAY,EAAC,kBAAkB;IAC/BC,YAAY,EAAE1I,KAAK,CAAC2I,WAAY;IAChC/E,IAAI,EAAEA;EAAK,CACZ,CACF,EACDjF,KAAA,CAAAiJ,aAAA,CAACxI,WAAW;IACV6D,SAAS,EAAE/D,UAAU,CACnB,sCAAsC,EACtCiE,oBACF,CAAE;IACFX,IAAI,EAAC,KAAK;IACViG,YAAY,EAAC,cAAc;IAC3B3H,UAAU,EAAEA,UAAW;IACvB8H,MAAM,EAAC,UAAU;IACjBvI,KAAK,EAAEA,KAAM;IACbiD,WAAW,EAAEA,WAAY;IACzBD,WAAW,EACTA,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAKoE,SAAS,GAAG5H,kBAAkB,GAAGoC,SAClD;IACD4G,IAAI,EACFtF,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAKkE,SAAS,GAAG3H,WAAW,GAAGgJ,KAAK,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,IAAI,CAC7D;IACDC,OAAO,EAAErC,aAAc;IACvBsC,MAAM,EAAEvC,YAAa;IACrBwC,QAAQ,EAAEzC,kBAAmB;IAC7BhF,KAAK,EAAER,SAAS,CAACD,OAAQ;IACzBmI,QAAQ,EAAEtG,QAAS;IACnBa,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjB9B,KAAK,EAAEA,KAAM;IACbiC,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAC,SAAS;IACfC,IAAI,EAAAzC,aAAA,CAAAA,aAAA,KAAOyC,IAAI;MAAEoF,QAAQ,EAAE,KAAK;MAAEC,MAAM,EAAE;IAAK,EAAG;IAClD1H,QAAQ,EAAEA,QAAS;IACnBL,aAAa,EAAEA,aAAc;IAC7B2C,iBAAiB,EAAEA,iBAAkB;IACrCE,oBAAoB,EAAED,oBAAoB,IAAIC,oBAAqB;IACnEC,iBAAiB,EAAEA,iBAAkB;IACrCkF,SAAS,EAAC,KAAK;IACf1F,IAAI,EAAEA;EAAK,CACZ,CACe,CAAC;AAEvB;AAEA,SAASyB,UAAUA,CAACL,OAAoB,EAAEtE,IAAY,EAAE;EAAA,IAAA6I,kBAAA;EACtD,MAAMC,IAAI,IAAAD,kBAAA,GAAGvE,OAAO,CAACyE,IAAI,CAAC/I,IAAI,CAAC,cAAA6I,kBAAA,cAAAA,kBAAA,GAAIvE,OAAO,CAACyE,IAAI,CAACC,EAAE;EAClD,MAAMC,IAAI,GAAGzE,iBAAiB,CAACF,OAAO,CAACG,GAAG,CAAC;EAC3C,OAAO;IACLoB,WAAW,EAAEoD,IAAI;IACjBC,cAAc,EAAE,GAAG5E,OAAO,CAACc,GAAG,KAAK6D,IAAI,GAAG;IAC1CE,cAAc,EAAE,CAACF,IAAI,EAAEH,IAAI,CAAC;IAC5BM,OAAO,EAAE,CAACN,IAAI,EAAEG,IAAI,CAAC;IACrB3E;EACF,CAAC;AACH;AAEA,SAASE,iBAAiBA,CAACzD,KAAa,EAAE;EACxC,OAAO,IAAIA,KAAK,EAAE;AACpB;AAEA,SAASO,UAAUA,CAACP,KAAa,EAAE;EACjC,OAAO,CACL,OAAOA,KAAK,KAAK,QAAQ,GACrBA,KAAK,CAACsI,KAAK,CAAC,oBAAoB,CAAC,GACjC,CAAC9H,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC,EACvB+H,KAAK,CAAC,CAAC,CAAC;AACZ;AAEA,SAASlF,SAASA,CAACmF,KAAoB,EAAE;EACvC,OAAOA,KAAK,CAAClF,MAAM,CAACmF,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;AACxC;AAEApK,WAAW,CAACqK,qBAAqB,GAAG,IAAI;AACxC,eAAerK,WAAW","ignoreList":[]}

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

@@ -150,16 +150,16 @@ declare function useFieldProvider(props?: Omit<FieldProviderProps, 'children'>):
         width?: import("../../FieldBlock").FieldBlockWidth;
         props?: Record<string, unknown>;
         layout?: "horizontal" | "vertical";
-        translations?: import("../../../../shared/Context").Translations | import("../../../../shared/Context").TranslationCustomLocales;
         valueType?: string | number | boolean | (string | number | boolean)[];
         labelSrOnly?: boolean;
+        translations?: import("../../../../shared/Context").Translations | import("../../../../shared/Context").TranslationCustomLocales;
         warning?: import("../../types").WarningProp<unknown>;
         emptyValue?: unknown;
         validateInitially?: boolean;
         continuousValidation?: boolean;
         validateContinuously?: boolean;
-        htmlAttributes?: Record<string, unknown>;
         schema?: import("../../types").AllJSONSchemaVersions<unknown>;
+        htmlAttributes?: Record<string, unknown>;
         validator?: import("../../types").Validator<unknown, import("../../types").DefaultErrorMessages>;
         onChangeValidator?: import("../../types").Validator<unknown, import("../../types").DefaultErrorMessages>;
         onBlurValidator?: import("../../types").Validator<unknown, import("../../types").DefaultErrorMessages>;

package/extensions/forms/Field/SelectCountry/SelectCountry.d.ts

@@ -1,4 +1,4 @@
-import { type CountryType, type CountryLang, type CountryISO } from '../../constants/countries';
+import listOfCountries, { type CountryType, type CountryLang, type CountryISO } from '../../constants/countries';
 import { FieldPropsWithExtraValue } from '../../types';
 import { FieldBlockWidth } from '../../FieldBlock';
 import { AutocompleteAllProps } from '../../../../components/autocomplete/Autocomplete';
@@ -32,6 +32,7 @@ declare namespace SelectCountry {
     var _supportsSpacingProps: boolean;
 }
 type GetCountryData = {
+    countries: typeof listOfCountries;
     lang?: CountryLang;
     filter?: Props['filterCountries'];
     sort?: Extract<CountryFilterSet, 'Prioritized'>;
@@ -40,7 +41,7 @@ type GetCountryData = {
         content: string | Array<string>;
     };
 };
-export declare function getCountryData({ lang, filter, sort, makeObject, }?: GetCountryData): {
+export declare function getCountryData({ countries, lang, filter, sort, makeObject, }: GetCountryData): {
     selectedKey: string;
     content: string | string[];
 }[];