@dnb/eufemia 10.73.1 → 10.74.0

package/es/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  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;AAuBvD,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, 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":[]}

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

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

package/es/extensions/forms/Field/Boolean/BooleanDocs.js

@@ -17,4 +17,11 @@ export const BooleanProperties = {
   },
   size: ToggleProperties.size
 };
+export const BooleanEvents = {
+  onClick: {
+    doc: 'Will be called on click.',
+    type: '(value: unknown, { event: ClickEvent, preventDefault: () => void }) => void',
+    status: 'optional'
+  }
+};
 //# sourceMappingURL=BooleanDocs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BooleanDocs.js","names":["ToggleProperties","BooleanProperties","trueText","doc","type","status","falseText","variant","size"],"sources":["../../../../../../src/extensions/forms/Field/Boolean/BooleanDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { ToggleProperties } from '../Toggle/ToggleDocs'\n\nexport const BooleanProperties: PropertiesTableProps = {\n  trueText: {\n    doc: 'Text to show in the UI when value is `true`.',\n    type: 'string',\n    status: 'optional',\n  },\n  falseText: {\n    doc: 'Text to show in the UI when value is `false`.',\n    type: 'string',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Choice of input feature. Can be: `checkbox`, `button`, `checkbox-button` or `buttons`.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: ToggleProperties.size,\n}\n"],"mappings":"AACA,SAASA,gBAAgB,QAAQ,sBAAsB;AAEvD,OAAO,MAAMC,iBAAuC,GAAG;EACrDC,QAAQ,EAAE;IACRC,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTH,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAER,gBAAgB,CAACQ;AACzB,CAAC","ignoreList":[]}
+{"version":3,"file":"BooleanDocs.js","names":["ToggleProperties","BooleanProperties","trueText","doc","type","status","falseText","variant","size","BooleanEvents","onClick"],"sources":["../../../../../../src/extensions/forms/Field/Boolean/BooleanDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { ToggleProperties } from '../Toggle/ToggleDocs'\n\nexport const BooleanProperties: PropertiesTableProps = {\n  trueText: {\n    doc: 'Text to show in the UI when value is `true`.',\n    type: 'string',\n    status: 'optional',\n  },\n  falseText: {\n    doc: 'Text to show in the UI when value is `false`.',\n    type: 'string',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Choice of input feature. Can be: `checkbox`, `button`, `checkbox-button` or `buttons`.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: ToggleProperties.size,\n}\n\nexport const BooleanEvents: PropertiesTableProps = {\n  onClick: {\n    doc: 'Will be called on click.',\n    type: '(value: unknown, { event: ClickEvent, preventDefault: () => void }) => void',\n    status: 'optional',\n  },\n}\n"],"mappings":"AACA,SAASA,gBAAgB,QAAQ,sBAAsB;AAEvD,OAAO,MAAMC,iBAAuC,GAAG;EACrDC,QAAQ,EAAE;IACRC,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTH,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAER,gBAAgB,CAACQ;AACzB,CAAC;AAED,OAAO,MAAMC,aAAmC,GAAG;EACjDC,OAAO,EAAE;IACPP,GAAG,EAAE,0BAA0B;IAC/BC,IAAI,EAAE,6EAA6E;IACnFC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/es/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'>;
+} & 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'>;
 declare function DateComponent(props: DateProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DateComponent {
     var _supportsSpacingProps: boolean;

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

@@ -287,7 +287,7 @@ function validateDate({
   }
   return errors;
 }
-const datePickerPropKeys = ['month', 'startMonth', 'endMonth', 'minDate', 'maxDate', 'correctInvalidDate', 'maskOrder', 'maskPlaceholder', 'dateFormat', 'returnFormat', 'hideNavigation', 'hideDays', 'onlyMonth', 'hideLastWeek', 'disableAutofocus', 'showSubmitButton', 'submitButtonText', 'cancelButtonText', 'resetButtonText', 'firstDay', 'link', 'size', 'sync', 'addonElement', 'shortcuts', 'opened', 'direction', 'alignPicker', 'onDaysRender', 'showInput', 'onDaysRender', 'onType', 'onShow', 'onHide', 'onSubmit', 'onCancel', 'onReset', 'skipPortal'];
+const datePickerPropKeys = ['month', 'startMonth', 'endMonth', 'minDate', 'maxDate', 'correctInvalidDate', 'maskOrder', 'maskPlaceholder', 'dateFormat', 'returnFormat', 'hideNavigation', 'hideDays', 'onlyMonth', 'hideLastWeek', 'disableAutofocus', 'showSubmitButton', 'submitButtonText', 'cancelButtonText', 'resetButtonText', 'firstDay', 'link', 'size', 'sync', 'addonElement', 'shortcuts', 'opened', 'direction', 'alignPicker', 'onDaysRender', 'showInput', 'onDaysRender', 'onType', 'onShow', 'onHide', 'onSubmit', 'onCancel', 'onReset', 'skipPortal', 'yearNavigation'];
 function pickDatePickerProps(props) {
   const datePickerProps = Object.keys(props).reduce((datePickerProps, key) => {
     if (datePickerPropKeys.includes(key)) {

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

@@ -1 +1 @@
-{"version":3,"file":"Date.js","names":["React","useCallback","useContext","useMemo","DatePicker","useFieldProps","pickSpacingProps","classnames","FieldBlock","SharedContext","parseISO","isValid","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","required","error","undefined","dateValidator","invalidDateErrors","validateDate","current","minDate","maxDate","dateLimitErrors","validateDateLimit","isRange","range","onBlurValidator","fromInput","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","_ref","dates","_excluded2","startDateParsed","endDateParsed","isoDates","toISOString","options","variant","messages","push","messageValues","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  >\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]\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","required","error","undefined","dateValidator","invalidDateErrors","validateDate","current","minDate","maxDate","dateLimitErrors","validateDateLimit","isRange","range","onBlurValidator","fromInput","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","_ref","dates","_excluded2","startDateParsed","endDateParsed","isoDates","toISOString","options","variant","messages","push","messageValues","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":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Expiry.js","names":["React","useCallback","useMemo","pickSpacingProps","useFieldProps","classnames","FieldBlock","MultiInputMask","useTranslation","useSharedTranslation","FormError","Expiry","props","Date","errorRequired","label","expiryLabel","DatePicker","placeholderCharacters","placeholders","month","monthLabel","year","yearLabel","errorMessages","_objectSpread","handleInput","values","expiryValueToString","isFieldEmpty","validateRequired","value","required","error","undefined","monthAndYearValidator","validateMonthAndYear","validateInitially","valueProp","_props$value","stringToExpiryValue","defaultValue","monthString","yearString","preparedProps","fromInput","onBlurValidator","id","path","itemPath","className","hasError","info","warning","disabled","size","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","expiry","status","fieldBlockProps","forId","createElement","stretch","statusState","onChange","onBlur","onFocus","delimiter","inputMode","inputs","mask","placeholderCharacter","autoComplete","placeholder","_value$substring","_value$substring2","substring","length","date","monthNumber","Number","messages","includes","push","messageValues","_supportsEufemiaSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Expiry/Expiry.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport { FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { useFieldProps } from '../../hooks'\nimport classnames from 'classnames'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { MultiInputMask } from '../../../../components/input-masked'\nimport type {\n  MultiInputMaskProps,\n  MultiInputMaskValue,\n} from '../../../../components/input-masked'\nimport { useTranslation as useSharedTranslation } from '../../../../shared'\nimport useTranslation from '../../hooks/useTranslation'\nimport { FormError } from '../../utils'\n\ntype ExpiryValue = MultiInputMaskValue<'month' | 'year'>\n\nexport type ExpiryProps = Omit<\n  FieldProps<string, undefined | ''>,\n  'width' | 'contentWidth'\n> & {\n  /**\n   * The size of the component.\n   */\n  size?: MultiInputMaskProps<'month' | 'year'>['size']\n}\n\nfunction Expiry(props: ExpiryProps) {\n  const {\n    Date: { errorRequired },\n    Expiry: { label: expiryLabel },\n  } = useTranslation()\n\n  const {\n    DatePicker: {\n      placeholderCharacters: placeholders,\n      month: monthLabel,\n      year: yearLabel,\n    },\n  } = useSharedTranslation()\n\n  const errorMessages = useMemo(\n    () => ({\n      'Field.errorRequired': errorRequired,\n      ...props.errorMessages,\n    }),\n    [errorRequired, props.errorMessages]\n  )\n\n  const handleInput = useCallback(\n    (values: ExpiryValue) => {\n      const month = expiryValueToString(values.month, placeholders.month)\n      const year = expiryValueToString(values.year, placeholders.year)\n\n      if (\n        isFieldEmpty(month, placeholders.month) &&\n        isFieldEmpty(year, placeholders.year)\n      ) {\n        return ''\n      }\n\n      return `${month}${year}`\n    },\n    [placeholders.month, placeholders.year]\n  )\n\n  const validateRequired = useCallback(\n    (value: string, { required, error }) => {\n      return required && !value ? error : undefined\n    },\n    []\n  )\n\n  const monthAndYearValidator = useCallback(\n    (value: string) => validateMonthAndYear(value, placeholders),\n    [placeholders]\n  )\n\n  const validateInitially = useMemo(() => {\n    if (props.validateInitially) {\n      return props.validateInitially\n    }\n\n    if (props.value) {\n      return true\n    }\n\n    return undefined\n  }, [props.validateInitially, props.value])\n\n  const valueProp = useMemo(() => {\n    const { month, year } = stringToExpiryValue(\n      props.value ?? props.defaultValue\n    )\n    const monthString = expiryValueToString(month, placeholders.month)\n    const yearString = expiryValueToString(year, placeholders.year)\n\n    if (\n      isFieldEmpty(monthString, placeholders.month) &&\n      isFieldEmpty(yearString, placeholders.year)\n    ) {\n      return ''\n    }\n\n    return `${monthString}${yearString}`\n  }, [\n    props.value,\n    props.defaultValue,\n    placeholders.month,\n    placeholders.year,\n  ])\n\n  const preparedProps: ExpiryProps = {\n    ...props,\n    errorMessages,\n    value: valueProp,\n    fromInput: handleInput,\n    validateRequired,\n    validateInitially: validateInitially,\n    onBlurValidator: monthAndYearValidator,\n  }\n\n  const {\n    id,\n    path,\n    itemPath,\n    className,\n    label = expiryLabel,\n    hasError,\n    info,\n    warning,\n    disabled,\n    size,\n    value = '',\n    htmlAttributes,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    setDisplayValue,\n  } = useFieldProps(preparedProps)\n\n  const expiry: ExpiryValue = useMemo(\n    () => stringToExpiryValue(value),\n    [value]\n  )\n\n  useMemo(() => {\n    if ((path || itemPath) && expiry.month && expiry.year) {\n      setDisplayValue(`${expiry.month}/${expiry.year}`)\n    }\n  }, [expiry.month, expiry.year, itemPath, path, setDisplayValue])\n\n  const status = hasError\n    ? 'error'\n    : warning\n    ? 'warn'\n    : info\n    ? 'info'\n    : null\n\n  const fieldBlockProps: FieldBlockProps = {\n    id,\n    forId: `${id}-input-month`,\n    className: classnames('dnb-forms-field-expiry', className),\n    label,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <MultiInputMask\n        stretch\n        id={`${id}-input`}\n        values={expiry}\n        status={status}\n        statusState={disabled ? 'disabled' : undefined}\n        disabled={disabled}\n        size={size}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        delimiter=\"/\"\n        inputMode=\"numeric\"\n        inputs={[\n          {\n            id: 'month',\n            label: monthLabel,\n            mask: [/[0-9]/, /[0-9]/],\n            placeholderCharacter: placeholders['month'],\n            autoComplete: 'cc-exp-month',\n            ...htmlAttributes,\n          },\n          {\n            id: 'year',\n            label: yearLabel,\n            mask: [/[0-9]/, /[0-9]/],\n            placeholderCharacter: placeholders['year'],\n            autoComplete: 'cc-exp-year',\n            ...htmlAttributes,\n          },\n        ]}\n      />\n    </FieldBlock>\n  )\n}\n\nfunction isFieldEmpty(value: string, placeholder: string) {\n  return value === `${placeholder}${placeholder}`\n}\n\nfunction stringToExpiryValue(value: string) {\n  const month = value?.substring(0, 2) ?? ''\n  const year = value?.substring(2, 4) ?? ''\n\n  return {\n    month,\n    year,\n  }\n}\n\nfunction expiryValueToString(value: string, placeholder: string) {\n  if (!value) {\n    return `${placeholder}${placeholder}`\n  }\n\n  if (value.length === 1) {\n    return `${value}${placeholder}`\n  }\n\n  return value\n}\n\nfunction validateMonthAndYear(\n  date: string,\n  placeholders: Record<'month' | 'year', string>\n) {\n  const { month, year } = stringToExpiryValue(date)\n\n  const monthNumber = Number(month)\n\n  const messages: Array<FormError> = []\n\n  if (\n    month.includes(placeholders.month) ||\n    monthNumber < 1 ||\n    monthNumber > 12\n  ) {\n    messages.push(\n      new FormError('Expiry.errorMonth', {\n        messageValues: { month: month },\n      })\n    )\n  }\n\n  if (year.includes(placeholders.year)) {\n    messages.push(\n      new FormError('Expiry.errorYear', {\n        messageValues: { year: year },\n      })\n    )\n  }\n\n  if (messages.length) {\n    return messages\n  }\n}\n\nExpiry._supportsEufemiaSpacingProps = true\nexport default Expiry\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Expiry.js","names":["React","useCallback","useMemo","pickSpacingProps","useFieldProps","classnames","FieldBlock","MultiInputMask","useTranslation","useSharedTranslation","FormError","Expiry","props","Date","errorRequired","label","expiryLabel","DatePicker","placeholderCharacters","placeholders","month","monthLabel","year","yearLabel","errorMessages","_objectSpread","handleInput","values","expiryValueToString","isFieldEmpty","validateRequired","value","required","error","undefined","monthAndYearValidator","validateMonthAndYear","validateInitially","valueProp","_props$value","stringToExpiryValue","defaultValue","monthString","yearString","preparedProps","fromInput","onBlurValidator","id","path","itemPath","className","hasError","info","warning","disabled","size","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","expiry","status","fieldBlockProps","forId","createElement","stretch","statusState","onChange","onBlur","onFocus","delimiter","inputMode","inputs","mask","placeholderCharacter","autoComplete","placeholder","_value$substring","_value$substring2","substring","length","date","monthNumber","Number","messages","includes","push","messageValues","_supportsEufemiaSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Expiry/Expiry.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport { FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { useFieldProps } from '../../hooks'\nimport classnames from 'classnames'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { MultiInputMask } from '../../../../components/input-masked'\nimport type {\n  MultiInputMaskProps,\n  MultiInputMaskValue,\n} from '../../../../components/input-masked'\nimport { useTranslation as useSharedTranslation } from '../../../../shared'\nimport useTranslation from '../../hooks/useTranslation'\nimport { FormError } from '../../utils'\nimport { Translation } from '../../../../shared/Context'\n\ntype ExpiryValue = MultiInputMaskValue<'month' | 'year'>\n\nexport type ExpiryProps = Omit<\n  FieldProps<string, undefined | ''>,\n  'width' | 'contentWidth'\n> & {\n  /**\n   * The size of the component.\n   */\n  size?: MultiInputMaskProps<'month' | 'year'>['size']\n}\n\nfunction Expiry(props: ExpiryProps) {\n  const {\n    Date: { errorRequired },\n    Expiry: { label: expiryLabel },\n  } = useTranslation()\n\n  const {\n    DatePicker: {\n      placeholderCharacters: placeholders,\n      month: monthLabel,\n      year: yearLabel,\n    },\n  } = useSharedTranslation()\n\n  const errorMessages = useMemo(\n    () => ({\n      'Field.errorRequired': errorRequired,\n      ...props.errorMessages,\n    }),\n    [errorRequired, props.errorMessages]\n  )\n\n  const handleInput = useCallback(\n    (values: ExpiryValue) => {\n      const month = expiryValueToString(values.month, placeholders.month)\n      const year = expiryValueToString(values.year, placeholders.year)\n\n      if (\n        isFieldEmpty(month, placeholders.month) &&\n        isFieldEmpty(year, placeholders.year)\n      ) {\n        return ''\n      }\n\n      return `${month}${year}`\n    },\n    [placeholders.month, placeholders.year]\n  )\n\n  const validateRequired = useCallback(\n    (value: string, { required, error }) => {\n      return required && !value ? error : undefined\n    },\n    []\n  )\n\n  const monthAndYearValidator = useCallback(\n    (value: string) => validateMonthAndYear(value, placeholders),\n    [placeholders]\n  )\n\n  const validateInitially = useMemo(() => {\n    if (props.validateInitially) {\n      return props.validateInitially\n    }\n\n    if (props.value) {\n      return true\n    }\n\n    return undefined\n  }, [props.validateInitially, props.value])\n\n  const valueProp = useMemo(() => {\n    const { month, year } = stringToExpiryValue(\n      props.value ?? props.defaultValue\n    )\n    const monthString = expiryValueToString(month, placeholders.month)\n    const yearString = expiryValueToString(year, placeholders.year)\n\n    if (\n      isFieldEmpty(monthString, placeholders.month) &&\n      isFieldEmpty(yearString, placeholders.year)\n    ) {\n      return ''\n    }\n\n    return `${monthString}${yearString}`\n  }, [\n    props.value,\n    props.defaultValue,\n    placeholders.month,\n    placeholders.year,\n  ])\n\n  const preparedProps: ExpiryProps = {\n    ...props,\n    errorMessages,\n    value: valueProp,\n    fromInput: handleInput,\n    validateRequired,\n    validateInitially: validateInitially,\n    onBlurValidator: monthAndYearValidator,\n  }\n\n  const {\n    id,\n    path,\n    itemPath,\n    className,\n    label = expiryLabel,\n    hasError,\n    info,\n    warning,\n    disabled,\n    size,\n    value = '',\n    htmlAttributes,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    setDisplayValue,\n  } = useFieldProps(preparedProps)\n\n  const expiry: ExpiryValue = useMemo(\n    () => stringToExpiryValue(value),\n    [value]\n  )\n\n  useMemo(() => {\n    if ((path || itemPath) && expiry.month && expiry.year) {\n      setDisplayValue(`${expiry.month}/${expiry.year}`)\n    }\n  }, [expiry.month, expiry.year, itemPath, path, setDisplayValue])\n\n  const status = hasError\n    ? 'error'\n    : warning\n    ? 'warn'\n    : info\n    ? 'info'\n    : null\n\n  const fieldBlockProps: FieldBlockProps = {\n    id,\n    forId: `${id}-input-month`,\n    className: classnames('dnb-forms-field-expiry', className),\n    label,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <MultiInputMask\n        stretch\n        id={`${id}-input`}\n        values={expiry}\n        status={status}\n        statusState={disabled ? 'disabled' : undefined}\n        disabled={disabled}\n        size={size}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        delimiter=\"/\"\n        inputMode=\"numeric\"\n        inputs={[\n          {\n            id: 'month',\n            label: monthLabel,\n            mask: [/[0-9]/, /[0-9]/],\n            placeholderCharacter: placeholders['month'],\n            autoComplete: 'cc-exp-month',\n            ...htmlAttributes,\n          },\n          {\n            id: 'year',\n            label: yearLabel,\n            mask: [/[0-9]/, /[0-9]/],\n            placeholderCharacter: placeholders['year'],\n            autoComplete: 'cc-exp-year',\n            ...htmlAttributes,\n          },\n        ]}\n      />\n    </FieldBlock>\n  )\n}\n\nfunction isFieldEmpty(value: string, placeholder: string) {\n  return value === `${placeholder}${placeholder}`\n}\n\nfunction stringToExpiryValue(value: string) {\n  const month = value?.substring(0, 2) ?? ''\n  const year = value?.substring(2, 4) ?? ''\n\n  return {\n    month,\n    year,\n  }\n}\n\nfunction expiryValueToString(value: string, placeholder: string) {\n  if (!value) {\n    return `${placeholder}${placeholder}`\n  }\n\n  if (value.length === 1) {\n    return `${value}${placeholder}`\n  }\n\n  return value\n}\n\nfunction validateMonthAndYear(\n  date: string,\n  placeholders: Translation['DatePicker']['placeholderCharacters']\n) {\n  const { month, year } = stringToExpiryValue(date)\n\n  const monthNumber = Number(month)\n\n  const messages: Array<FormError> = []\n\n  if (\n    month.includes(placeholders.month) ||\n    monthNumber < 1 ||\n    monthNumber > 12\n  ) {\n    messages.push(\n      new FormError('Expiry.errorMonth', {\n        messageValues: { month: month },\n      })\n    )\n  }\n\n  if (year.includes(placeholders.year)) {\n    messages.push(\n      new FormError('Expiry.errorYear', {\n        messageValues: { year: year },\n      })\n    )\n  }\n\n  if (messages.length) {\n    return messages\n  }\n}\n\nExpiry._supportsEufemiaSpacingProps = true\nexport default Expiry\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEnD,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,SAASC,aAAa,QAAQ,aAAa;AAC3C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,UAAU,MAAoC,kBAAkB;AACvE,SAASC,cAAc,QAAQ,qCAAqC;AAKpE,SAASC,cAAc,IAAIC,oBAAoB,QAAQ,oBAAoB;AAC3E,OAAOD,cAAc,MAAM,4BAA4B;AACvD,SAASE,SAAS,QAAQ,aAAa;AAevC,SAASC,MAAMA,CAACC,KAAkB,EAAE;EAClC,MAAM;IACJC,IAAI,EAAE;MAAEC;IAAc,CAAC;IACvBH,MAAM,EAAE;MAAEI,KAAK,EAAEC;IAAY;EAC/B,CAAC,GAAGR,cAAc,CAAC,CAAC;EAEpB,MAAM;IACJS,UAAU,EAAE;MACVC,qBAAqB,EAAEC,YAAY;MACnCC,KAAK,EAAEC,UAAU;MACjBC,IAAI,EAAEC;IACR;EACF,CAAC,GAAGd,oBAAoB,CAAC,CAAC;EAE1B,MAAMe,aAAa,GAAGtB,OAAO,CAC3B,MAAAuB,aAAA;IACE,qBAAqB,EAAEX;EAAa,GACjCF,KAAK,CAACY,aAAa,CACtB,EACF,CAACV,aAAa,EAAEF,KAAK,CAACY,aAAa,CACrC,CAAC;EAED,MAAME,WAAW,GAAGzB,WAAW,CAC5B0B,MAAmB,IAAK;IACvB,MAAMP,KAAK,GAAGQ,mBAAmB,CAACD,MAAM,CAACP,KAAK,EAAED,YAAY,CAACC,KAAK,CAAC;IACnE,MAAME,IAAI,GAAGM,mBAAmB,CAACD,MAAM,CAACL,IAAI,EAAEH,YAAY,CAACG,IAAI,CAAC;IAEhE,IACEO,YAAY,CAACT,KAAK,EAAED,YAAY,CAACC,KAAK,CAAC,IACvCS,YAAY,CAACP,IAAI,EAAEH,YAAY,CAACG,IAAI,CAAC,EACrC;MACA,OAAO,EAAE;IACX;IAEA,OAAO,GAAGF,KAAK,GAAGE,IAAI,EAAE;EAC1B,CAAC,EACD,CAACH,YAAY,CAACC,KAAK,EAAED,YAAY,CAACG,IAAI,CACxC,CAAC;EAED,MAAMQ,gBAAgB,GAAG7B,WAAW,CAClC,CAAC8B,KAAa,EAAE;IAAEC,QAAQ;IAAEC;EAAM,CAAC,KAAK;IACtC,OAAOD,QAAQ,IAAI,CAACD,KAAK,GAAGE,KAAK,GAAGC,SAAS;EAC/C,CAAC,EACD,EACF,CAAC;EAED,MAAMC,qBAAqB,GAAGlC,WAAW,CACtC8B,KAAa,IAAKK,oBAAoB,CAACL,KAAK,EAAEZ,YAAY,CAAC,EAC5D,CAACA,YAAY,CACf,CAAC;EAED,MAAMkB,iBAAiB,GAAGnC,OAAO,CAAC,MAAM;IACtC,IAAIU,KAAK,CAACyB,iBAAiB,EAAE;MAC3B,OAAOzB,KAAK,CAACyB,iBAAiB;IAChC;IAEA,IAAIzB,KAAK,CAACmB,KAAK,EAAE;MACf,OAAO,IAAI;IACb;IAEA,OAAOG,SAAS;EAClB,CAAC,EAAE,CAACtB,KAAK,CAACyB,iBAAiB,EAAEzB,KAAK,CAACmB,KAAK,CAAC,CAAC;EAE1C,MAAMO,SAAS,GAAGpC,OAAO,CAAC,MAAM;IAAA,IAAAqC,YAAA;IAC9B,MAAM;MAAEnB,KAAK;MAAEE;IAAK,CAAC,GAAGkB,mBAAmB,EAAAD,YAAA,GACzC3B,KAAK,CAACmB,KAAK,cAAAQ,YAAA,cAAAA,YAAA,GAAI3B,KAAK,CAAC6B,YACvB,CAAC;IACD,MAAMC,WAAW,GAAGd,mBAAmB,CAACR,KAAK,EAAED,YAAY,CAACC,KAAK,CAAC;IAClE,MAAMuB,UAAU,GAAGf,mBAAmB,CAACN,IAAI,EAAEH,YAAY,CAACG,IAAI,CAAC;IAE/D,IACEO,YAAY,CAACa,WAAW,EAAEvB,YAAY,CAACC,KAAK,CAAC,IAC7CS,YAAY,CAACc,UAAU,EAAExB,YAAY,CAACG,IAAI,CAAC,EAC3C;MACA,OAAO,EAAE;IACX;IAEA,OAAO,GAAGoB,WAAW,GAAGC,UAAU,EAAE;EACtC,CAAC,EAAE,CACD/B,KAAK,CAACmB,KAAK,EACXnB,KAAK,CAAC6B,YAAY,EAClBtB,YAAY,CAACC,KAAK,EAClBD,YAAY,CAACG,IAAI,CAClB,CAAC;EAEF,MAAMsB,aAA0B,GAAAnB,aAAA,CAAAA,aAAA,KAC3Bb,KAAK;IACRY,aAAa;IACbO,KAAK,EAAEO,SAAS;IAChBO,SAAS,EAAEnB,WAAW;IACtBI,gBAAgB;IAChBO,iBAAiB,EAAEA,iBAAiB;IACpCS,eAAe,EAAEX;EAAqB,EACvC;EAED,MAAM;IACJY,EAAE;IACFC,IAAI;IACJC,QAAQ;IACRC,SAAS;IACTnC,KAAK,GAAGC,WAAW;IACnBmC,QAAQ;IACRC,IAAI;IACJC,OAAO;IACPC,QAAQ;IACRC,IAAI;IACJxB,KAAK,GAAG,EAAE;IACVyB,cAAc;IACdC,WAAW;IACXC,UAAU;IACVC,YAAY;IACZC;EACF,CAAC,GAAGxD,aAAa,CAACwC,aAAa,CAAC;EAEhC,MAAMiB,MAAmB,GAAG3D,OAAO,CACjC,MAAMsC,mBAAmB,CAACT,KAAK,CAAC,EAChC,CAACA,KAAK,CACR,CAAC;EAED7B,OAAO,CAAC,MAAM;IACZ,IAAI,CAAC8C,IAAI,IAAIC,QAAQ,KAAKY,MAAM,CAACzC,KAAK,IAAIyC,MAAM,CAACvC,IAAI,EAAE;MACrDsC,eAAe,CAAC,GAAGC,MAAM,CAACzC,KAAK,IAAIyC,MAAM,CAACvC,IAAI,EAAE,CAAC;IACnD;EACF,CAAC,EAAE,CAACuC,MAAM,CAACzC,KAAK,EAAEyC,MAAM,CAACvC,IAAI,EAAE2B,QAAQ,EAAED,IAAI,EAAEY,eAAe,CAAC,CAAC;EAEhE,MAAME,MAAM,GAAGX,QAAQ,GACnB,OAAO,GACPE,OAAO,GACP,MAAM,GACND,IAAI,GACJ,MAAM,GACN,IAAI;EAER,MAAMW,eAAgC,GAAAtC,aAAA;IACpCsB,EAAE;IACFiB,KAAK,EAAE,GAAGjB,EAAE,cAAc;IAC1BG,SAAS,EAAE7C,UAAU,CAAC,wBAAwB,EAAE6C,SAAS,CAAC;IAC1DnC;EAAK,GACFZ,gBAAgB,CAACS,KAAK,CAAC,CAC3B;EAED,OACEZ,KAAA,CAAAiE,aAAA,CAAC3D,UAAU,EAAKyD,eAAe,EAC7B/D,KAAA,CAAAiE,aAAA,CAAC1D,cAAc;IACb2D,OAAO;IACPnB,EAAE,EAAE,GAAGA,EAAE,QAAS;IAClBpB,MAAM,EAAEkC,MAAO;IACfC,MAAM,EAAEA,MAAO;IACfK,WAAW,EAAEb,QAAQ,GAAG,UAAU,GAAGpB,SAAU;IAC/CoB,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA,IAAK;IACXa,QAAQ,EAAET,YAAa;IACvBU,MAAM,EAAEX,UAAW;IACnBY,OAAO,EAAEb,WAAY;IACrBc,SAAS,EAAC,GAAG;IACbC,SAAS,EAAC,SAAS;IACnBC,MAAM,EAAE,CAAAhD,aAAA;MAEJsB,EAAE,EAAE,OAAO;MACXhC,KAAK,EAAEM,UAAU;MACjBqD,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;MACxBC,oBAAoB,EAAExD,YAAY,CAAC,OAAO,CAAC;MAC3CyD,YAAY,EAAE;IAAc,GACzBpB,cAAc,GAAA/B,aAAA;MAGjBsB,EAAE,EAAE,MAAM;MACVhC,KAAK,EAAEQ,SAAS;MAChBmD,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;MACxBC,oBAAoB,EAAExD,YAAY,CAAC,MAAM,CAAC;MAC1CyD,YAAY,EAAE;IAAa,GACxBpB,cAAc;EAEnB,CACH,CACS,CAAC;AAEjB;AAEA,SAAS3B,YAAYA,CAACE,KAAa,EAAE8C,WAAmB,EAAE;EACxD,OAAO9C,KAAK,KAAK,GAAG8C,WAAW,GAAGA,WAAW,EAAE;AACjD;AAEA,SAASrC,mBAAmBA,CAACT,KAAa,EAAE;EAAA,IAAA+C,gBAAA,EAAAC,iBAAA;EAC1C,MAAM3D,KAAK,IAAA0D,gBAAA,GAAG/C,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEiD,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,cAAAF,gBAAA,cAAAA,gBAAA,GAAI,EAAE;EAC1C,MAAMxD,IAAI,IAAAyD,iBAAA,GAAGhD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEiD,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,cAAAD,iBAAA,cAAAA,iBAAA,GAAI,EAAE;EAEzC,OAAO;IACL3D,KAAK;IACLE;EACF,CAAC;AACH;AAEA,SAASM,mBAAmBA,CAACG,KAAa,EAAE8C,WAAmB,EAAE;EAC/D,IAAI,CAAC9C,KAAK,EAAE;IACV,OAAO,GAAG8C,WAAW,GAAGA,WAAW,EAAE;EACvC;EAEA,IAAI9C,KAAK,CAACkD,MAAM,KAAK,CAAC,EAAE;IACtB,OAAO,GAAGlD,KAAK,GAAG8C,WAAW,EAAE;EACjC;EAEA,OAAO9C,KAAK;AACd;AAEA,SAASK,oBAAoBA,CAC3B8C,IAAY,EACZ/D,YAAgE,EAChE;EACA,MAAM;IAAEC,KAAK;IAAEE;EAAK,CAAC,GAAGkB,mBAAmB,CAAC0C,IAAI,CAAC;EAEjD,MAAMC,WAAW,GAAGC,MAAM,CAAChE,KAAK,CAAC;EAEjC,MAAMiE,QAA0B,GAAG,EAAE;EAErC,IACEjE,KAAK,CAACkE,QAAQ,CAACnE,YAAY,CAACC,KAAK,CAAC,IAClC+D,WAAW,GAAG,CAAC,IACfA,WAAW,GAAG,EAAE,EAChB;IACAE,QAAQ,CAACE,IAAI,CACX,IAAI7E,SAAS,CAAC,mBAAmB,EAAE;MACjC8E,aAAa,EAAE;QAAEpE,KAAK,EAAEA;MAAM;IAChC,CAAC,CACH,CAAC;EACH;EAEA,IAAIE,IAAI,CAACgE,QAAQ,CAACnE,YAAY,CAACG,IAAI,CAAC,EAAE;IACpC+D,QAAQ,CAACE,IAAI,CACX,IAAI7E,SAAS,CAAC,kBAAkB,EAAE;MAChC8E,aAAa,EAAE;QAAElE,IAAI,EAAEA;MAAK;IAC9B,CAAC,CACH,CAAC;EACH;EAEA,IAAI+D,QAAQ,CAACJ,MAAM,EAAE;IACnB,OAAOI,QAAQ;EACjB;AACF;AAEA1E,MAAM,CAAC8E,4BAA4B,GAAG,IAAI;AAC1C,eAAe9E,MAAM","ignoreList":[]}

package/es/extensions/forms/Field/Number/NumberDocs.js

@@ -24,7 +24,7 @@ export const numberProperties = {
     status: 'optional'
   },
   disallowLeadingZeroes: {
-    doc: 'Whether or not to allow leading zeroes. Defaults to `false`.',
+    doc: 'Whether or not to allow leading zeroes during typing. Defaults to `false`.',
     type: 'boolean',
     status: 'optional'
   },

package/es/extensions/forms/Field/Number/NumberDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberDocs.js","names":["inputProperties","numberProperties","decimalLimit","doc","type","status","percent","currency","allowNegative","disallowLeadingZeroes","minimum","maximum","exclusiveMinimum","exclusiveMaximum","multipleOf","width","size","_objectSpread","align","autoComplete","prefix","suffix","step","startWith","showStepControls"],"sources":["../../../../../../src/extensions/forms/Field/Number/NumberDocs.ts"],"sourcesContent":["import { inputProperties } from '../../../../components/input/InputDocs'\nimport { PropertiesTableProps } from '../../../../shared/types'\n\nexport const numberProperties: PropertiesTableProps = {\n  decimalLimit: {\n    doc: 'Max number of decimals. Values with more decimals will be rounded. Defaults to `12`.',\n    type: 'number',\n    status: 'optional',\n  },\n  percent: {\n    doc: 'Format a number as percentage.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  currency: {\n    doc: 'Currency code (ISO 4217) or `true` to use the default `NOK`. Uses two decimals by default.',\n    type: ['boolean', 'string'],\n    status: 'optional',\n  },\n  allowNegative: {\n    doc: 'Whether or not to allow negative numbers. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disallowLeadingZeroes: {\n    doc: 'Whether or not to allow leading zeroes. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  minimum: {\n    doc: 'Validation for inclusive minimum number value (greater than or equal). Defaults to `Number.MIN_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n  maximum: {\n    doc: 'Validation for inclusive maximum number value (less than or equal). Defaults to `Number.MAX_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n  exclusiveMinimum: {\n    doc: 'Validation for exclusive minimum number value (greater than).',\n    type: 'number',\n    status: 'optional',\n  },\n  exclusiveMaximum: {\n    doc: 'Validation for exclusive maximum number value (less than).',\n    type: 'number',\n    status: 'optional',\n  },\n  multipleOf: {\n    doc: 'Validation that requires the number to be a multiple of given value.',\n    type: 'number',\n    status: 'optional',\n  },\n  width: {\n    doc: '`false` for no width (use browser default), `small`, `medium` or `large` for predefined standard widths, `stretch` for fill available width.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  size: {\n    ...inputProperties.size,\n    doc: `${inputProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`,\n  },\n  align: {\n    doc: 'Lateral alignment of contents of input field, one of `left` (default), `center`, or `right`.',\n    type: 'string',\n    status: 'optional',\n  },\n  autoComplete: {\n    doc: 'For HTML `autocomplete` attributes.',\n    type: ['on', 'string'],\n    status: 'optional',\n  },\n  prefix: {\n    doc: 'Text added before the value input.',\n    type: 'string',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text added after the value input.',\n    type: 'string',\n    status: 'optional',\n  },\n  step: {\n    doc: 'Determines step granularity when in/decreasing value input through step controls buttons or arrow keys. Defaults to 1.',\n    type: 'number',\n    status: 'optional',\n  },\n  startWith: {\n    doc: 'When no `value` or `defaultValue` is given, start with a given value when in/decreasing value input through step controls buttons or arrow keys. Defaults to `null`.',\n    type: 'number',\n    status: 'optional',\n  },\n  showStepControls: {\n    doc: 'Show buttons that in/decreases value input by the step value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;AAAA,SAASA,eAAe,QAAQ,wCAAwC;AAGxE,OAAO,MAAMC,gBAAsC,GAAG;EACpDC,YAAY,EAAE;IACZC,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,gCAAgC;IACrCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,4FAA4F;IACjGC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,qBAAqB,EAAE;IACrBN,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,+GAA+G;IACpHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,OAAO,EAAE;IACPR,GAAG,EAAE,4GAA4G;IACjHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,gBAAgB,EAAE;IAChBT,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,gBAAgB,EAAE;IAChBV,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,UAAU,EAAE;IACVX,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,KAAK,EAAE;IACLZ,GAAG,EAAE,8IAA8I;IACnJC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDW,IAAI,EAAAC,aAAA,CAAAA,aAAA,KACCjB,eAAe,CAACgB,IAAI;IACvBb,GAAG,EAAE,GAAGH,eAAe,CAACgB,IAAI,CAACb,GAAG;EAAwG,EACzI;EACDe,KAAK,EAAE;IACLf,GAAG,EAAE,8FAA8F;IACnGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,YAAY,EAAE;IACZhB,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC;IACtBC,MAAM,EAAE;EACV,CAAC;EACDe,MAAM,EAAE;IACNjB,GAAG,EAAE,oCAAoC;IACzCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDgB,MAAM,EAAE;IACNlB,GAAG,EAAE,mCAAmC;IACxCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDiB,IAAI,EAAE;IACJnB,GAAG,EAAE,wHAAwH;IAC7HC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDkB,SAAS,EAAE;IACTpB,GAAG,EAAE,sKAAsK;IAC3KC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDmB,gBAAgB,EAAE;IAChBrB,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"NumberDocs.js","names":["inputProperties","numberProperties","decimalLimit","doc","type","status","percent","currency","allowNegative","disallowLeadingZeroes","minimum","maximum","exclusiveMinimum","exclusiveMaximum","multipleOf","width","size","_objectSpread","align","autoComplete","prefix","suffix","step","startWith","showStepControls"],"sources":["../../../../../../src/extensions/forms/Field/Number/NumberDocs.ts"],"sourcesContent":["import { inputProperties } from '../../../../components/input/InputDocs'\nimport { PropertiesTableProps } from '../../../../shared/types'\n\nexport const numberProperties: PropertiesTableProps = {\n  decimalLimit: {\n    doc: 'Max number of decimals. Values with more decimals will be rounded. Defaults to `12`.',\n    type: 'number',\n    status: 'optional',\n  },\n  percent: {\n    doc: 'Format a number as percentage.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  currency: {\n    doc: 'Currency code (ISO 4217) or `true` to use the default `NOK`. Uses two decimals by default.',\n    type: ['boolean', 'string'],\n    status: 'optional',\n  },\n  allowNegative: {\n    doc: 'Whether or not to allow negative numbers. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disallowLeadingZeroes: {\n    doc: 'Whether or not to allow leading zeroes during typing. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  minimum: {\n    doc: 'Validation for inclusive minimum number value (greater than or equal). Defaults to `Number.MIN_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n  maximum: {\n    doc: 'Validation for inclusive maximum number value (less than or equal). Defaults to `Number.MAX_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n  exclusiveMinimum: {\n    doc: 'Validation for exclusive minimum number value (greater than).',\n    type: 'number',\n    status: 'optional',\n  },\n  exclusiveMaximum: {\n    doc: 'Validation for exclusive maximum number value (less than).',\n    type: 'number',\n    status: 'optional',\n  },\n  multipleOf: {\n    doc: 'Validation that requires the number to be a multiple of given value.',\n    type: 'number',\n    status: 'optional',\n  },\n  width: {\n    doc: '`false` for no width (use browser default), `small`, `medium` or `large` for predefined standard widths, `stretch` for fill available width.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  size: {\n    ...inputProperties.size,\n    doc: `${inputProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`,\n  },\n  align: {\n    doc: 'Lateral alignment of contents of input field, one of `left` (default), `center`, or `right`.',\n    type: 'string',\n    status: 'optional',\n  },\n  autoComplete: {\n    doc: 'For HTML `autocomplete` attributes.',\n    type: ['on', 'string'],\n    status: 'optional',\n  },\n  prefix: {\n    doc: 'Text added before the value input.',\n    type: 'string',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text added after the value input.',\n    type: 'string',\n    status: 'optional',\n  },\n  step: {\n    doc: 'Determines step granularity when in/decreasing value input through step controls buttons or arrow keys. Defaults to 1.',\n    type: 'number',\n    status: 'optional',\n  },\n  startWith: {\n    doc: 'When no `value` or `defaultValue` is given, start with a given value when in/decreasing value input through step controls buttons or arrow keys. Defaults to `null`.',\n    type: 'number',\n    status: 'optional',\n  },\n  showStepControls: {\n    doc: 'Show buttons that in/decreases value input by the step value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;AAAA,SAASA,eAAe,QAAQ,wCAAwC;AAGxE,OAAO,MAAMC,gBAAsC,GAAG;EACpDC,YAAY,EAAE;IACZC,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,gCAAgC;IACrCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,4FAA4F;IACjGC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,qBAAqB,EAAE;IACrBN,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,+GAA+G;IACpHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,OAAO,EAAE;IACPR,GAAG,EAAE,4GAA4G;IACjHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,gBAAgB,EAAE;IAChBT,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,gBAAgB,EAAE;IAChBV,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,UAAU,EAAE;IACVX,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,KAAK,EAAE;IACLZ,GAAG,EAAE,8IAA8I;IACnJC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDW,IAAI,EAAAC,aAAA,CAAAA,aAAA,KACCjB,eAAe,CAACgB,IAAI;IACvBb,GAAG,EAAE,GAAGH,eAAe,CAACgB,IAAI,CAACb,GAAG;EAAwG,EACzI;EACDe,KAAK,EAAE;IACLf,GAAG,EAAE,8FAA8F;IACnGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,YAAY,EAAE;IACZhB,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC;IACtBC,MAAM,EAAE;EACV,CAAC;EACDe,MAAM,EAAE;IACNjB,GAAG,EAAE,oCAAoC;IACzCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDgB,MAAM,EAAE;IACNlB,GAAG,EAAE,mCAAmC;IACxCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDiB,IAAI,EAAE;IACJnB,GAAG,EAAE,wHAAwH;IAC7HC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDkB,SAAS,EAAE;IACTpB,GAAG,EAAE,sKAAsK;IAC3KC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDmB,gBAAgB,EAAE;IAChBrB,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

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

@@ -101,6 +101,7 @@ function PhoneNumber(props) {
     placeholder,
     countryCodeLabel,
     label = defaultLabel,
+    labelSrOnly,
     numberMask,
     countries: ccFilter = 'Prioritized',
     emptyValue,
@@ -255,6 +256,7 @@ function PhoneNumber(props) {
     placeholder: countryCodePlaceholder,
     label_direction: "vertical",
     label: countryCodeLabel !== null && countryCodeLabel !== void 0 ? countryCodeLabel : defaultCountryCodeLabel,
+    label_sr_only: labelSrOnly,
     data: dataRef.current,
     value: countryCodeRef.current,
     status: hasError ? 'error' : undefined,
@@ -277,6 +279,7 @@ function PhoneNumber(props) {
     emptyValue: emptyValue,
     layout: "vertical",
     label: label,
+    labelSrOnly: labelSrOnly,
     placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : isDefault ? defaultPlaceholder : undefined,
     mask: numberMask !== null && numberMask !== void 0 ? numberMask : isDefault ? defaultMask : Array(12).fill(/\d/),
     onFocus: handleOnFocus,

package/es/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","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","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","cdcVal","replace","item","find","_item$country","iso","callOnChange","data","eventValues","callOnBlurOrFocus","hasFocus","handleCountryCodeChange","_data$selectedKey","selectedKey","trim","handleNumberChange","handleOnBlur","handleOnFocus","handleCountryCodeFocus","updateData","onTypeHandler","revalidateInputValue","event","_event$nativeEvent","nativeEvent","test","window","requestAnimationFrame","isDefault","includes","fieldBlockProps","createElement","mode","label_direction","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    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          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        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","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","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","cdcVal","replace","item","find","_item$country","iso","callOnChange","data","eventValues","callOnBlurOrFocus","hasFocus","handleCountryCodeChange","_data$selectedKey","selectedKey","trim","handleNumberChange","handleOnBlur","handleOnFocus","handleCountryCodeFocus","updateData","onTypeHandler","revalidateInputValue","event","_event$nativeEvent","nativeEvent","test","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":[]}

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

@@ -85,7 +85,7 @@ declare function useFieldProvider(props?: Omit<FieldProviderProps, 'children'>):
             };
             getValueByPath: import("../../hooks/useDataValue").GetValueByPath<unknown>;
             getSourceValue: import("../../hooks/useDataValue").GetValueByPath<unknown>;
-            setFieldEventListener: (path: string, type: "onSubmit" | "onBeforeSubmit" | "onSubmitCall" | "onSubmitRequest" | "onPathChange" | "onMount", callback: (params?: {
+            setFieldEventListener: (path: string, type: "onSubmit" | "onBeforeSubmit" | "onSubmitCall" | "onSubmitRequest" | "onBeforeCommit" | "onPathChange" | "onMount", callback: (params?: {
                 value: unknown;
             } | {
                 preventSubmit: () => void;
@@ -107,7 +107,7 @@ declare function useFieldProvider(props?: Omit<FieldProviderProps, 'children'>):
             };
             getValueByPath: import("../../hooks/useDataValue").GetValueByPath<unknown>;
             getSourceValue: import("../../hooks/useDataValue").GetValueByPath<unknown>;
-            setFieldEventListener: (path: string, type: "onSubmit" | "onBeforeSubmit" | "onSubmitCall" | "onSubmitRequest" | "onPathChange" | "onMount", callback: (params?: {
+            setFieldEventListener: (path: string, type: "onSubmit" | "onBeforeSubmit" | "onSubmitCall" | "onSubmitRequest" | "onBeforeCommit" | "onPathChange" | "onMount", callback: (params?: {
                 value: unknown;
             } | {
                 preventSubmit: () => void;
@@ -129,7 +129,7 @@ declare function useFieldProvider(props?: Omit<FieldProviderProps, 'children'>):
             };
             getValueByPath: import("../../hooks/useDataValue").GetValueByPath<unknown>;
             getSourceValue: import("../../hooks/useDataValue").GetValueByPath<unknown>;
-            setFieldEventListener: (path: string, type: "onSubmit" | "onBeforeSubmit" | "onSubmitCall" | "onSubmitRequest" | "onPathChange" | "onMount", callback: (params?: {
+            setFieldEventListener: (path: string, type: "onSubmit" | "onBeforeSubmit" | "onSubmitCall" | "onSubmitRequest" | "onBeforeCommit" | "onPathChange" | "onMount", callback: (params?: {
                 value: unknown;
             } | {
                 preventSubmit: () => void;

package/es/extensions/forms/Field/SelectCountry/SelectCountryDocs.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { getFieldEventsWithTypes } from '../FieldDocs';
-import { autocompleteProperties } from '../../../../components/autocomplete/AutocompleteDocs';
+import { AutocompleteProperties } from '../../../../components/autocomplete/AutocompleteDocs';
 export const SelectCountryProperties = {
   countries: {
     doc: 'List only a certain set of countries: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all countries [sorted by priority](/uilib/extensions/forms/feature-fields/SelectCountry/#filter-or-prioritize-country-listing)). Defaults to `Prioritized`.',
@@ -14,8 +14,8 @@ export const SelectCountryProperties = {
     type: 'function',
     status: 'optional'
   },
-  size: _objectSpread(_objectSpread({}, autocompleteProperties.size), {}, {
-    doc: `${autocompleteProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`
+  size: _objectSpread(_objectSpread({}, AutocompleteProperties.size), {}, {
+    doc: `${AutocompleteProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`
   })
 };
 export const SelectCountryGeneralEvents = getFieldEventsWithTypes({

package/es/extensions/forms/Field/SelectCountry/SelectCountryDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectCountryDocs.js","names":["getFieldEventsWithTypes","autocompleteProperties","SelectCountryProperties","countries","doc","type","status","filterCountries","size","_objectSpread","SelectCountryGeneralEvents","optional"],"sources":["../../../../../../src/extensions/forms/Field/SelectCountry/SelectCountryDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { getFieldEventsWithTypes } from '../FieldDocs'\nimport { autocompleteProperties } from '../../../../components/autocomplete/AutocompleteDocs'\n\nexport const SelectCountryProperties: PropertiesTableProps = {\n  countries: {\n    doc: 'List only a certain set of countries: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all countries [sorted by priority](/uilib/extensions/forms/feature-fields/SelectCountry/#filter-or-prioritize-country-listing)). Defaults to `Prioritized`.',\n    type: 'string',\n    status: 'optional',\n  },\n  filterCountries: {\n    doc: '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    type: 'function',\n    status: 'optional',\n  },\n  size: {\n    ...autocompleteProperties.size,\n    doc: `${autocompleteProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`,\n  },\n}\n\nexport const SelectCountryGeneralEvents = getFieldEventsWithTypes(\n  { type: 'string', optional: true },\n  { type: 'object', optional: true }\n)\n"],"mappings":";;;AACA,SAASA,uBAAuB,QAAQ,cAAc;AACtD,SAASC,sBAAsB,QAAQ,sDAAsD;AAE7F,OAAO,MAAMC,uBAA6C,GAAG;EAC3DC,SAAS,EAAE;IACTC,GAAG,EAAE,sPAAsP;IAC3PC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,GAAG,EAAE,+JAA+J;IACpKC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAAC,aAAA,CAAAA,aAAA,KACCR,sBAAsB,CAACO,IAAI;IAC9BJ,GAAG,EAAE,GAAGH,sBAAsB,CAACO,IAAI,CAACJ,GAAG;EAAwG;AAEnJ,CAAC;AAED,OAAO,MAAMM,0BAA0B,GAAGV,uBAAuB,CAC/D;EAAEK,IAAI,EAAE,QAAQ;EAAEM,QAAQ,EAAE;AAAK,CAAC,EAClC;EAAEN,IAAI,EAAE,QAAQ;EAAEM,QAAQ,EAAE;AAAK,CACnC,CAAC","ignoreList":[]}
+{"version":3,"file":"SelectCountryDocs.js","names":["getFieldEventsWithTypes","AutocompleteProperties","SelectCountryProperties","countries","doc","type","status","filterCountries","size","_objectSpread","SelectCountryGeneralEvents","optional"],"sources":["../../../../../../src/extensions/forms/Field/SelectCountry/SelectCountryDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { getFieldEventsWithTypes } from '../FieldDocs'\nimport { AutocompleteProperties } from '../../../../components/autocomplete/AutocompleteDocs'\n\nexport const SelectCountryProperties: PropertiesTableProps = {\n  countries: {\n    doc: 'List only a certain set of countries: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all countries [sorted by priority](/uilib/extensions/forms/feature-fields/SelectCountry/#filter-or-prioritize-country-listing)). Defaults to `Prioritized`.',\n    type: 'string',\n    status: 'optional',\n  },\n  filterCountries: {\n    doc: '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    type: 'function',\n    status: 'optional',\n  },\n  size: {\n    ...AutocompleteProperties.size,\n    doc: `${AutocompleteProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`,\n  },\n}\n\nexport const SelectCountryGeneralEvents = getFieldEventsWithTypes(\n  { type: 'string', optional: true },\n  { type: 'object', optional: true }\n)\n"],"mappings":";;;AACA,SAASA,uBAAuB,QAAQ,cAAc;AACtD,SAASC,sBAAsB,QAAQ,sDAAsD;AAE7F,OAAO,MAAMC,uBAA6C,GAAG;EAC3DC,SAAS,EAAE;IACTC,GAAG,EAAE,sPAAsP;IAC3PC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,GAAG,EAAE,+JAA+J;IACpKC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAAC,aAAA,CAAAA,aAAA,KACCR,sBAAsB,CAACO,IAAI;IAC9BJ,GAAG,EAAE,GAAGH,sBAAsB,CAACO,IAAI,CAACJ,GAAG;EAAwG;AAEnJ,CAAC;AAED,OAAO,MAAMM,0BAA0B,GAAGV,uBAAuB,CAC/D;EAAEK,IAAI,EAAE,QAAQ;EAAEM,QAAQ,EAAE;AAAK,CAAC,EAClC;EAAEN,IAAI,EAAE,QAAQ;EAAEM,QAAQ,EAAE;AAAK,CACnC,CAAC","ignoreList":[]}

package/es/extensions/forms/Field/SelectCurrency/SelectCurrencyDocs.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { getFieldEventsWithTypes } from '../FieldDocs';
-import { autocompleteProperties } from '../../../../components/autocomplete/AutocompleteDocs';
+import { AutocompleteProperties } from '../../../../components/autocomplete/AutocompleteDocs';
 export const SelectCurrencyProperties = {
   currencies: {
     doc: 'List only a certain set of currencies: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all currencies [sorted by priority](/uilib/extensions/forms/feature-fields/SelectCurrency/#filter-or-prioritize-currency-listing)). Defaults to `Prioritized`.',
@@ -14,8 +14,8 @@ export const SelectCurrencyProperties = {
     type: 'function',
     status: 'optional'
   },
-  size: _objectSpread(_objectSpread({}, autocompleteProperties.size), {}, {
-    doc: `${autocompleteProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`
+  size: _objectSpread(_objectSpread({}, AutocompleteProperties.size), {}, {
+    doc: `${AutocompleteProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`
   })
 };
 export const SelectCurrencyGeneralEvents = getFieldEventsWithTypes({

package/es/extensions/forms/Field/SelectCurrency/SelectCurrencyDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectCurrencyDocs.js","names":["getFieldEventsWithTypes","autocompleteProperties","SelectCurrencyProperties","currencies","doc","type","status","filterCurrencies","size","_objectSpread","SelectCurrencyGeneralEvents","optional"],"sources":["../../../../../../src/extensions/forms/Field/SelectCurrency/SelectCurrencyDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { getFieldEventsWithTypes } from '../FieldDocs'\nimport { autocompleteProperties } from '../../../../components/autocomplete/AutocompleteDocs'\n\nexport const SelectCurrencyProperties: PropertiesTableProps = {\n  currencies: {\n    doc: 'List only a certain set of currencies: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all currencies [sorted by priority](/uilib/extensions/forms/feature-fields/SelectCurrency/#filter-or-prioritize-currency-listing)). Defaults to `Prioritized`.',\n    type: 'string',\n    status: 'optional',\n  },\n  filterCurrencies: {\n    doc: 'Use this prop to filter out certain currencies. The function receives the currency object and should return a boolean. Returning `false` will omit the currency.',\n    type: 'function',\n    status: 'optional',\n  },\n  size: {\n    ...autocompleteProperties.size,\n    doc: `${autocompleteProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`,\n  },\n}\n\nexport const SelectCurrencyGeneralEvents = getFieldEventsWithTypes(\n  { type: 'string', optional: true },\n  { type: 'object', optional: true }\n)\n"],"mappings":";;;AACA,SAASA,uBAAuB,QAAQ,cAAc;AACtD,SAASC,sBAAsB,QAAQ,sDAAsD;AAE7F,OAAO,MAAMC,wBAA8C,GAAG;EAC5DC,UAAU,EAAE;IACVC,GAAG,EAAE,0PAA0P;IAC/PC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBH,GAAG,EAAE,kKAAkK;IACvKC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAAC,aAAA,CAAAA,aAAA,KACCR,sBAAsB,CAACO,IAAI;IAC9BJ,GAAG,EAAE,GAAGH,sBAAsB,CAACO,IAAI,CAACJ,GAAG;EAAwG;AAEnJ,CAAC;AAED,OAAO,MAAMM,2BAA2B,GAAGV,uBAAuB,CAChE;EAAEK,IAAI,EAAE,QAAQ;EAAEM,QAAQ,EAAE;AAAK,CAAC,EAClC;EAAEN,IAAI,EAAE,QAAQ;EAAEM,QAAQ,EAAE;AAAK,CACnC,CAAC","ignoreList":[]}
+{"version":3,"file":"SelectCurrencyDocs.js","names":["getFieldEventsWithTypes","AutocompleteProperties","SelectCurrencyProperties","currencies","doc","type","status","filterCurrencies","size","_objectSpread","SelectCurrencyGeneralEvents","optional"],"sources":["../../../../../../src/extensions/forms/Field/SelectCurrency/SelectCurrencyDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { getFieldEventsWithTypes } from '../FieldDocs'\nimport { AutocompleteProperties } from '../../../../components/autocomplete/AutocompleteDocs'\n\nexport const SelectCurrencyProperties: PropertiesTableProps = {\n  currencies: {\n    doc: 'List only a certain set of currencies: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all currencies [sorted by priority](/uilib/extensions/forms/feature-fields/SelectCurrency/#filter-or-prioritize-currency-listing)). Defaults to `Prioritized`.',\n    type: 'string',\n    status: 'optional',\n  },\n  filterCurrencies: {\n    doc: 'Use this prop to filter out certain currencies. The function receives the currency object and should return a boolean. Returning `false` will omit the currency.',\n    type: 'function',\n    status: 'optional',\n  },\n  size: {\n    ...AutocompleteProperties.size,\n    doc: `${AutocompleteProperties.size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`,\n  },\n}\n\nexport const SelectCurrencyGeneralEvents = getFieldEventsWithTypes(\n  { type: 'string', optional: true },\n  { type: 'object', optional: true }\n)\n"],"mappings":";;;AACA,SAASA,uBAAuB,QAAQ,cAAc;AACtD,SAASC,sBAAsB,QAAQ,sDAAsD;AAE7F,OAAO,MAAMC,wBAA8C,GAAG;EAC5DC,UAAU,EAAE;IACVC,GAAG,EAAE,0PAA0P;IAC/PC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBH,GAAG,EAAE,kKAAkK;IACvKC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAAC,aAAA,CAAAA,aAAA,KACCR,sBAAsB,CAACO,IAAI;IAC9BJ,GAAG,EAAE,GAAGH,sBAAsB,CAACO,IAAI,CAACJ,GAAG;EAAwG;AAEnJ,CAAC;AAED,OAAO,MAAMM,2BAA2B,GAAGV,uBAAuB,CAChE;EAAEK,IAAI,EAAE,QAAQ;EAAEM,QAAQ,EAAE;AAAK,CAAC,EAClC;EAAEN,IAAI,EAAE,QAAQ;EAAEM,QAAQ,EAAE;AAAK,CACnC,CAAC","ignoreList":[]}