@dnb/eufemia 10.52.0 → 10.52.1

package/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.js

@@ -10,7 +10,7 @@ export const OrganizationNumberProperties = {
     status: 'optional'
   },
   onBlurValidator: {
-    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to organization number validation, using `organizationNumberValidator`.',
+    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to organization number validation, using `organizationNumberValidator`. Can be disabled using `false`.',
     type: 'function',
     status: 'optional'
   }

package/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationNumberDocs.js","names":["OrganizationNumberProperties","validate","doc","type","status","help","onBlurValidator"],"sources":["../../../../../../src/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const OrganizationNumberProperties: PropertiesTableProps = {\n  validate: {\n    doc: 'Using this prop you can disable the default validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  help: {\n    doc: 'Provide a help button. Object consisting of `title` and `content`.',\n    type: 'object',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to organization number validation, using `organizationNumberValidator`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,4BAAkD,GAAG;EAChEC,QAAQ,EAAE;IACRC,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,eAAe,EAAE;IACfJ,GAAG,EAAE,gZAAgZ;IACrZC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"OrganizationNumberDocs.js","names":["OrganizationNumberProperties","validate","doc","type","status","help","onBlurValidator"],"sources":["../../../../../../src/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const OrganizationNumberProperties: PropertiesTableProps = {\n  validate: {\n    doc: 'Using this prop you can disable the default validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  help: {\n    doc: 'Provide a help button. Object consisting of `title` and `content`.',\n    type: 'object',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to organization number validation, using `organizationNumberValidator`. Can be disabled using `false`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,4BAAkD,GAAG;EAChEC,QAAQ,EAAE;IACRC,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,eAAe,EAAE;IACfJ,GAAG,EAAE,+aAA+a;IACpbC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.js

@@ -79,7 +79,7 @@ function SubmitConfirmation(props) {
       }
     };
     return {
-      data: internalDataRef.current,
+      data: internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current,
       confirmationState,
       setConfirmationState,
       submitHandler,

package/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitConfirmation.js","names":["React","useCallback","useContext","useMemo","useReducer","useRef","DataContext","SharedProvider","HeightAnimation","removeUndefinedProps","SubmitConfirmation","props","forceUpdate","preventSubmitWhen","onStateChange","onSubmitResult","renderWithState","children","setFormState","setHandleSubmit","handleSubmit","handleFinalSubmit","submitState","formElementRef","internalDataRef","confirmationStateRef","submitStateRef","preventSubmitRef","undefined","validatePreventSubmit","current","getParamsRef","setConfirmationState","state","window","requestAnimationFrame","keepPending","confirmationState","connectWithDialog","openState","onConfirm","submitHandler","onDecline","cancelHandler","onClose","_ref","triggeredBy","data","Object","keys","length","_objectSpread","setFocusOnButton","form","element","querySelector","focus","e","_ref2","preventSubmit","remove","sharedProviderParams","formElement","disabled","createElement","Fragment","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport DataContext from '../../DataContext/Context'\nimport SharedProvider from '../../../../shared/Provider'\nimport { ContextProps } from '../../../../shared/Context'\nimport { HeightAnimation } from '../../../../components'\nimport {\n  DialogContentProps,\n  DialogProps,\n} from '../../../../components/dialog/types'\nimport { EventStateObject } from '../../types'\nimport { removeUndefinedProps } from '../../../../shared/component-helper'\n\nexport type ConfirmationState =\n  | 'idle'\n  | 'readyToBeSubmitted'\n  | 'submitInProgress'\n  | 'submissionComplete'\n\nexport type ConfirmParams = {\n  data: unknown\n  confirmationState: ConfirmationState\n  submitState: EventStateObject | undefined\n  connectWithDialog: Pick<\n    DialogProps & DialogContentProps,\n    'openState' | 'onConfirm' | 'onDecline' | 'onClose'\n  >\n  setConfirmationState: (state: ConfirmationState) => void\n  submitHandler: () => void | Promise<void>\n  cancelHandler: () => void | Promise<void>\n}\n\nexport type ConfirmProps = {\n  preventSubmitWhen?: (params: ConfirmParams) => boolean\n  onStateChange?: (params: ConfirmParams) => void | Promise<void>\n  onSubmitResult?: (params: ConfirmParams) => void\n  renderWithState?: (params: ConfirmParams) => React.ReactNode\n  children?: React.ReactNode\n}\n\nfunction SubmitConfirmation(props: ConfirmProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const {\n    preventSubmitWhen,\n    onStateChange,\n    onSubmitResult,\n    renderWithState,\n    children,\n  } = props\n\n  const {\n    setFormState,\n    setHandleSubmit,\n    handleSubmit: handleFinalSubmit,\n    submitState,\n    formElementRef,\n    internalDataRef,\n  } = useContext(DataContext)\n\n  const confirmationStateRef = useRef<ConfirmationState>('idle')\n  const submitStateRef = useRef<EventStateObject>()\n  const preventSubmitRef = useRef<boolean>(undefined)\n\n  const validatePreventSubmit = useCallback(() => {\n    return (preventSubmitRef.current = preventSubmitWhen?.(\n      getParamsRef.current()\n    ))\n  }, [preventSubmitWhen])\n\n  const setConfirmationState = useCallback(\n    async (state: ConfirmationState) => {\n      confirmationStateRef.current = state\n      await onStateChange?.(getParamsRef.current())\n      if (typeof window !== 'undefined') {\n        window.requestAnimationFrame(() => {\n          switch (state) {\n            case 'idle':\n              setFormState('complete', { keepPending: false })\n              break\n            case 'readyToBeSubmitted':\n              setFormState('pending', { keepPending: true })\n              break\n            case 'submitInProgress':\n              setFormState('pending', { keepPending: true })\n              break\n            case 'submissionComplete':\n              setFormState('complete', { keepPending: false })\n              break\n            default:\n              forceUpdate()\n          }\n        })\n      }\n    },\n    [onStateChange, setFormState]\n  )\n\n  const getParamsRef = useRef(() => {\n    const confirmationState = confirmationStateRef.current\n\n    const connectWithDialog = {\n      openState: confirmationState === 'readyToBeSubmitted',\n      onConfirm: submitHandler,\n      onDecline: cancelHandler,\n      onClose: ({ triggeredBy }) => {\n        if (triggeredBy === 'keyboard') {\n          cancelHandler()\n        }\n      },\n    }\n\n    return {\n      data: internalDataRef.current,\n      confirmationState,\n      setConfirmationState,\n      submitHandler,\n      cancelHandler,\n      connectWithDialog,\n      submitState: submitStateRef.current,\n    } satisfies ConfirmParams\n  })\n\n  useMemo(() => {\n    if (Object.keys(removeUndefinedProps(submitState) || {}).length > 0) {\n      submitStateRef.current = {\n        ...submitState,\n      } as EventStateObject\n      onSubmitResult?.(getParamsRef.current())\n    }\n  }, [submitState, onSubmitResult])\n\n  const setFocusOnButton = useCallback(() => {\n    try {\n      const form = formElementRef.current\n      const element = (form.querySelector('.dnb-forms-submit-button') ||\n        form) as HTMLElement\n      element.focus()\n    } catch (e) {\n      //\n    }\n  }, [formElementRef])\n\n  const cancelHandler = useCallback(async () => {\n    await setConfirmationState('idle')\n    setFocusOnButton()\n  }, [setFocusOnButton, setConfirmationState])\n\n  const handleSubmit = useCallback(\n    async ({ preventSubmit }) => {\n      if (confirmationStateRef.current === 'submitInProgress') {\n        return // stop here\n      }\n\n      if (validatePreventSubmit() !== true) {\n        await setConfirmationState('submitInProgress')\n        return // stop here\n      }\n\n      submitStateRef.current = undefined\n\n      // Prevent the form form from being submitted\n      preventSubmit()\n\n      await setConfirmationState('readyToBeSubmitted')\n    },\n    [setConfirmationState, validatePreventSubmit]\n  )\n  setHandleSubmit?.(handleSubmit)\n\n  const submitHandler = useCallback(async () => {\n    setHandleSubmit?.(handleSubmit, { remove: true })\n\n    await setConfirmationState('submitInProgress')\n    await handleFinalSubmit()\n    await setConfirmationState('submissionComplete')\n\n    setFocusOnButton()\n  }, [\n    handleFinalSubmit,\n    handleSubmit,\n    setFocusOnButton,\n    setHandleSubmit,\n    setConfirmationState,\n  ])\n\n  const sharedProviderParams: ContextProps = {\n    formElement: {\n      disabled: false,\n    },\n  }\n\n  return (\n    <>\n      {children}\n\n      <SharedProvider {...sharedProviderParams}>\n        <HeightAnimation>\n          {renderWithState?.(getParamsRef.current())}\n        </HeightAnimation>\n      </SharedProvider>\n    </>\n  )\n}\n\nSubmitConfirmation._supportsSpacingProps = 'children'\nexport default SubmitConfirmation\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IACVC,WAAW,EACXC,UAAU,EACVC,OAAO,EACPC,UAAU,EACVC,MAAM,QACD,OAAO;AACd,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,cAAc,MAAM,6BAA6B;AAExD,SAASC,eAAe,QAAQ,wBAAwB;AAMxD,SAASC,oBAAoB,QAAQ,qCAAqC;AA6B1E,SAASC,kBAAkBA,CAACC,KAAmB,EAAE;EAC/C,MAAM,GAAGC,WAAW,CAAC,GAAGR,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAElD,MAAM;IACJS,iBAAiB;IACjBC,aAAa;IACbC,cAAc;IACdC,eAAe;IACfC;EACF,CAAC,GAAGN,KAAK;EAET,MAAM;IACJO,YAAY;IACZC,eAAe;IACfC,YAAY,EAAEC,iBAAiB;IAC/BC,WAAW;IACXC,cAAc;IACdC;EACF,CAAC,GAAGtB,UAAU,CAACI,WAAW,CAAC;EAE3B,MAAMmB,oBAAoB,GAAGpB,MAAM,CAAoB,MAAM,CAAC;EAC9D,MAAMqB,cAAc,GAAGrB,MAAM,CAAmB,CAAC;EACjD,MAAMsB,gBAAgB,GAAGtB,MAAM,CAAUuB,SAAS,CAAC;EAEnD,MAAMC,qBAAqB,GAAG5B,WAAW,CAAC,MAAM;IAC9C,OAAQ0B,gBAAgB,CAACG,OAAO,GAAGjB,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAClDkB,YAAY,CAACD,OAAO,CAAC,CACvB,CAAC;EACH,CAAC,EAAE,CAACjB,iBAAiB,CAAC,CAAC;EAEvB,MAAMmB,oBAAoB,GAAG/B,WAAW,CACtC,MAAOgC,KAAwB,IAAK;IAClCR,oBAAoB,CAACK,OAAO,GAAGG,KAAK;IACpC,OAAMnB,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGiB,YAAY,CAACD,OAAO,CAAC,CAAC,CAAC;IAC7C,IAAI,OAAOI,MAAM,KAAK,WAAW,EAAE;MACjCA,MAAM,CAACC,qBAAqB,CAAC,MAAM;QACjC,QAAQF,KAAK;UACX,KAAK,MAAM;YACTf,YAAY,CAAC,UAAU,EAAE;cAAEkB,WAAW,EAAE;YAAM,CAAC,CAAC;YAChD;UACF,KAAK,oBAAoB;YACvBlB,YAAY,CAAC,SAAS,EAAE;cAAEkB,WAAW,EAAE;YAAK,CAAC,CAAC;YAC9C;UACF,KAAK,kBAAkB;YACrBlB,YAAY,CAAC,SAAS,EAAE;cAAEkB,WAAW,EAAE;YAAK,CAAC,CAAC;YAC9C;UACF,KAAK,oBAAoB;YACvBlB,YAAY,CAAC,UAAU,EAAE;cAAEkB,WAAW,EAAE;YAAM,CAAC,CAAC;YAChD;UACF;YACExB,WAAW,CAAC,CAAC;QACjB;MACF,CAAC,CAAC;IACJ;EACF,CAAC,EACD,CAACE,aAAa,EAAEI,YAAY,CAC9B,CAAC;EAED,MAAMa,YAAY,GAAG1B,MAAM,CAAC,MAAM;IAChC,MAAMgC,iBAAiB,GAAGZ,oBAAoB,CAACK,OAAO;IAEtD,MAAMQ,iBAAiB,GAAG;MACxBC,SAAS,EAAEF,iBAAiB,KAAK,oBAAoB;MACrDG,SAAS,EAAEC,aAAa;MACxBC,SAAS,EAAEC,aAAa;MACxBC,OAAO,EAAEC,IAAA,IAAqB;QAAA,IAApB;UAAEC;QAAY,CAAC,GAAAD,IAAA;QACvB,IAAIC,WAAW,KAAK,UAAU,EAAE;UAC9BH,aAAa,CAAC,CAAC;QACjB;MACF;IACF,CAAC;IAED,OAAO;MACLI,IAAI,EAAEvB,eAAe,CAACM,OAAO;MAC7BO,iBAAiB;MACjBL,oBAAoB;MACpBS,aAAa;MACbE,aAAa;MACbL,iBAAiB;MACjBhB,WAAW,EAAEI,cAAc,CAACI;IAC9B,CAAC;EACH,CAAC,CAAC;EAEF3B,OAAO,CAAC,MAAM;IACZ,IAAI6C,MAAM,CAACC,IAAI,CAACxC,oBAAoB,CAACa,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC4B,MAAM,GAAG,CAAC,EAAE;MACnExB,cAAc,CAACI,OAAO,GAAAqB,aAAA,KACjB7B,WAAW,CACK;MACrBP,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAGgB,YAAY,CAACD,OAAO,CAAC,CAAC,CAAC;IAC1C;EACF,CAAC,EAAE,CAACR,WAAW,EAAEP,cAAc,CAAC,CAAC;EAEjC,MAAMqC,gBAAgB,GAAGnD,WAAW,CAAC,MAAM;IACzC,IAAI;MACF,MAAMoD,IAAI,GAAG9B,cAAc,CAACO,OAAO;MACnC,MAAMwB,OAAO,GAAID,IAAI,CAACE,aAAa,CAAC,0BAA0B,CAAC,IAC7DF,IAAoB;MACtBC,OAAO,CAACE,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC,OAAOC,CAAC,EAAE,CAEZ;EACF,CAAC,EAAE,CAAClC,cAAc,CAAC,CAAC;EAEpB,MAAMoB,aAAa,GAAG1C,WAAW,CAAC,YAAY;IAC5C,MAAM+B,oBAAoB,CAAC,MAAM,CAAC;IAClCoB,gBAAgB,CAAC,CAAC;EACpB,CAAC,EAAE,CAACA,gBAAgB,EAAEpB,oBAAoB,CAAC,CAAC;EAE5C,MAAMZ,YAAY,GAAGnB,WAAW,CAC9B,MAAAyD,KAAA,IAA6B;IAAA,IAAtB;MAAEC;IAAc,CAAC,GAAAD,KAAA;IACtB,IAAIjC,oBAAoB,CAACK,OAAO,KAAK,kBAAkB,EAAE;MACvD;IACF;IAEA,IAAID,qBAAqB,CAAC,CAAC,KAAK,IAAI,EAAE;MACpC,MAAMG,oBAAoB,CAAC,kBAAkB,CAAC;MAC9C;IACF;IAEAN,cAAc,CAACI,OAAO,GAAGF,SAAS;IAGlC+B,aAAa,CAAC,CAAC;IAEf,MAAM3B,oBAAoB,CAAC,oBAAoB,CAAC;EAClD,CAAC,EACD,CAACA,oBAAoB,EAAEH,qBAAqB,CAC9C,CAAC;EACDV,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAGC,YAAY,CAAC;EAE/B,MAAMqB,aAAa,GAAGxC,WAAW,CAAC,YAAY;IAC5CkB,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAGC,YAAY,EAAE;MAAEwC,MAAM,EAAE;IAAK,CAAC,CAAC;IAEjD,MAAM5B,oBAAoB,CAAC,kBAAkB,CAAC;IAC9C,MAAMX,iBAAiB,CAAC,CAAC;IACzB,MAAMW,oBAAoB,CAAC,oBAAoB,CAAC;IAEhDoB,gBAAgB,CAAC,CAAC;EACpB,CAAC,EAAE,CACD/B,iBAAiB,EACjBD,YAAY,EACZgC,gBAAgB,EAChBjC,eAAe,EACfa,oBAAoB,CACrB,CAAC;EAEF,MAAM6B,oBAAkC,GAAG;IACzCC,WAAW,EAAE;MACXC,QAAQ,EAAE;IACZ;EACF,CAAC;EAED,OACE/D,KAAA,CAAAgE,aAAA,CAAAhE,KAAA,CAAAiE,QAAA,QACGhD,QAAQ,EAETjB,KAAA,CAAAgE,aAAA,CAACzD,cAAc,EAAKsD,oBAAoB,EACtC7D,KAAA,CAAAgE,aAAA,CAACxD,eAAe,QACbQ,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAGe,YAAY,CAACD,OAAO,CAAC,CAAC,CAC1B,CACH,CAChB,CAAC;AAEP;AAEApB,kBAAkB,CAACwD,qBAAqB,GAAG,UAAU;AACrD,eAAexD,kBAAkB"}
+{"version":3,"file":"SubmitConfirmation.js","names":["React","useCallback","useContext","useMemo","useReducer","useRef","DataContext","SharedProvider","HeightAnimation","removeUndefinedProps","SubmitConfirmation","props","forceUpdate","preventSubmitWhen","onStateChange","onSubmitResult","renderWithState","children","setFormState","setHandleSubmit","handleSubmit","handleFinalSubmit","submitState","formElementRef","internalDataRef","confirmationStateRef","submitStateRef","preventSubmitRef","undefined","validatePreventSubmit","current","getParamsRef","setConfirmationState","state","window","requestAnimationFrame","keepPending","confirmationState","connectWithDialog","openState","onConfirm","submitHandler","onDecline","cancelHandler","onClose","_ref","triggeredBy","data","Object","keys","length","_objectSpread","setFocusOnButton","form","element","querySelector","focus","e","_ref2","preventSubmit","remove","sharedProviderParams","formElement","disabled","createElement","Fragment","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport DataContext from '../../DataContext/Context'\nimport SharedProvider from '../../../../shared/Provider'\nimport { ContextProps } from '../../../../shared/Context'\nimport { HeightAnimation } from '../../../../components'\nimport {\n  DialogContentProps,\n  DialogProps,\n} from '../../../../components/dialog/types'\nimport { EventStateObject } from '../../types'\nimport { removeUndefinedProps } from '../../../../shared/component-helper'\n\nexport type ConfirmationState =\n  | 'idle'\n  | 'readyToBeSubmitted'\n  | 'submitInProgress'\n  | 'submissionComplete'\n\nexport type ConfirmParams = {\n  data: unknown\n  confirmationState: ConfirmationState\n  submitState: EventStateObject | undefined\n  connectWithDialog: Pick<\n    DialogProps & DialogContentProps,\n    'openState' | 'onConfirm' | 'onDecline' | 'onClose'\n  >\n  setConfirmationState: (state: ConfirmationState) => void\n  submitHandler: () => void | Promise<void>\n  cancelHandler: () => void | Promise<void>\n}\n\nexport type ConfirmProps = {\n  preventSubmitWhen?: (params: ConfirmParams) => boolean\n  onStateChange?: (params: ConfirmParams) => void | Promise<void>\n  onSubmitResult?: (params: ConfirmParams) => void\n  renderWithState?: (params: ConfirmParams) => React.ReactNode\n  children?: React.ReactNode\n}\n\nfunction SubmitConfirmation(props: ConfirmProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const {\n    preventSubmitWhen,\n    onStateChange,\n    onSubmitResult,\n    renderWithState,\n    children,\n  } = props\n\n  const {\n    setFormState,\n    setHandleSubmit,\n    handleSubmit: handleFinalSubmit,\n    submitState,\n    formElementRef,\n    internalDataRef,\n  } = useContext(DataContext)\n\n  const confirmationStateRef = useRef<ConfirmationState>('idle')\n  const submitStateRef = useRef<EventStateObject>()\n  const preventSubmitRef = useRef<boolean>(undefined)\n\n  const validatePreventSubmit = useCallback(() => {\n    return (preventSubmitRef.current = preventSubmitWhen?.(\n      getParamsRef.current()\n    ))\n  }, [preventSubmitWhen])\n\n  const setConfirmationState = useCallback(\n    async (state: ConfirmationState) => {\n      confirmationStateRef.current = state\n      await onStateChange?.(getParamsRef.current())\n      if (typeof window !== 'undefined') {\n        window.requestAnimationFrame(() => {\n          switch (state) {\n            case 'idle':\n              setFormState('complete', { keepPending: false })\n              break\n            case 'readyToBeSubmitted':\n              setFormState('pending', { keepPending: true })\n              break\n            case 'submitInProgress':\n              setFormState('pending', { keepPending: true })\n              break\n            case 'submissionComplete':\n              setFormState('complete', { keepPending: false })\n              break\n            default:\n              forceUpdate()\n          }\n        })\n      }\n    },\n    [onStateChange, setFormState]\n  )\n\n  const getParamsRef = useRef(() => {\n    const confirmationState = confirmationStateRef.current\n\n    const connectWithDialog = {\n      openState: confirmationState === 'readyToBeSubmitted',\n      onConfirm: submitHandler,\n      onDecline: cancelHandler,\n      onClose: ({ triggeredBy }) => {\n        if (triggeredBy === 'keyboard') {\n          cancelHandler()\n        }\n      },\n    }\n\n    return {\n      data: internalDataRef?.current,\n      confirmationState,\n      setConfirmationState,\n      submitHandler,\n      cancelHandler,\n      connectWithDialog,\n      submitState: submitStateRef.current,\n    } satisfies ConfirmParams\n  })\n\n  useMemo(() => {\n    if (Object.keys(removeUndefinedProps(submitState) || {}).length > 0) {\n      submitStateRef.current = {\n        ...submitState,\n      } as EventStateObject\n      onSubmitResult?.(getParamsRef.current())\n    }\n  }, [submitState, onSubmitResult])\n\n  const setFocusOnButton = useCallback(() => {\n    try {\n      const form = formElementRef.current\n      const element = (form.querySelector('.dnb-forms-submit-button') ||\n        form) as HTMLElement\n      element.focus()\n    } catch (e) {\n      //\n    }\n  }, [formElementRef])\n\n  const cancelHandler = useCallback(async () => {\n    await setConfirmationState('idle')\n    setFocusOnButton()\n  }, [setFocusOnButton, setConfirmationState])\n\n  const handleSubmit = useCallback(\n    async ({ preventSubmit }) => {\n      if (confirmationStateRef.current === 'submitInProgress') {\n        return // stop here\n      }\n\n      if (validatePreventSubmit() !== true) {\n        await setConfirmationState('submitInProgress')\n        return // stop here\n      }\n\n      submitStateRef.current = undefined\n\n      // Prevent the form form from being submitted\n      preventSubmit()\n\n      await setConfirmationState('readyToBeSubmitted')\n    },\n    [setConfirmationState, validatePreventSubmit]\n  )\n  setHandleSubmit?.(handleSubmit)\n\n  const submitHandler = useCallback(async () => {\n    setHandleSubmit?.(handleSubmit, { remove: true })\n\n    await setConfirmationState('submitInProgress')\n    await handleFinalSubmit()\n    await setConfirmationState('submissionComplete')\n\n    setFocusOnButton()\n  }, [\n    handleFinalSubmit,\n    handleSubmit,\n    setFocusOnButton,\n    setHandleSubmit,\n    setConfirmationState,\n  ])\n\n  const sharedProviderParams: ContextProps = {\n    formElement: {\n      disabled: false,\n    },\n  }\n\n  return (\n    <>\n      {children}\n\n      <SharedProvider {...sharedProviderParams}>\n        <HeightAnimation>\n          {renderWithState?.(getParamsRef.current())}\n        </HeightAnimation>\n      </SharedProvider>\n    </>\n  )\n}\n\nSubmitConfirmation._supportsSpacingProps = 'children'\nexport default SubmitConfirmation\n"],"mappings":"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"}

package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js

@@ -21,7 +21,8 @@ export default function ChildrenWithAge(_ref) {
     required: true
   }, restProps), mode === 'summary' ? React.createElement(SummaryContainer, {
     toWizardStep: toWizardStep,
-    spacingProps: spacingProps
+    spacingProps: spacingProps,
+    enableAdditionalQuestions: enableAdditionalQuestions
   }) : React.createElement(EditContainer, {
     enableAdditionalQuestions: enableAdditionalQuestions,
     spacingProps: spacingProps
@@ -39,51 +40,37 @@ function EditContainer(_ref2) {
     path: "/hasChildren",
     label: tr.ChildrenWithAge.hasChildren.fieldLabel,
     variant: "buttons",
-    defaultValue: false,
     errorMessages: {
       required: tr.ChildrenWithAge.hasChildren.required
     }
   }), React.createElement(Form.Visibility, {
     pathTrue: "/hasChildren",
     animate: true
-  }, (enableAdditionalQuestions === null || enableAdditionalQuestions === void 0 ? void 0 : enableAdditionalQuestions.includes('joint-responsibility')) && React.createElement(Field.Boolean, {
-    path: "/hasJointResponsibility",
-    label: tr.ChildrenWithAge.hasJointResponsibility.fieldLabel,
-    variant: "buttons",
-    defaultValue: false,
-    errorMessages: {
-      required: tr.ChildrenWithAge.hasChildren.required
-    }
-  }), (enableAdditionalQuestions === null || enableAdditionalQuestions === void 0 ? void 0 : enableAdditionalQuestions.includes('daycare')) && React.createElement(Field.Boolean, {
-    path: "/usesDaycare",
-    label: tr.ChildrenWithAge.usesDaycare.fieldLabel,
-    variant: "buttons",
-    defaultValue: false,
-    errorMessages: {
-      required: tr.ChildrenWithAge.usesDaycare.required
-    }
-  }), React.createElement(Field.Number, {
+  }, React.createElement(Field.Number, {
     path: "/countChildren",
     label: tr.ChildrenWithAge.countChildren.fieldLabel,
     errorMessages: {
-      minimum: tr.ChildrenWithAge.countChildren.required
+      minimum: tr.ChildrenWithAge.countChildren.required,
+      required: tr.ChildrenWithAge.countChildren.required
     },
     width: "small",
-    defaultValue: 1,
     minimum: 1,
     maximum: 20,
     showStepControls: true,
-    decimalLimit: 0
-  }), React.createElement(Iterate.Array, {
+    decimalLimit: 0,
+    allowNegative: false
+  }), React.createElement(Form.Visibility, {
+    pathTruthy: "/countChildren",
+    animate: true
+  }, React.createElement(Iterate.Array, {
     path: "/children",
     countPath: "/countChildren",
     countPathTransform: transformAgeItem,
-    countPathLimit: 20
-  }, React.createElement(Field.Composition, {
-    label: tr.ChildrenWithAge.childrenAge.fieldLabel,
-    align: "center"
+    countPathLimit: 20,
+    animate: true
   }, React.createElement(Field.Number, {
     itemPath: "/age",
+    label: tr.ChildrenWithAge.childrenAge.fieldLabel,
     errorMessages: {
       required: tr.ChildrenWithAge.childrenAge.required
     },
@@ -91,18 +78,49 @@ function EditContainer(_ref2) {
     width: "small",
     minimum: 0,
     maximum: 17,
-    decimalLimit: 0
-  }), React.createElement(Form.Visibility, {
-    pathTrue: "/hasJointResponsibility"
-  }, React.createElement(Field.Boolean, {
-    itemPath: "/jointResponsibility",
-    label: tr.ChildrenWithAge.confirmJointResponsibility.fieldLabel
-  })), React.createElement(Form.Visibility, {
-    pathTrue: "/usesDaycare"
-  }, React.createElement(Field.Boolean, {
-    itemPath: "/hasDaycare",
-    label: tr.ChildrenWithAge.hasDaycare.fieldLabel
-  }))))));
+    decimalLimit: 0,
+    allowNegative: false
+  }))), (enableAdditionalQuestions === null || enableAdditionalQuestions === void 0 ? void 0 : enableAdditionalQuestions.includes('daycare')) && React.createElement(Field.Boolean, {
+    path: "/usesDaycare",
+    label: tr.ChildrenWithAge.usesDaycare.fieldLabel,
+    variant: "buttons",
+    errorMessages: {
+      required: tr.ChildrenWithAge.usesDaycare.required
+    },
+    help: {
+      title: tr.ChildrenWithAge.usesDaycare.fieldLabel,
+      content: tr.ChildrenWithAge.usesDaycare.helpText
+    }
+  }), (enableAdditionalQuestions === null || enableAdditionalQuestions === void 0 ? void 0 : enableAdditionalQuestions.includes('daycare')) && React.createElement(Form.Visibility, {
+    pathTrue: "/usesDaycare",
+    animate: true
+  }, React.createElement(Field.Currency, {
+    path: "/daycareExpenses",
+    label: tr.ChildrenWithAge.dayCareExpenses.fieldLabel,
+    errorMessages: {
+      required: tr.ChildrenWithAge.dayCareExpenses.required
+    },
+    minimum: 0,
+    allowNegative: false
+  })), (enableAdditionalQuestions === null || enableAdditionalQuestions === void 0 ? void 0 : enableAdditionalQuestions.includes('joint-responsibility')) && React.createElement(Field.Boolean, {
+    path: "/hasJointResponsibility",
+    label: tr.ChildrenWithAge.hasJointResponsibility.fieldLabel,
+    variant: "buttons",
+    errorMessages: {
+      required: tr.ChildrenWithAge.hasJointResponsibility.required
+    }
+  }), (enableAdditionalQuestions === null || enableAdditionalQuestions === void 0 ? void 0 : enableAdditionalQuestions.includes('joint-responsibility')) && React.createElement(Form.Visibility, {
+    pathTrue: "/hasJointResponsibility",
+    animate: true
+  }, React.createElement(Field.Currency, {
+    path: "/jointResponsibilityExpenses",
+    label: tr.ChildrenWithAge.jointResponsibilityExpenses.fieldLabel,
+    errorMessages: {
+      required: tr.ChildrenWithAge.jointResponsibilityExpenses.required
+    },
+    minimum: 0,
+    allowNegative: false
+  }))));
 }
 function SummaryContainer(_ref3) {
   let {
@@ -124,36 +142,37 @@ function SummaryContainer(_ref3) {
   }, React.createElement(Value.Number, {
     path: "/countChildren",
     label: tr.ChildrenWithAge.countChildren.fieldLabel,
-    defaultValue: 0,
     suffix: tr.ChildrenWithAge.countChildren.suffix,
     maximum: 20,
     transformIn: value => hasNoChildren ? 0 : value
-  })), React.createElement(Iterate.Array, {
+  }), React.createElement(Iterate.Array, {
     path: "/children",
     limit: hasNoChildren ? 0 : undefined
-  }, React.createElement(Value.Composition, {
-    label: tr.ChildrenWithAge.childrenAge.fieldLabel,
-    gap: false
   }, React.createElement(Value.Number, {
     itemPath: "/age",
+    label: tr.ChildrenWithAge.childrenAge.fieldLabel,
     suffix: tr.ChildrenWithAge.childrenAge.suffix,
     defaultValue: "\u2013"
-  }), React.createElement(Form.Visibility, {
-    pathTrue: "/hasJointResponsibility"
-  }, ', ', React.createElement(Value.Boolean, {
-    inline: true,
-    itemPath: "/jointResponsibility",
-    trueText: tr.ChildrenWithAge.jointResponsibilityTrue,
-    falseText: tr.ChildrenWithAge.jointResponsibilityFalse,
-    defaultValue: false
   })), React.createElement(Form.Visibility, {
+    pathDefined: "/usesDaycare"
+  }, React.createElement(Value.Boolean, {
+    label: tr.ChildrenWithAge.usesDaycare.fieldLabel,
+    path: "/usesDaycare"
+  }), React.createElement(Form.Visibility, {
     pathTrue: "/usesDaycare"
-  }, ', ', React.createElement(Value.Boolean, {
-    inline: true,
-    itemPath: "/hasDaycare",
-    trueText: tr.ChildrenWithAge.daycareTrue,
-    falseText: tr.ChildrenWithAge.daycareFalse,
-    defaultValue: false
+  }, React.createElement(Value.Currency, {
+    label: tr.ChildrenWithAge.dayCareExpenses.fieldLabel,
+    path: "/daycareExpenses"
+  }))), React.createElement(Form.Visibility, {
+    pathDefined: "/hasJointResponsibility"
+  }, React.createElement(Value.Boolean, {
+    path: "/hasJointResponsibility",
+    label: tr.ChildrenWithAge.hasJointResponsibility.fieldLabel
+  }), React.createElement(Form.Visibility, {
+    pathTrue: "/hasJointResponsibility"
+  }, React.createElement(Value.Currency, {
+    label: tr.ChildrenWithAge.jointResponsibilityExpenses.fieldLabel,
+    path: "/jointResponsibilityExpenses"
   }))))), typeof toWizardStep === 'number' ? React.createElement(Wizard.EditButton, {
     toStep: toWizardStep
   }) : null);

package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildrenWithAge.js","names":["React","Field","Form","Iterate","Value","Wizard","Card","Lead","translations","omitSpacingProps","pickSpacingProps","ChildrenWithAge","_ref","mode","enableAdditionalQuestions","toWizardStep","props","_objectWithoutProperties","_excluded","spacingProps","restProps","createElement","Section","_extends","required","SummaryContainer","EditContainer","_ref2","tr","useTranslation","stack","hasChildren","title","Boolean","path","label","fieldLabel","variant","defaultValue","errorMessages","Visibility","pathTrue","animate","includes","hasJointResponsibility","usesDaycare","Number","countChildren","minimum","width","maximum","showStepControls","decimalLimit","Array","countPath","countPathTransform","transformAgeItem","countPathLimit","Composition","childrenAge","align","itemPath","placeholder","confirmJointResponsibility","hasDaycare","_ref3","getValue","useData","hasNoChildren","SummaryList","suffix","transformIn","value","limit","undefined","gap","inline","trueText","jointResponsibilityTrue","falseText","jointResponsibilityFalse","daycareTrue","daycareFalse","EditButton","toStep","_ref4","Object","prototype","hasOwnProperty","call","age","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.tsx"],"sourcesContent":["import React from 'react'\nimport { Field, Form, Iterate, Value, Wizard } from '../..'\nimport { Card } from '../../../../components'\nimport { Lead } from '../../../../elements'\nimport { Translation, translations } from './ChildrenWithAgeTranslations'\nimport type { SectionProps } from '../../Form/Section'\nimport {\n  omitSpacingProps,\n  pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport { SpacingProps } from '../../../../shared/types'\n\ntype Mode = 'edit' | 'summary'\ntype Variant = Array<'joint-responsibility' | 'daycare'>\n\nexport type Props = SectionProps & {\n  mode?: Mode\n  enableAdditionalQuestions?: Variant\n  toWizardStep?: number\n} & SpacingProps\n\nexport default function ChildrenWithAge({\n  mode,\n  enableAdditionalQuestions,\n  toWizardStep,\n  ...props\n}: Props) {\n  const spacingProps = pickSpacingProps<Props>(props)\n  const restProps = omitSpacingProps(props)\n  return (\n    <Form.Section translations={translations} required {...restProps}>\n      {mode === 'summary' ? (\n        <SummaryContainer\n          toWizardStep={toWizardStep}\n          spacingProps={spacingProps}\n        />\n      ) : (\n        <EditContainer\n          enableAdditionalQuestions={enableAdditionalQuestions}\n          spacingProps={spacingProps}\n        />\n      )}\n    </Form.Section>\n  )\n}\n\nfunction EditContainer({\n  spacingProps,\n  enableAdditionalQuestions,\n}: Props & {\n  spacingProps?: SpacingProps\n}) {\n  const tr = Form.useTranslation<Translation>()\n\n  return (\n    <Card stack {...spacingProps}>\n      <Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>\n\n      <Field.Boolean\n        path=\"/hasChildren\"\n        label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n        variant=\"buttons\"\n        defaultValue={false}\n        errorMessages={{\n          required: tr.ChildrenWithAge.hasChildren.required,\n        }}\n      />\n\n      <Form.Visibility pathTrue=\"/hasChildren\" animate>\n        {enableAdditionalQuestions?.includes('joint-responsibility') && (\n          <Field.Boolean\n            path=\"/hasJointResponsibility\"\n            label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            variant=\"buttons\"\n            defaultValue={false}\n            errorMessages={{\n              required: tr.ChildrenWithAge.hasChildren.required,\n            }}\n          />\n        )}\n\n        {enableAdditionalQuestions?.includes('daycare') && (\n          <Field.Boolean\n            path=\"/usesDaycare\"\n            label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n            variant=\"buttons\"\n            defaultValue={false}\n            errorMessages={{\n              required: tr.ChildrenWithAge.usesDaycare.required,\n            }}\n          />\n        )}\n\n        <Field.Number\n          path=\"/countChildren\"\n          label={tr.ChildrenWithAge.countChildren.fieldLabel}\n          errorMessages={{\n            minimum: tr.ChildrenWithAge.countChildren.required,\n          }}\n          width=\"small\"\n          defaultValue={1}\n          minimum={1}\n          maximum={20}\n          showStepControls\n          decimalLimit={0}\n        />\n\n        <Iterate.Array\n          path=\"/children\"\n          countPath=\"/countChildren\"\n          countPathTransform={transformAgeItem}\n          countPathLimit={20}\n        >\n          <Field.Composition\n            label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n            align=\"center\"\n          >\n            <Field.Number\n              itemPath=\"/age\"\n              errorMessages={{\n                required: tr.ChildrenWithAge.childrenAge.required,\n              }}\n              placeholder=\"0\"\n              width=\"small\"\n              minimum={0}\n              maximum={17}\n              decimalLimit={0}\n            />\n\n            <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n              <Field.Boolean\n                itemPath=\"/jointResponsibility\"\n                label={\n                  tr.ChildrenWithAge.confirmJointResponsibility.fieldLabel\n                }\n              />\n            </Form.Visibility>\n\n            <Form.Visibility pathTrue=\"/usesDaycare\">\n              <Field.Boolean\n                itemPath=\"/hasDaycare\"\n                label={tr.ChildrenWithAge.hasDaycare.fieldLabel}\n              />\n            </Form.Visibility>\n          </Field.Composition>\n        </Iterate.Array>\n      </Form.Visibility>\n    </Card>\n  )\n}\n\nfunction SummaryContainer({\n  spacingProps,\n  toWizardStep,\n}: Props & {\n  spacingProps?: SpacingProps\n}) {\n  const tr = Form.useTranslation<Translation>()\n\n  const { getValue } = Form.useData()\n  const hasNoChildren = getValue('/hasChildren') === false\n\n  return (\n    <Card stack {...spacingProps}>\n      {<Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>}\n\n      <Value.SummaryList>\n        <Value.Boolean\n          path=\"/hasChildren\"\n          label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n        />\n        <Form.Visibility pathTrue=\"/hasChildren\">\n          <Value.Number\n            path=\"/countChildren\"\n            label={tr.ChildrenWithAge.countChildren.fieldLabel}\n            defaultValue={0}\n            suffix={tr.ChildrenWithAge.countChildren.suffix}\n            maximum={20}\n            transformIn={(value) => (hasNoChildren ? 0 : value)}\n          />\n        </Form.Visibility>\n        <Iterate.Array\n          path=\"/children\"\n          limit={hasNoChildren ? 0 : undefined}\n        >\n          <Value.Composition\n            label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n            gap={false}\n          >\n            <Value.Number\n              itemPath=\"/age\"\n              suffix={tr.ChildrenWithAge.childrenAge.suffix}\n              defaultValue=\"–\"\n            />\n\n            <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n              {', '}\n              <Value.Boolean\n                inline\n                itemPath=\"/jointResponsibility\"\n                trueText={tr.ChildrenWithAge.jointResponsibilityTrue}\n                falseText={tr.ChildrenWithAge.jointResponsibilityFalse}\n                defaultValue={false}\n              />\n            </Form.Visibility>\n\n            <Form.Visibility pathTrue=\"/usesDaycare\">\n              {', '}\n              <Value.Boolean\n                inline\n                itemPath=\"/hasDaycare\"\n                trueText={tr.ChildrenWithAge.daycareTrue}\n                falseText={tr.ChildrenWithAge.daycareFalse}\n                defaultValue={false}\n              />\n            </Form.Visibility>\n          </Value.Composition>\n        </Iterate.Array>\n      </Value.SummaryList>\n\n      {typeof toWizardStep === 'number' ? (\n        <Wizard.EditButton toStep={toWizardStep} />\n      ) : null}\n    </Card>\n  )\n}\n\nconst transformAgeItem = ({ value }) =>\n  Object.prototype.hasOwnProperty.call(value || {}, 'age')\n    ? value\n    : { age: undefined }\n\nChildrenWithAge._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"ChildrenWithAge.js","names":["React","Field","Form","Iterate","Value","Wizard","Card","Lead","translations","omitSpacingProps","pickSpacingProps","ChildrenWithAge","_ref","mode","enableAdditionalQuestions","toWizardStep","props","_objectWithoutProperties","_excluded","spacingProps","restProps","createElement","Section","_extends","required","SummaryContainer","EditContainer","_ref2","tr","useTranslation","stack","hasChildren","title","Boolean","path","label","fieldLabel","variant","errorMessages","Visibility","pathTrue","animate","Number","countChildren","minimum","width","maximum","showStepControls","decimalLimit","allowNegative","pathTruthy","Array","countPath","countPathTransform","transformAgeItem","countPathLimit","itemPath","childrenAge","placeholder","includes","usesDaycare","help","content","helpText","Currency","dayCareExpenses","hasJointResponsibility","jointResponsibilityExpenses","_ref3","getValue","useData","hasNoChildren","SummaryList","suffix","transformIn","value","limit","undefined","defaultValue","pathDefined","EditButton","toStep","_ref4","Object","prototype","hasOwnProperty","call","age","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.tsx"],"sourcesContent":["import React from 'react'\nimport { Field, Form, Iterate, Value, Wizard } from '../..'\nimport { Card } from '../../../../components'\nimport { Lead } from '../../../../elements'\nimport { Translation, translations } from './ChildrenWithAgeTranslations'\nimport type { SectionProps } from '../../Form/Section'\nimport {\n  omitSpacingProps,\n  pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport { SpacingProps } from '../../../../shared/types'\n\ntype Mode = 'edit' | 'summary'\ntype Variant = Array<'joint-responsibility' | 'daycare'>\n\nexport type Props = SectionProps & {\n  mode?: Mode\n  enableAdditionalQuestions?: Variant\n  toWizardStep?: number\n} & SpacingProps\n\nexport default function ChildrenWithAge({\n  mode,\n  enableAdditionalQuestions,\n  toWizardStep,\n  ...props\n}: Props) {\n  const spacingProps = pickSpacingProps<Props>(props)\n  const restProps = omitSpacingProps(props)\n  return (\n    <Form.Section translations={translations} required {...restProps}>\n      {mode === 'summary' ? (\n        <SummaryContainer\n          toWizardStep={toWizardStep}\n          spacingProps={spacingProps}\n          enableAdditionalQuestions={enableAdditionalQuestions}\n        />\n      ) : (\n        <EditContainer\n          enableAdditionalQuestions={enableAdditionalQuestions}\n          spacingProps={spacingProps}\n        />\n      )}\n    </Form.Section>\n  )\n}\n\nfunction EditContainer({\n  spacingProps,\n  enableAdditionalQuestions,\n}: Props & {\n  spacingProps?: SpacingProps\n}) {\n  const tr = Form.useTranslation<Translation>()\n\n  return (\n    <Card stack {...spacingProps}>\n      <Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>\n\n      <Field.Boolean\n        path=\"/hasChildren\"\n        label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n        variant=\"buttons\"\n        errorMessages={{\n          required: tr.ChildrenWithAge.hasChildren.required,\n        }}\n      />\n\n      <Form.Visibility pathTrue=\"/hasChildren\" animate>\n        <Field.Number\n          path=\"/countChildren\"\n          label={tr.ChildrenWithAge.countChildren.fieldLabel}\n          errorMessages={{\n            minimum: tr.ChildrenWithAge.countChildren.required,\n            required: tr.ChildrenWithAge.countChildren.required,\n          }}\n          width=\"small\"\n          minimum={1}\n          maximum={20}\n          showStepControls\n          decimalLimit={0}\n          allowNegative={false}\n        />\n\n        <Form.Visibility pathTruthy=\"/countChildren\" animate>\n          <Iterate.Array\n            path=\"/children\"\n            countPath=\"/countChildren\"\n            countPathTransform={transformAgeItem}\n            countPathLimit={20}\n            animate\n          >\n            <Field.Number\n              itemPath=\"/age\"\n              label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n              errorMessages={{\n                required: tr.ChildrenWithAge.childrenAge.required,\n              }}\n              placeholder=\"0\"\n              width=\"small\"\n              minimum={0}\n              maximum={17}\n              decimalLimit={0}\n              allowNegative={false}\n            />\n          </Iterate.Array>\n        </Form.Visibility>\n\n        {enableAdditionalQuestions?.includes('daycare') && (\n          <Field.Boolean\n            path=\"/usesDaycare\"\n            label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n            variant=\"buttons\"\n            errorMessages={{\n              required: tr.ChildrenWithAge.usesDaycare.required,\n            }}\n            help={{\n              title: tr.ChildrenWithAge.usesDaycare.fieldLabel,\n              content: tr.ChildrenWithAge.usesDaycare.helpText,\n            }}\n          />\n        )}\n\n        {enableAdditionalQuestions?.includes('daycare') && (\n          <Form.Visibility pathTrue=\"/usesDaycare\" animate>\n            <Field.Currency\n              path=\"/daycareExpenses\"\n              label={tr.ChildrenWithAge.dayCareExpenses.fieldLabel}\n              errorMessages={{\n                required: tr.ChildrenWithAge.dayCareExpenses.required,\n              }}\n              minimum={0}\n              allowNegative={false}\n            />\n          </Form.Visibility>\n        )}\n\n        {enableAdditionalQuestions?.includes('joint-responsibility') && (\n          <Field.Boolean\n            path=\"/hasJointResponsibility\"\n            label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            variant=\"buttons\"\n            errorMessages={{\n              required: tr.ChildrenWithAge.hasJointResponsibility.required,\n            }}\n          />\n        )}\n        {enableAdditionalQuestions?.includes('joint-responsibility') && (\n          <Form.Visibility pathTrue=\"/hasJointResponsibility\" animate>\n            <Field.Currency\n              path=\"/jointResponsibilityExpenses\"\n              label={\n                tr.ChildrenWithAge.jointResponsibilityExpenses.fieldLabel\n              }\n              errorMessages={{\n                required:\n                  tr.ChildrenWithAge.jointResponsibilityExpenses.required,\n              }}\n              minimum={0}\n              allowNegative={false}\n            />\n          </Form.Visibility>\n        )}\n      </Form.Visibility>\n    </Card>\n  )\n}\n\nfunction SummaryContainer({\n  spacingProps,\n  toWizardStep,\n}: Props & {\n  spacingProps?: SpacingProps\n}) {\n  const tr = Form.useTranslation<Translation>()\n\n  const { getValue } = Form.useData()\n  const hasNoChildren = getValue('/hasChildren') === false\n\n  return (\n    <Card stack {...spacingProps}>\n      {<Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>}\n\n      <Value.SummaryList>\n        <Value.Boolean\n          path=\"/hasChildren\"\n          label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n        />\n        <Form.Visibility pathTrue=\"/hasChildren\">\n          <Value.Number\n            path=\"/countChildren\"\n            label={tr.ChildrenWithAge.countChildren.fieldLabel}\n            suffix={tr.ChildrenWithAge.countChildren.suffix}\n            maximum={20}\n            transformIn={(value) => (hasNoChildren ? 0 : value)}\n          />\n          <Iterate.Array\n            path=\"/children\"\n            limit={hasNoChildren ? 0 : undefined}\n          >\n            <Value.Number\n              itemPath=\"/age\"\n              label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n              suffix={tr.ChildrenWithAge.childrenAge.suffix}\n              defaultValue=\"–\"\n            />\n          </Iterate.Array>\n          <Form.Visibility pathDefined=\"/usesDaycare\">\n            <Value.Boolean\n              label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n              path=\"/usesDaycare\"\n            />\n            <Form.Visibility pathTrue=\"/usesDaycare\">\n              <Value.Currency\n                label={tr.ChildrenWithAge.dayCareExpenses.fieldLabel}\n                path=\"/daycareExpenses\"\n              />\n            </Form.Visibility>\n          </Form.Visibility>\n\n          <Form.Visibility pathDefined=\"/hasJointResponsibility\">\n            <Value.Boolean\n              path=\"/hasJointResponsibility\"\n              label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            />\n            <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n              <Value.Currency\n                label={\n                  tr.ChildrenWithAge.jointResponsibilityExpenses.fieldLabel\n                }\n                path=\"/jointResponsibilityExpenses\"\n              />\n            </Form.Visibility>\n          </Form.Visibility>\n        </Form.Visibility>\n      </Value.SummaryList>\n\n      {typeof toWizardStep === 'number' ? (\n        <Wizard.EditButton toStep={toWizardStep} />\n      ) : null}\n    </Card>\n  )\n}\n\nconst transformAgeItem = ({ value }) =>\n  Object.prototype.hasOwnProperty.call(value || {}, 'age')\n    ? value\n    : { age: undefined }\n\nChildrenWithAge._supportsSpacingProps = true\n"],"mappings":"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"}

package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.d.ts

@@ -18,21 +18,21 @@ export declare const translations: {
             };
             hasJointResponsibility: {
                 fieldLabel: string;
+                required: string;
             };
-            confirmJointResponsibility: {
+            jointResponsibilityExpenses: {
                 fieldLabel: string;
+                required: string;
             };
             usesDaycare: {
                 fieldLabel: string;
                 required: string;
+                helpText: string;
             };
-            hasDaycare: {
+            dayCareExpenses: {
                 fieldLabel: string;
+                required: string;
             };
-            jointResponsibilityTrue: string;
-            jointResponsibilityFalse: string;
-            daycareTrue: string;
-            daycareFalse: string;
         };
     };
     'en-GB': {
@@ -54,21 +54,21 @@ export declare const translations: {
             };
             hasJointResponsibility: {
                 fieldLabel: string;
+                required: string;
             };
-            confirmJointResponsibility: {
+            jointResponsibilityExpenses: {
                 fieldLabel: string;
+                required: string;
             };
             usesDaycare: {
                 fieldLabel: string;
                 required: string;
+                helpText: string;
             };
-            hasDaycare: {
+            dayCareExpenses: {
                 fieldLabel: string;
+                required: string;
             };
-            jointResponsibilityTrue: string;
-            jointResponsibilityFalse: string;
-            daycareTrue: string;
-            daycareFalse: string;
         };
     };
 };

package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js

@@ -15,22 +15,22 @@ const nbNO = {
     suffix: 'år'
   },
   hasJointResponsibility: {
-    fieldLabel: 'Har du delt omsorg for noen av barna?'
+    fieldLabel: 'Betaler du/dere barnebidrag?',
+    required: 'Du må angi om du/dere betaler barnebidrag.'
   },
-  confirmJointResponsibility: {
-    fieldLabel: 'Delt omsorg'
+  jointResponsibilityExpenses: {
+    fieldLabel: 'Oppgi barnebidrag per måned',
+    required: 'Du må oppgi barnebidrag per måned.'
   },
   usesDaycare: {
-    fieldLabel: 'Har du/dere SFO/AKS for noen av barna?',
-    required: 'Du må angi om du har SFO/AKS for noen av barna.'
+    fieldLabel: 'Har du/dere utgifter til SFO/AKS?',
+    required: 'Du må angi om du/dere har utgifter til SFO/AKS.',
+    helpText: 'Oppgi totalt beløp per måned som du betaler til Skolefritidsordningen (SFO) eller Aktivitetsskolen (AKS).\n\nBarnehageutgifter skal ikke tas med her.'
   },
-  hasDaycare: {
-    fieldLabel: 'Er på SFO/AKS'
-  },
-  jointResponsibilityTrue: 'delt omsorg',
-  jointResponsibilityFalse: 'ikke delt omsorg',
-  daycareTrue: 'SFO/AKS',
-  daycareFalse: 'uten SFO/AKS'
+  dayCareExpenses: {
+    fieldLabel: 'Oppgi utgifter til SFO/AKS per måned',
+    required: 'Du må oppgi dine utgifter til SFO/AKS per måned.'
+  }
 };
 const enGB = {
   hasChildren: {
@@ -49,22 +49,22 @@ const enGB = {
     suffix: 'years old'
   },
   hasJointResponsibility: {
-    fieldLabel: 'Do you have joint parental responsibility for any of the children?'
+    fieldLabel: 'Do you pay child support?',
+    required: 'You must state whether you pay child support.'
   },
-  confirmJointResponsibility: {
-    fieldLabel: 'Joint parental responsibility'
+  jointResponsibilityExpenses: {
+    fieldLabel: 'Enter child support per month',
+    required: 'You must enter child support per month.'
   },
   usesDaycare: {
-    fieldLabel: 'Do you have SFO/AKS for any of the children?',
-    required: 'You must state whether you have SFO/AKS for any of the children.'
+    fieldLabel: 'Do you have expenses for SFO/AKS?',
+    required: 'You must state whether you have any expenses for SFO/AKS.',
+    helpText: 'State the total amount per month that you pay to Skolefritidsordningen (SFO) or Aktivitetsskolen (AKS).\n\nKindergarten expenses are not to be included here.'
   },
-  hasDaycare: {
-    fieldLabel: 'Has SFO/AKS'
-  },
-  jointResponsibilityTrue: 'joint parental responsibility',
-  jointResponsibilityFalse: 'not joint parental responsibility',
-  daycareTrue: 'SFO/AKS',
-  daycareFalse: 'without SFO/AKS'
+  dayCareExpenses: {
+    fieldLabel: 'Enter expenses for SFO/AKS per month',
+    required: 'You must enter your expenses for SFO/AKS per month.'
+  }
 };
 export const translations = {
   'nb-NO': {

package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildrenWithAgeTranslations.js","names":["nbNO","hasChildren","title","fieldLabel","required","countChildren","suffix","childrenAge","hasJointResponsibility","confirmJointResponsibility","usesDaycare","hasDaycare","jointResponsibilityTrue","jointResponsibilityFalse","daycareTrue","daycareFalse","enGB","translations","ChildrenWithAge"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.ts"],"sourcesContent":["const nbNO = {\n  hasChildren: {\n    title: 'Antall barn',\n    fieldLabel: 'Har du/dere barn under 18 år?',\n    required: 'Du må angi om du har barn under 18 år eller ikke.',\n  },\n  countChildren: {\n    fieldLabel: 'Antall barn under 18 år',\n    required: 'Du må skrive inn antall barn.',\n    suffix: 'barn',\n  },\n  childrenAge: {\n    fieldLabel: 'Alder på barn nr. {itemNo}',\n    required: 'Du må skrive inn alder på barnet.',\n    suffix: 'år',\n  },\n  hasJointResponsibility: {\n    fieldLabel: 'Har du delt omsorg for noen av barna?',\n  },\n  confirmJointResponsibility: {\n    fieldLabel: 'Delt omsorg',\n  },\n  usesDaycare: {\n    fieldLabel: 'Har du/dere SFO/AKS for noen av barna?',\n    required: 'Du må angi om du har SFO/AKS for noen av barna.',\n  },\n  hasDaycare: {\n    fieldLabel: 'Er på SFO/AKS',\n  },\n  jointResponsibilityTrue: 'delt omsorg',\n  jointResponsibilityFalse: 'ikke delt omsorg',\n  daycareTrue: 'SFO/AKS',\n  daycareFalse: 'uten SFO/AKS',\n}\n\nconst enGB = {\n  hasChildren: {\n    title: 'Number of children',\n    fieldLabel: 'Do you have children under the age of 18?',\n    required: 'You must state whether you have children under 18 or not.',\n  },\n  countChildren: {\n    fieldLabel: 'Number of children under the age of 18',\n    required: 'You must enter the number of children.',\n    suffix: 'children',\n  },\n  childrenAge: {\n    fieldLabel: 'Age of child no. {itemNo}',\n    required: 'You must enter the age of the child.',\n    suffix: 'years old',\n  },\n  hasJointResponsibility: {\n    fieldLabel:\n      'Do you have joint parental responsibility for any of the children?',\n  },\n  confirmJointResponsibility: {\n    fieldLabel: 'Joint parental responsibility',\n  },\n  usesDaycare: {\n    fieldLabel: 'Do you have SFO/AKS for any of the children?',\n    required:\n      'You must state whether you have SFO/AKS for any of the children.',\n  },\n  hasDaycare: {\n    fieldLabel: 'Has SFO/AKS',\n  },\n  jointResponsibilityTrue: 'joint parental responsibility',\n  jointResponsibilityFalse: 'not joint parental responsibility',\n  daycareTrue: 'SFO/AKS',\n  daycareFalse: 'without SFO/AKS',\n} satisfies typeof nbNO\n\nexport const translations = {\n  'nb-NO': { ChildrenWithAge: nbNO },\n  'en-GB': { ChildrenWithAge: enGB },\n}\n\nexport type Translation = (typeof translations)[keyof typeof translations]\n"],"mappings":"AAAA,MAAMA,IAAI,GAAG;EACXC,WAAW,EAAE;IACXC,KAAK,EAAE,aAAa;IACpBC,UAAU,EAAE,+BAA+B;IAC3CC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbF,UAAU,EAAE,yBAAyB;IACrCC,QAAQ,EAAE,+BAA+B;IACzCE,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXJ,UAAU,EAAE,4BAA4B;IACxCC,QAAQ,EAAE,mCAAmC;IAC7CE,MAAM,EAAE;EACV,CAAC;EACDE,sBAAsB,EAAE;IACtBL,UAAU,EAAE;EACd,CAAC;EACDM,0BAA0B,EAAE;IAC1BN,UAAU,EAAE;EACd,CAAC;EACDO,WAAW,EAAE;IACXP,UAAU,EAAE,wCAAwC;IACpDC,QAAQ,EAAE;EACZ,CAAC;EACDO,UAAU,EAAE;IACVR,UAAU,EAAE;EACd,CAAC;EACDS,uBAAuB,EAAE,aAAa;EACtCC,wBAAwB,EAAE,kBAAkB;EAC5CC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE;AAChB,CAAC;AAED,MAAMC,IAAI,GAAG;EACXf,WAAW,EAAE;IACXC,KAAK,EAAE,oBAAoB;IAC3BC,UAAU,EAAE,2CAA2C;IACvDC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbF,UAAU,EAAE,wCAAwC;IACpDC,QAAQ,EAAE,wCAAwC;IAClDE,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXJ,UAAU,EAAE,2BAA2B;IACvCC,QAAQ,EAAE,sCAAsC;IAChDE,MAAM,EAAE;EACV,CAAC;EACDE,sBAAsB,EAAE;IACtBL,UAAU,EACR;EACJ,CAAC;EACDM,0BAA0B,EAAE;IAC1BN,UAAU,EAAE;EACd,CAAC;EACDO,WAAW,EAAE;IACXP,UAAU,EAAE,8CAA8C;IAC1DC,QAAQ,EACN;EACJ,CAAC;EACDO,UAAU,EAAE;IACVR,UAAU,EAAE;EACd,CAAC;EACDS,uBAAuB,EAAE,+BAA+B;EACxDC,wBAAwB,EAAE,mCAAmC;EAC7DC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE;AAChB,CAAuB;AAEvB,OAAO,MAAME,YAAY,GAAG;EAC1B,OAAO,EAAE;IAAEC,eAAe,EAAElB;EAAK,CAAC;EAClC,OAAO,EAAE;IAAEkB,eAAe,EAAEF;EAAK;AACnC,CAAC"}
+{"version":3,"file":"ChildrenWithAgeTranslations.js","names":["nbNO","hasChildren","title","fieldLabel","required","countChildren","suffix","childrenAge","hasJointResponsibility","jointResponsibilityExpenses","usesDaycare","helpText","dayCareExpenses","enGB","translations","ChildrenWithAge"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.ts"],"sourcesContent":["const nbNO = {\n  hasChildren: {\n    title: 'Antall barn',\n    fieldLabel: 'Har du/dere barn under 18 år?',\n    required: 'Du må angi om du har barn under 18 år eller ikke.',\n  },\n  countChildren: {\n    fieldLabel: 'Antall barn under 18 år',\n    required: 'Du må skrive inn antall barn.',\n    suffix: 'barn',\n  },\n  childrenAge: {\n    fieldLabel: 'Alder på barn nr. {itemNo}',\n    required: 'Du må skrive inn alder på barnet.',\n    suffix: 'år',\n  },\n  hasJointResponsibility: {\n    fieldLabel: 'Betaler du/dere barnebidrag?',\n    required: 'Du må angi om du/dere betaler barnebidrag.',\n  },\n  jointResponsibilityExpenses: {\n    fieldLabel: 'Oppgi barnebidrag per måned',\n    required: 'Du må oppgi barnebidrag per måned.',\n  },\n  usesDaycare: {\n    fieldLabel: 'Har du/dere utgifter til SFO/AKS?',\n    required: 'Du må angi om du/dere har utgifter til SFO/AKS.',\n    helpText:\n      'Oppgi totalt beløp per måned som du betaler til Skolefritidsordningen (SFO) eller Aktivitetsskolen (AKS).\\n\\nBarnehageutgifter skal ikke tas med her.',\n  },\n  dayCareExpenses: {\n    fieldLabel: 'Oppgi utgifter til SFO/AKS per måned',\n    required: 'Du må oppgi dine utgifter til SFO/AKS per måned.',\n  },\n}\n\nconst enGB = {\n  hasChildren: {\n    title: 'Number of children',\n    fieldLabel: 'Do you have children under the age of 18?',\n    required: 'You must state whether you have children under 18 or not.',\n  },\n  countChildren: {\n    fieldLabel: 'Number of children under the age of 18',\n    required: 'You must enter the number of children.',\n    suffix: 'children',\n  },\n  childrenAge: {\n    fieldLabel: 'Age of child no. {itemNo}',\n    required: 'You must enter the age of the child.',\n    suffix: 'years old',\n  },\n  hasJointResponsibility: {\n    fieldLabel: 'Do you pay child support?',\n    required: 'You must state whether you pay child support.',\n  },\n  jointResponsibilityExpenses: {\n    fieldLabel: 'Enter child support per month',\n    required: 'You must enter child support per month.',\n  },\n  usesDaycare: {\n    fieldLabel: 'Do you have expenses for SFO/AKS?',\n    required: 'You must state whether you have any expenses for SFO/AKS.',\n    helpText:\n      'State the total amount per month that you pay to Skolefritidsordningen (SFO) or Aktivitetsskolen (AKS).\\n\\nKindergarten expenses are not to be included here.',\n  },\n  dayCareExpenses: {\n    fieldLabel: 'Enter expenses for SFO/AKS per month',\n    required: 'You must enter your expenses for SFO/AKS per month.',\n  },\n} satisfies typeof nbNO\n\nexport const translations = {\n  'nb-NO': { ChildrenWithAge: nbNO },\n  'en-GB': { ChildrenWithAge: enGB },\n}\n\nexport type Translation = (typeof translations)[keyof typeof translations]\n"],"mappings":"AAAA,MAAMA,IAAI,GAAG;EACXC,WAAW,EAAE;IACXC,KAAK,EAAE,aAAa;IACpBC,UAAU,EAAE,+BAA+B;IAC3CC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbF,UAAU,EAAE,yBAAyB;IACrCC,QAAQ,EAAE,+BAA+B;IACzCE,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXJ,UAAU,EAAE,4BAA4B;IACxCC,QAAQ,EAAE,mCAAmC;IAC7CE,MAAM,EAAE;EACV,CAAC;EACDE,sBAAsB,EAAE;IACtBL,UAAU,EAAE,8BAA8B;IAC1CC,QAAQ,EAAE;EACZ,CAAC;EACDK,2BAA2B,EAAE;IAC3BN,UAAU,EAAE,6BAA6B;IACzCC,QAAQ,EAAE;EACZ,CAAC;EACDM,WAAW,EAAE;IACXP,UAAU,EAAE,mCAAmC;IAC/CC,QAAQ,EAAE,iDAAiD;IAC3DO,QAAQ,EACN;EACJ,CAAC;EACDC,eAAe,EAAE;IACfT,UAAU,EAAE,sCAAsC;IAClDC,QAAQ,EAAE;EACZ;AACF,CAAC;AAED,MAAMS,IAAI,GAAG;EACXZ,WAAW,EAAE;IACXC,KAAK,EAAE,oBAAoB;IAC3BC,UAAU,EAAE,2CAA2C;IACvDC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbF,UAAU,EAAE,wCAAwC;IACpDC,QAAQ,EAAE,wCAAwC;IAClDE,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXJ,UAAU,EAAE,2BAA2B;IACvCC,QAAQ,EAAE,sCAAsC;IAChDE,MAAM,EAAE;EACV,CAAC;EACDE,sBAAsB,EAAE;IACtBL,UAAU,EAAE,2BAA2B;IACvCC,QAAQ,EAAE;EACZ,CAAC;EACDK,2BAA2B,EAAE;IAC3BN,UAAU,EAAE,+BAA+B;IAC3CC,QAAQ,EAAE;EACZ,CAAC;EACDM,WAAW,EAAE;IACXP,UAAU,EAAE,mCAAmC;IAC/CC,QAAQ,EAAE,2DAA2D;IACrEO,QAAQ,EACN;EACJ,CAAC;EACDC,eAAe,EAAE;IACfT,UAAU,EAAE,sCAAsC;IAClDC,QAAQ,EAAE;EACZ;AACF,CAAuB;AAEvB,OAAO,MAAMU,YAAY,GAAG;EAC1B,OAAO,EAAE;IAAEC,eAAe,EAAEf;EAAK,CAAC;EAClC,OAAO,EAAE;IAAEe,eAAe,EAAEF;EAAK;AACnC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnb/eufemia",
-  "version": "10.52.0",
+  "version": "10.52.1",
   "description": "DNB Eufemia Design System UI Library",
   "license": "SEE LICENSE IN LICENSE FILE",
   "author": "DNB Team & Tobias Høegh",

package/shared/Eufemia.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "10.52.0";
+export declare const version = "10.52.1";
 export declare function init(): void;

package/shared/Eufemia.js

@@ -1,9 +1,9 @@
-export const version = '10.52.0';
+export const version = '10.52.1';
 export function init() {
   if (typeof window !== 'undefined') {
     class Eufemia {
       get version() {
-        return '10.52.0';
+        return '10.52.1';
       }
     }
     window.Eufemia = new Eufemia();

package/shared/Eufemia.js.map

@@ -1 +1 @@
-{"version":3,"file":"Eufemia.js","names":["version","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.ts"],"sourcesContent":["export const version = '10.52.0'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.52.0'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,SAAS;AAEhC,OAAO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIH,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAE,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF"}
+{"version":3,"file":"Eufemia.js","names":["version","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.ts"],"sourcesContent":["export const version = '10.52.1'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.52.1'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,SAAS;AAEhC,OAAO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIH,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAE,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF"}

package/style/core/scopes.scss

@@ -45,7 +45,7 @@
   word-break: break-word;
 
   // Will add this to the body tag – later we can test for a version mismatch
-  --eufemia-version: '10.52.0';
+  --eufemia-version: '10.52.1';
 
   @content;
 }

package/style/dnb-ui-basis.css

@@ -251,7 +251,7 @@ body {
   /* stylelint-disable-next-line */
   -webkit-text-size-adjust: 100%;
   word-break: break-word;
-  --eufemia-version: "10.52.0";
+  --eufemia-version: "10.52.1";
 }
 .dnb-core-style *,
 .dnb-core-style ::before,