@dnb/eufemia 10.75.1 → 10.75.3

package/extensions/forms/Form/Isolation/IsolationDataReference.js.map

@@ -1 +1 @@
-{"version":3,"file":"IsolationDataReference.js","names":["createDataReference","snapshotRef","current","undefined","eventsRef","refresh","forEach","fn","update","data","cleanup"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationDataReference.ts"],"sourcesContent":["import React from 'react'\n\nexport type IsolationDataReference = {\n  refresh: () => void\n  update: (data: unknown) => void\n  cleanup: () => void\n  snapshotRef: React.MutableRefObject<unknown>\n  eventsRef: React.MutableRefObject<Array<() => void>>\n}\n\nexport function createDataReference(): IsolationDataReference {\n  const snapshotRef = { current: undefined }\n  const eventsRef = { current: [] }\n\n  const refresh: IsolationDataReference['refresh'] = () => {\n    eventsRef.current.forEach((fn) => fn())\n  }\n\n  const update: IsolationDataReference['update'] = (data) => {\n    snapshotRef.current = data\n  }\n\n  const cleanup: IsolationDataReference['cleanup'] = () => {\n    eventsRef.current = []\n  }\n\n  return {\n    refresh,\n    update,\n    cleanup,\n    snapshotRef,\n    eventsRef,\n  }\n}\n"],"mappings":"AAUA,OAAO,SAASA,mBAAmBA,CAAA,EAA2B;EAC5D,MAAMC,WAAW,GAAG;IAAEC,OAAO,EAAEC;EAAU,CAAC;EAC1C,MAAMC,SAAS,GAAG;IAAEF,OAAO,EAAE;EAAG,CAAC;EAEjC,MAAMG,OAA0C,GAAGA,CAAA,KAAM;IACvDD,SAAS,CAACF,OAAO,CAACI,OAAO,CAAEC,EAAE,IAAKA,EAAE,CAAC,CAAC,CAAC;EACzC,CAAC;EAED,MAAMC,MAAwC,GAAIC,IAAI,IAAK;IACzDR,WAAW,CAACC,OAAO,GAAGO,IAAI;EAC5B,CAAC;EAED,MAAMC,OAA0C,GAAGA,CAAA,KAAM;IACvDN,SAAS,CAACF,OAAO,GAAG,EAAE;EACxB,CAAC;EAED,OAAO;IACLG,OAAO;IACPG,MAAM;IACNE,OAAO;IACPT,WAAW;IACXG;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"file":"IsolationDataReference.js","names":["createDataReference","snapshotRef","current","undefined","eventsRef","refresh","deferred","arguments","length","update","forEach","fn","window","requestAnimationFrame","data","cleanup","index","indexOf","splice"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationDataReference.ts"],"sourcesContent":["import React from 'react'\n\nexport type IsolationDataReference = {\n  refresh: (options?: { deferred?: boolean }) => void\n  update: (data: unknown) => void\n  cleanup: (fn?: () => void) => void\n  snapshotRef: React.MutableRefObject<unknown>\n  eventsRef: React.MutableRefObject<Array<() => void>>\n}\n\nexport function createDataReference(): IsolationDataReference {\n  const snapshotRef = { current: undefined }\n  const eventsRef = { current: [] }\n\n  const refresh: IsolationDataReference['refresh'] = ({\n    deferred = false,\n  } = {}) => {\n    const update = () => eventsRef.current.forEach((fn) => fn())\n    if (deferred && typeof window !== 'undefined') {\n      requestAnimationFrame(update)\n    } else {\n      update()\n    }\n  }\n\n  const update: IsolationDataReference['update'] = (data) => {\n    snapshotRef.current = data\n  }\n\n  const cleanup: IsolationDataReference['cleanup'] = (fn = null) => {\n    if (fn) {\n      const index = eventsRef.current.indexOf(fn)\n      if (index !== -1) {\n        eventsRef.current.splice(index, 1)\n      }\n    } else {\n      eventsRef.current = []\n    }\n  }\n\n  return {\n    refresh,\n    update,\n    cleanup,\n    snapshotRef,\n    eventsRef,\n  }\n}\n"],"mappings":"AAUA,OAAO,SAASA,mBAAmBA,CAAA,EAA2B;EAC5D,MAAMC,WAAW,GAAG;IAAEC,OAAO,EAAEC;EAAU,CAAC;EAC1C,MAAMC,SAAS,GAAG;IAAEF,OAAO,EAAE;EAAG,CAAC;EAEjC,MAAMG,OAA0C,GAAG,SAAAA,CAAA,EAExC;IAAA,IAFyC;MAClDC,QAAQ,GAAG;IACb,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAJ,SAAA,GAAAI,SAAA,MAAG,CAAC,CAAC;IACJ,MAAME,MAAM,GAAGA,CAAA,KAAML,SAAS,CAACF,OAAO,CAACQ,OAAO,CAAEC,EAAE,IAAKA,EAAE,CAAC,CAAC,CAAC;IAC5D,IAAIL,QAAQ,IAAI,OAAOM,MAAM,KAAK,WAAW,EAAE;MAC7CC,qBAAqB,CAACJ,MAAM,CAAC;IAC/B,CAAC,MAAM;MACLA,MAAM,CAAC,CAAC;IACV;EACF,CAAC;EAED,MAAMA,MAAwC,GAAIK,IAAI,IAAK;IACzDb,WAAW,CAACC,OAAO,GAAGY,IAAI;EAC5B,CAAC;EAED,MAAMC,OAA0C,GAAG,SAAAA,CAAA,EAAe;IAAA,IAAdJ,EAAE,GAAAJ,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAJ,SAAA,GAAAI,SAAA,MAAG,IAAI;IAC3D,IAAII,EAAE,EAAE;MACN,MAAMK,KAAK,GAAGZ,SAAS,CAACF,OAAO,CAACe,OAAO,CAACN,EAAE,CAAC;MAC3C,IAAIK,KAAK,KAAK,CAAC,CAAC,EAAE;QAChBZ,SAAS,CAACF,OAAO,CAACgB,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;MACpC;IACF,CAAC,MAAM;MACLZ,SAAS,CAACF,OAAO,GAAG,EAAE;IACxB;EACF,CAAC;EAED,OAAO;IACLG,OAAO;IACPI,MAAM;IACNM,OAAO;IACPd,WAAW;IACXG;EACF,CAAC;AACH","ignoreList":[]}

package/extensions/forms/Form/Isolation/IsolationDocs.js

@@ -34,7 +34,7 @@ export const IsolationProperties = _objectSpread(_objectSpread({
     status: 'optional'
   },
   dataReference: {
-    doc: 'Provide a reference by using `Form.Isolation.createDataReference.`',
+    doc: 'Provide a reference by using `Form.Isolation.createDataReference`.',
     type: 'IsolationDataReference',
     status: 'optional'
   }

package/extensions/forms/Form/Isolation/IsolationDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"IsolationDocs.js","names":["ProviderEvents","ProviderProperties","IsolationProperties","_objectSpread","path","doc","type","status","transformOnCommit","commitHandleRef","bubbleValidation","preventUncommittedChanges","resetDataAfterCommit","dataReference","minimumAsyncBehaviorTime","undefined","asyncSubmitTimeout","scrollTopOnSubmit","sessionStorageId","globalStatusId","IsolationEvents","onCommit","onSubmit","onSubmitRequest","onSubmitComplete"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport {\n  ProviderEvents,\n  ProviderProperties,\n} from '../../DataContext/Provider/ProviderDocs'\n\nexport const IsolationProperties: PropertiesTableProps = {\n  path: {\n    doc: 'JSON Pointer to define the object key for all the generated nested field data.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformOnCommit: {\n    doc: 'Transform the data before it gets committed to the form. The first parameter is the isolated data object. The second parameter is the outer context data object (Form.Handler).',\n    type: 'function',\n    status: 'optional',\n  },\n  commitHandleRef: {\n    doc: 'Provide a ref to a function that can be called from any location to commit the data to the form.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  bubbleValidation: {\n    doc: 'Prevent the form from being submitted when there are fields with errors inside the Form.Isolation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  preventUncommittedChanges: {\n    doc: 'Prevents uncommitted changes before the form is submitted. Will display an error message if user tries to submit without committing their changes.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  resetDataAfterCommit: {\n    doc: 'If set to `true`, the Form.Isolation will reset its data context after committing the data to the outer context.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  dataReference: {\n    doc: 'Provide a reference by using `Form.Isolation.createDataReference.`',\n    type: 'IsolationDataReference',\n    status: 'optional',\n  },\n  ...ProviderProperties,\n  minimumAsyncBehaviorTime: undefined,\n  asyncSubmitTimeout: undefined,\n  scrollTopOnSubmit: undefined,\n  sessionStorageId: undefined,\n  globalStatusId: undefined,\n}\n\nexport const IsolationEvents: PropertiesTableProps = {\n  onCommit: {\n    doc: 'Will be called on a nested form context commit – if validation has passed. The first parameter is the committed data object. The second parameter is an object containing a method to clear the internal data `{ clearData }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  ...ProviderEvents,\n  onSubmit: undefined,\n  onSubmitRequest: undefined,\n  onSubmitComplete: undefined,\n}\n"],"mappings":";;;AACA,SACEA,cAAc,EACdC,kBAAkB,QACb,yCAAyC;AAEhD,OAAO,MAAMC,mBAAyC,GAAAC,aAAA,CAAAA,aAAA;EACpDC,IAAI,EAAE;IACJC,GAAG,EAAE,gFAAgF;IACrFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,iBAAiB,EAAE;IACjBH,GAAG,EAAE,iLAAiL;IACtLC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,eAAe,EAAE;IACfJ,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDG,gBAAgB,EAAE;IAChBL,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,yBAAyB,EAAE;IACzBN,GAAG,EAAE,oJAAoJ;IACzJC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,oBAAoB,EAAE;IACpBP,GAAG,EAAE,kHAAkH;IACvHC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,aAAa,EAAE;IACbR,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,wBAAwB;IAC9BC,MAAM,EAAE;EACV;AAAC,GACEN,kBAAkB;EACrBa,wBAAwB,EAAEC,SAAS;EACnCC,kBAAkB,EAAED,SAAS;EAC7BE,iBAAiB,EAAEF,SAAS;EAC5BG,gBAAgB,EAAEH,SAAS;EAC3BI,cAAc,EAAEJ;AAAS,EAC1B;AAED,OAAO,MAAMK,eAAqC,GAAAjB,aAAA,CAAAA,aAAA;EAChDkB,QAAQ,EAAE;IACRhB,GAAG,EAAE,gOAAgO;IACrOC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AAAC,GACEP,cAAc;EACjBsB,QAAQ,EAAEP,SAAS;EACnBQ,eAAe,EAAER,SAAS;EAC1BS,gBAAgB,EAAET;AAAS,EAC5B","ignoreList":[]}
+{"version":3,"file":"IsolationDocs.js","names":["ProviderEvents","ProviderProperties","IsolationProperties","_objectSpread","path","doc","type","status","transformOnCommit","commitHandleRef","bubbleValidation","preventUncommittedChanges","resetDataAfterCommit","dataReference","minimumAsyncBehaviorTime","undefined","asyncSubmitTimeout","scrollTopOnSubmit","sessionStorageId","globalStatusId","IsolationEvents","onCommit","onSubmit","onSubmitRequest","onSubmitComplete"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport {\n  ProviderEvents,\n  ProviderProperties,\n} from '../../DataContext/Provider/ProviderDocs'\n\nexport const IsolationProperties: PropertiesTableProps = {\n  path: {\n    doc: 'JSON Pointer to define the object key for all the generated nested field data.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformOnCommit: {\n    doc: 'Transform the data before it gets committed to the form. The first parameter is the isolated data object. The second parameter is the outer context data object (Form.Handler).',\n    type: 'function',\n    status: 'optional',\n  },\n  commitHandleRef: {\n    doc: 'Provide a ref to a function that can be called from any location to commit the data to the form.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  bubbleValidation: {\n    doc: 'Prevent the form from being submitted when there are fields with errors inside the Form.Isolation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  preventUncommittedChanges: {\n    doc: 'Prevents uncommitted changes before the form is submitted. Will display an error message if user tries to submit without committing their changes.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  resetDataAfterCommit: {\n    doc: 'If set to `true`, the Form.Isolation will reset its data context after committing the data to the outer context.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  dataReference: {\n    doc: 'Provide a reference by using `Form.Isolation.createDataReference`.',\n    type: 'IsolationDataReference',\n    status: 'optional',\n  },\n  ...ProviderProperties,\n  minimumAsyncBehaviorTime: undefined,\n  asyncSubmitTimeout: undefined,\n  scrollTopOnSubmit: undefined,\n  sessionStorageId: undefined,\n  globalStatusId: undefined,\n}\n\nexport const IsolationEvents: PropertiesTableProps = {\n  onCommit: {\n    doc: 'Will be called on a nested form context commit – if validation has passed. The first parameter is the committed data object. The second parameter is an object containing a method to clear the internal data `{ clearData }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  ...ProviderEvents,\n  onSubmit: undefined,\n  onSubmitRequest: undefined,\n  onSubmitComplete: undefined,\n}\n"],"mappings":";;;AACA,SACEA,cAAc,EACdC,kBAAkB,QACb,yCAAyC;AAEhD,OAAO,MAAMC,mBAAyC,GAAAC,aAAA,CAAAA,aAAA;EACpDC,IAAI,EAAE;IACJC,GAAG,EAAE,gFAAgF;IACrFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,iBAAiB,EAAE;IACjBH,GAAG,EAAE,iLAAiL;IACtLC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,eAAe,EAAE;IACfJ,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDG,gBAAgB,EAAE;IAChBL,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,yBAAyB,EAAE;IACzBN,GAAG,EAAE,oJAAoJ;IACzJC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,oBAAoB,EAAE;IACpBP,GAAG,EAAE,kHAAkH;IACvHC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,aAAa,EAAE;IACbR,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,wBAAwB;IAC9BC,MAAM,EAAE;EACV;AAAC,GACEN,kBAAkB;EACrBa,wBAAwB,EAAEC,SAAS;EACnCC,kBAAkB,EAAED,SAAS;EAC7BE,iBAAiB,EAAEF,SAAS;EAC5BG,gBAAgB,EAAEH,SAAS;EAC3BI,cAAc,EAAEJ;AAAS,EAC1B;AAED,OAAO,MAAMK,eAAqC,GAAAjB,aAAA,CAAAA,aAAA;EAChDkB,QAAQ,EAAE;IACRhB,GAAG,EAAE,gOAAgO;IACrOC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AAAC,GACEP,cAAc;EACjBsB,QAAQ,EAAEP,SAAS;EACnBQ,eAAe,EAAER,SAAS;EAC1BS,gBAAgB,EAAET;AAAS,EAC5B","ignoreList":[]}

package/extensions/forms/Form/Isolation/IsolationResetButton.js

@@ -49,7 +49,8 @@ export default function IsolationResetButton(props) {
   } = useHandleStatus({
     outerContext,
     preventUncommittedChanges,
-    error: isolationError
+    error: isolationError,
+    name: 'isolation-reset-button'
   });
   const buttonProps = omitDataValueReadWriteProps(restProps);
   const {

package/extensions/forms/Form/Isolation/IsolationResetButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IsolationResetButton.js","names":["React","useCallback","useContext","classnames","Button","Dialog","useTranslation","FieldBoundaryContext","reset","useHasContentChanged","omitDataValueReadWriteProps","useDataContextSnapshot","useHandleStatus","isolationError","IsolationContext","IsolationResetButton","props","text","children","onClick","className","hidden","showConfirmDialog","showWhen","restProps","_objectWithoutProperties","_excluded","outerContext","preventUncommittedChanges","setShowBoundaryErrors","handleReset","enabled","hasContentChanged","showStatus","showCommitStatus","error","buttonProps","resetButton","IterateEditContainer","confirmResetText","textContent","buttonWrapperRef","useRef","handleClick","_ref","_buttonWrapperRef$cur","close","event","current","focus","triggerAttributes","_objectSpread","variant","icon","icon_position","disabled","createElement","tabIndex","ref","Boolean","title","onConfirm","_extends","on_click"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationResetButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button, Dialog } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { reset } from '../../../../icons'\nimport { ButtonProps } from '../../../../components/Button'\nimport useHasContentChanged from './useHasContentChanged'\nimport { omitDataValueReadWriteProps } from '../../types'\nimport useDataContextSnapshot from './useDataContextSnapshot'\nimport useHandleStatus from './useHandleStatus'\nimport { isolationError } from './IsolatedContainer'\nimport IsolationContext from './IsolationContext'\n\ntype Props = ButtonProps & {\n  showConfirmDialog?: boolean\n  showWhen?: 'uncommittedChangeDetected'\n}\n\nexport default function IsolationResetButton(props: Props) {\n  const {\n    text,\n    children,\n    onClick,\n    className,\n    hidden,\n    showConfirmDialog = true,\n    showWhen,\n    ...restProps\n  } = props\n\n  const { outerContext, preventUncommittedChanges } =\n    useContext(IsolationContext)\n  const { setShowBoundaryErrors } = useContext(FieldBoundaryContext) || {}\n\n  const { handleReset } = useDataContextSnapshot({ enabled: true })\n  const { hasContentChanged } = useHasContentChanged()\n  const { showStatus: showCommitStatus } = useHandleStatus({\n    outerContext,\n    preventUncommittedChanges,\n    error: isolationError,\n  })\n\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const { resetButton } = useTranslation().IterateEditContainer\n  const { confirmResetText } = useTranslation().IterateEditContainer\n  const textContent = text || children || resetButton\n\n  const buttonWrapperRef = React.useRef<HTMLButtonElement>(null)\n  const handleClick = useCallback(\n    ({ close, event }) => {\n      close?.()\n      onClick?.(event)\n      handleReset()\n      setShowBoundaryErrors?.(false)\n      buttonWrapperRef.current?.focus()\n    },\n    [onClick, handleReset, setShowBoundaryErrors]\n  )\n\n  if (hidden) {\n    return null\n  }\n\n  const triggerAttributes: ButtonProps = {\n    className: classnames('dnb-forms-isolate__reset-button', className),\n    text: textContent,\n    variant: textContent ? 'tertiary' : 'secondary',\n    icon: reset,\n    icon_position: 'left',\n    disabled:\n      typeof hasContentChanged === 'boolean' ? !hasContentChanged : false,\n    ...buttonProps,\n  }\n\n  return (\n    <span\n      tabIndex={-1}\n      ref={buttonWrapperRef}\n      className=\"dnb-no-focus\"\n      hidden={\n        !(showWhen === 'uncommittedChangeDetected'\n          ? Boolean(showCommitStatus)\n          : true)\n      }\n    >\n      {showConfirmDialog ? (\n        <Dialog\n          variant=\"confirmation\"\n          title={confirmResetText}\n          triggerAttributes={triggerAttributes}\n          onConfirm={handleClick}\n        />\n      ) : (\n        <Button\n          {...triggerAttributes}\n          on_click={handleClick}\n          {...buttonProps}\n        >\n          {resetButton}\n        </Button>\n      )}\n    </span>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"IsolationResetButton.js","names":["React","useCallback","useContext","classnames","Button","Dialog","useTranslation","FieldBoundaryContext","reset","useHasContentChanged","omitDataValueReadWriteProps","useDataContextSnapshot","useHandleStatus","isolationError","IsolationContext","IsolationResetButton","props","text","children","onClick","className","hidden","showConfirmDialog","showWhen","restProps","_objectWithoutProperties","_excluded","outerContext","preventUncommittedChanges","setShowBoundaryErrors","handleReset","enabled","hasContentChanged","showStatus","showCommitStatus","error","name","buttonProps","resetButton","IterateEditContainer","confirmResetText","textContent","buttonWrapperRef","useRef","handleClick","_ref","_buttonWrapperRef$cur","close","event","current","focus","triggerAttributes","_objectSpread","variant","icon","icon_position","disabled","createElement","tabIndex","ref","Boolean","title","onConfirm","_extends","on_click"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationResetButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button, Dialog } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { reset } from '../../../../icons'\nimport { ButtonProps } from '../../../../components/Button'\nimport useHasContentChanged from './useHasContentChanged'\nimport { omitDataValueReadWriteProps } from '../../types'\nimport useDataContextSnapshot from './useDataContextSnapshot'\nimport useHandleStatus from './useHandleStatus'\nimport { isolationError } from './IsolatedContainer'\nimport IsolationContext from './IsolationContext'\n\ntype Props = ButtonProps & {\n  showConfirmDialog?: boolean\n  showWhen?: 'uncommittedChangeDetected'\n}\n\nexport default function IsolationResetButton(props: Props) {\n  const {\n    text,\n    children,\n    onClick,\n    className,\n    hidden,\n    showConfirmDialog = true,\n    showWhen,\n    ...restProps\n  } = props\n\n  const { outerContext, preventUncommittedChanges } =\n    useContext(IsolationContext)\n  const { setShowBoundaryErrors } = useContext(FieldBoundaryContext) || {}\n\n  const { handleReset } = useDataContextSnapshot({ enabled: true })\n  const { hasContentChanged } = useHasContentChanged()\n  const { showStatus: showCommitStatus } = useHandleStatus({\n    outerContext,\n    preventUncommittedChanges,\n    error: isolationError,\n    name: 'isolation-reset-button',\n  })\n\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const { resetButton } = useTranslation().IterateEditContainer\n  const { confirmResetText } = useTranslation().IterateEditContainer\n  const textContent = text || children || resetButton\n\n  const buttonWrapperRef = React.useRef<HTMLButtonElement>(null)\n  const handleClick = useCallback(\n    ({ close, event }) => {\n      close?.()\n      onClick?.(event)\n      handleReset()\n      setShowBoundaryErrors?.(false)\n      buttonWrapperRef.current?.focus()\n    },\n    [onClick, handleReset, setShowBoundaryErrors]\n  )\n\n  if (hidden) {\n    return null\n  }\n\n  const triggerAttributes: ButtonProps = {\n    className: classnames('dnb-forms-isolate__reset-button', className),\n    text: textContent,\n    variant: textContent ? 'tertiary' : 'secondary',\n    icon: reset,\n    icon_position: 'left',\n    disabled:\n      typeof hasContentChanged === 'boolean' ? !hasContentChanged : false,\n    ...buttonProps,\n  }\n\n  return (\n    <span\n      tabIndex={-1}\n      ref={buttonWrapperRef}\n      className=\"dnb-no-focus\"\n      hidden={\n        !(showWhen === 'uncommittedChangeDetected'\n          ? Boolean(showCommitStatus)\n          : true)\n      }\n    >\n      {showConfirmDialog ? (\n        <Dialog\n          variant=\"confirmation\"\n          title={confirmResetText}\n          triggerAttributes={triggerAttributes}\n          onConfirm={handleClick}\n        />\n      ) : (\n        <Button\n          {...triggerAttributes}\n          on_click={handleClick}\n          {...buttonProps}\n        >\n          {resetButton}\n        </Button>\n      )}\n    </span>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/extensions/forms/Form/Isolation/useDataContextSnapshot.js

@@ -3,6 +3,7 @@
 import "core-js/modules/web.dom-collections.iterator.js";
 import { useCallback, useContext, useEffect, useReducer, useState } from 'react';
 import DataContext from '../../DataContext/Context';
+import WizardContext from '../../Wizard/Context';
 import IsolationContext from './IsolationContext';
 import { createDataReference } from './IsolationDataReference';
 import structuredClone from '@ungap/structured-clone';
@@ -16,6 +17,7 @@ export default function useDataContextSnapshot() {
     setData
   } = useContext(DataContext);
   const isolationContext = useContext(IsolationContext);
+  const hasWizard = Boolean(useContext(WizardContext));
   const [dataReferenceFallback] = useState(() => {
     if (enabled && !(isolationContext !== null && isolationContext !== void 0 && isolationContext.dataReference)) {
       return createDataReference();
@@ -32,25 +34,30 @@ export default function useDataContextSnapshot() {
     refresh,
     cleanup
   } = dataReference || {};
+  const updateHandler = useCallback(function () {
+    let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    update(data || structuredClone(internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current));
+    forceUpdate();
+  }, [internalDataRef, update]);
   useEffect(() => {
     if (enabled && eventsRef) {
-      eventsRef.current.push(() => {
-        update(structuredClone(internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current));
-        forceUpdate();
+      eventsRef.current.push(updateHandler);
+      refresh({
+        deferred: hasWizard
       });
-      refresh();
     }
-    return () => cleanup === null || cleanup === void 0 ? void 0 : cleanup();
-  }, [cleanup, enabled, eventsRef, internalDataRef, refresh, update]);
+    return () => cleanup === null || cleanup === void 0 ? void 0 : cleanup(updateHandler);
+  }, [cleanup, enabled, eventsRef, hasWizard, refresh, updateHandler]);
   const handleReset = useCallback(() => {
     window.requestAnimationFrame(() => {
       if (snapshotRef) {
         const data = structuredClone(snapshotRef.current);
-        setData(data);
         setIsolatedData(data);
+        setData(data);
+        updateHandler(data);
       }
     });
-  }, [setData, setIsolatedData, snapshotRef]);
+  }, [setData, setIsolatedData, snapshotRef, updateHandler]);
   return {
     handleReset,
     snapshotRef

package/extensions/forms/Form/Isolation/useDataContextSnapshot.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataContextSnapshot.js","names":["useCallback","useContext","useEffect","useReducer","useState","DataContext","IsolationContext","createDataReference","structuredClone","useDataContextSnapshot","enabled","arguments","length","undefined","forceUpdate","internalDataRef","setData","isolationContext","dataReferenceFallback","dataReference","setIsolatedData","snapshotRef","eventsRef","update","refresh","cleanup","current","push","handleReset","window","requestAnimationFrame","data"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useDataContextSnapshot.ts"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useState,\n} from 'react'\nimport DataContext from '../../DataContext/Context'\nimport IsolationContext from './IsolationContext'\nimport { createDataReference } from './IsolationDataReference'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport default function useDataContextSnapshot({\n  enabled,\n}: {\n  enabled?: boolean\n} = {}) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { internalDataRef, setData } = useContext(DataContext)\n  const isolationContext = useContext(IsolationContext)\n  const [dataReferenceFallback] = useState(() => {\n    if (enabled && !isolationContext?.dataReference) {\n      return createDataReference()\n    }\n  })\n  const { dataReference = dataReferenceFallback, setIsolatedData } =\n    isolationContext || {}\n  const { snapshotRef, eventsRef, update, refresh, cleanup } =\n    dataReference || {}\n\n  useEffect(() => {\n    if (enabled && eventsRef) {\n      eventsRef.current.push(() => {\n        update(structuredClone(internalDataRef?.current))\n        forceUpdate()\n      })\n      refresh()\n    }\n\n    return () => cleanup?.()\n  }, [cleanup, enabled, eventsRef, internalDataRef, refresh, update])\n\n  const handleReset = useCallback(() => {\n    window.requestAnimationFrame(() => {\n      if (snapshotRef) {\n        const data = structuredClone(snapshotRef.current)\n        setData(data)\n        setIsolatedData(data)\n      }\n    }) // To actually reset the data without influence the data we are about to push, we need to wait for the next frame\n  }, [setData, setIsolatedData, snapshotRef])\n\n  return { handleReset, snapshotRef }\n}\n"],"mappings":";;;AAAA,SACEA,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,QAAQ,QACH,OAAO;AACd,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,mBAAmB,QAAQ,0BAA0B;AAM9D,OAAOC,eAAe,MAAM,yBAAyB;AAErD,eAAe,SAASC,sBAAsBA,CAAA,EAItC;EAAA,IAJuC;IAC7CC;EAGF,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACJ,MAAM,GAAGG,WAAW,CAAC,GAAGX,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IAAEY,eAAe;IAAEC;EAAQ,CAAC,GAAGf,UAAU,CAACI,WAAW,CAAC;EAC5D,MAAMY,gBAAgB,GAAGhB,UAAU,CAACK,gBAAgB,CAAC;EACrD,MAAM,CAACY,qBAAqB,CAAC,GAAGd,QAAQ,CAAC,MAAM;IAC7C,IAAIM,OAAO,IAAI,EAACO,gBAAgB,aAAhBA,gBAAgB,eAAhBA,gBAAgB,CAAEE,aAAa,GAAE;MAC/C,OAAOZ,mBAAmB,CAAC,CAAC;IAC9B;EACF,CAAC,CAAC;EACF,MAAM;IAAEY,aAAa,GAAGD,qBAAqB;IAAEE;EAAgB,CAAC,GAC9DH,gBAAgB,IAAI,CAAC,CAAC;EACxB,MAAM;IAAEI,WAAW;IAAEC,SAAS;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GACxDN,aAAa,IAAI,CAAC,CAAC;EAErBjB,SAAS,CAAC,MAAM;IACd,IAAIQ,OAAO,IAAIY,SAAS,EAAE;MACxBA,SAAS,CAACI,OAAO,CAACC,IAAI,CAAC,MAAM;QAC3BJ,MAAM,CAACf,eAAe,CAACO,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEW,OAAO,CAAC,CAAC;QACjDZ,WAAW,CAAC,CAAC;MACf,CAAC,CAAC;MACFU,OAAO,CAAC,CAAC;IACX;IAEA,OAAO,MAAMC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAG,CAAC;EAC1B,CAAC,EAAE,CAACA,OAAO,EAAEf,OAAO,EAAEY,SAAS,EAAEP,eAAe,EAAES,OAAO,EAAED,MAAM,CAAC,CAAC;EAEnE,MAAMK,WAAW,GAAG5B,WAAW,CAAC,MAAM;IACpC6B,MAAM,CAACC,qBAAqB,CAAC,MAAM;MACjC,IAAIT,WAAW,EAAE;QACf,MAAMU,IAAI,GAAGvB,eAAe,CAACa,WAAW,CAACK,OAAO,CAAC;QACjDV,OAAO,CAACe,IAAI,CAAC;QACbX,eAAe,CAACW,IAAI,CAAC;MACvB;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACf,OAAO,EAAEI,eAAe,EAAEC,WAAW,CAAC,CAAC;EAE3C,OAAO;IAAEO,WAAW;IAAEP;EAAY,CAAC;AACrC","ignoreList":[]}
+{"version":3,"file":"useDataContextSnapshot.js","names":["useCallback","useContext","useEffect","useReducer","useState","DataContext","WizardContext","IsolationContext","createDataReference","structuredClone","useDataContextSnapshot","enabled","arguments","length","undefined","forceUpdate","internalDataRef","setData","isolationContext","hasWizard","Boolean","dataReferenceFallback","dataReference","setIsolatedData","snapshotRef","eventsRef","update","refresh","cleanup","updateHandler","data","current","push","deferred","handleReset","window","requestAnimationFrame"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useDataContextSnapshot.ts"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useState,\n} from 'react'\nimport DataContext from '../../DataContext/Context'\nimport WizardContext from '../../Wizard/Context'\nimport IsolationContext from './IsolationContext'\nimport { createDataReference } from './IsolationDataReference'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport default function useDataContextSnapshot({\n  enabled,\n}: {\n  enabled?: boolean\n} = {}) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { internalDataRef, setData } = useContext(DataContext)\n  const isolationContext = useContext(IsolationContext)\n  const hasWizard = Boolean(useContext(WizardContext))\n  const [dataReferenceFallback] = useState(() => {\n    if (enabled && !isolationContext?.dataReference) {\n      return createDataReference()\n    }\n  })\n  const { dataReference = dataReferenceFallback, setIsolatedData } =\n    isolationContext || {}\n  const { snapshotRef, eventsRef, update, refresh, cleanup } =\n    dataReference || {}\n\n  const updateHandler = useCallback(\n    (data = null) => {\n      update(data || structuredClone(internalDataRef?.current))\n      forceUpdate() // Ensure the hasContentChanged hook gets updated\n    },\n    [internalDataRef, update]\n  )\n\n  useEffect(() => {\n    if (enabled && eventsRef) {\n      eventsRef.current.push(updateHandler)\n\n      // Also run refresh again and wait for the Wizard to finish prerendering,\n      // in case there are fields in steps beyond the current one.\n      refresh({ deferred: hasWizard })\n    }\n\n    return () => cleanup?.(updateHandler)\n  }, [cleanup, enabled, eventsRef, hasWizard, refresh, updateHandler])\n\n  const handleReset = useCallback(() => {\n    window.requestAnimationFrame(() => {\n      if (snapshotRef) {\n        const data = structuredClone(snapshotRef.current)\n        setIsolatedData(data)\n        setData(data)\n        updateHandler(data)\n      }\n    }) // To actually reset the data without influence the data we are about to push, we need to wait for the next frame\n  }, [setData, setIsolatedData, snapshotRef, updateHandler])\n\n  return { handleReset, snapshotRef }\n}\n"],"mappings":";;;AAAA,SACEA,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,QAAQ,QACH,OAAO;AACd,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,aAAa,MAAM,sBAAsB;AAChD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,mBAAmB,QAAQ,0BAA0B;AAM9D,OAAOC,eAAe,MAAM,yBAAyB;AAErD,eAAe,SAASC,sBAAsBA,CAAA,EAItC;EAAA,IAJuC;IAC7CC;EAGF,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACJ,MAAM,GAAGG,WAAW,CAAC,GAAGZ,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IAAEa,eAAe;IAAEC;EAAQ,CAAC,GAAGhB,UAAU,CAACI,WAAW,CAAC;EAC5D,MAAMa,gBAAgB,GAAGjB,UAAU,CAACM,gBAAgB,CAAC;EACrD,MAAMY,SAAS,GAAGC,OAAO,CAACnB,UAAU,CAACK,aAAa,CAAC,CAAC;EACpD,MAAM,CAACe,qBAAqB,CAAC,GAAGjB,QAAQ,CAAC,MAAM;IAC7C,IAAIO,OAAO,IAAI,EAACO,gBAAgB,aAAhBA,gBAAgB,eAAhBA,gBAAgB,CAAEI,aAAa,GAAE;MAC/C,OAAOd,mBAAmB,CAAC,CAAC;IAC9B;EACF,CAAC,CAAC;EACF,MAAM;IAAEc,aAAa,GAAGD,qBAAqB;IAAEE;EAAgB,CAAC,GAC9DL,gBAAgB,IAAI,CAAC,CAAC;EACxB,MAAM;IAAEM,WAAW;IAAEC,SAAS;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GACxDN,aAAa,IAAI,CAAC,CAAC;EAErB,MAAMO,aAAa,GAAG7B,WAAW,CAC/B,YAAiB;IAAA,IAAhB8B,IAAI,GAAAlB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;IACVc,MAAM,CAACI,IAAI,IAAIrB,eAAe,CAACO,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEe,OAAO,CAAC,CAAC;IACzDhB,WAAW,CAAC,CAAC;EACf,CAAC,EACD,CAACC,eAAe,EAAEU,MAAM,CAC1B,CAAC;EAEDxB,SAAS,CAAC,MAAM;IACd,IAAIS,OAAO,IAAIc,SAAS,EAAE;MACxBA,SAAS,CAACM,OAAO,CAACC,IAAI,CAACH,aAAa,CAAC;MAIrCF,OAAO,CAAC;QAAEM,QAAQ,EAAEd;MAAU,CAAC,CAAC;IAClC;IAEA,OAAO,MAAMS,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGC,aAAa,CAAC;EACvC,CAAC,EAAE,CAACD,OAAO,EAAEjB,OAAO,EAAEc,SAAS,EAAEN,SAAS,EAAEQ,OAAO,EAAEE,aAAa,CAAC,CAAC;EAEpE,MAAMK,WAAW,GAAGlC,WAAW,CAAC,MAAM;IACpCmC,MAAM,CAACC,qBAAqB,CAAC,MAAM;MACjC,IAAIZ,WAAW,EAAE;QACf,MAAMM,IAAI,GAAGrB,eAAe,CAACe,WAAW,CAACO,OAAO,CAAC;QACjDR,eAAe,CAACO,IAAI,CAAC;QACrBb,OAAO,CAACa,IAAI,CAAC;QACbD,aAAa,CAACC,IAAI,CAAC;MACrB;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACb,OAAO,EAAEM,eAAe,EAAEC,WAAW,EAAEK,aAAa,CAAC,CAAC;EAE1D,OAAO;IAAEK,WAAW;IAAEV;EAAY,CAAC;AACrC","ignoreList":[]}

package/extensions/forms/Form/Isolation/useHandleStatus.d.ts

@@ -1,8 +1,9 @@
 import { ContextState } from '../../DataContext';
-export default function useHandleStatus({ outerContext, preventUncommittedChanges, error, }: {
+export default function useHandleStatus({ outerContext, preventUncommittedChanges, error, name, }: {
     outerContext: ContextState;
     preventUncommittedChanges: boolean;
     error: Error;
+    name?: string;
 }): {
     hasContentChanged: boolean;
     showStatus: any;

package/extensions/forms/Form/Isolation/useHandleStatus.js

@@ -8,12 +8,19 @@ export default function useHandleStatus(_ref) {
   let {
     outerContext,
     preventUncommittedChanges,
-    error
+    error,
+    name
   } = _ref;
   const {
     hasContentChanged
-  } = useHasContentChanged();
-  useReportError(preventUncommittedChanges && hasContentChanged ? error : undefined, outerContext);
+  } = useHasContentChanged({
+    enabled: preventUncommittedChanges
+  });
+  let errorToReport = undefined;
+  if (preventUncommittedChanges && hasContentChanged) {
+    errorToReport = error;
+  }
+  useReportError(errorToReport, outerContext, name);
   const showStatus = useShowStatus({
     outerContext,
     hasContentChanged,

package/extensions/forms/Form/Isolation/useHandleStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHandleStatus.js","names":["useEffect","useRef","useState","useHasContentChanged","useReportError","useHandleStatus","_ref","outerContext","preventUncommittedChanges","error","hasContentChanged","undefined","showStatus","useShowStatus","_ref2","showAllErrors","setShowStatus","showRef","current"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useHandleStatus.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { ContextState } from '../../DataContext'\nimport useHasContentChanged from './useHasContentChanged'\nimport useReportError from './useReportError'\n\nexport default function useHandleStatus({\n  outerContext,\n  preventUncommittedChanges,\n  error,\n}: {\n  outerContext: ContextState\n  preventUncommittedChanges: boolean\n  error: Error\n}) {\n  const { hasContentChanged } = useHasContentChanged()\n\n  useReportError(\n    preventUncommittedChanges && hasContentChanged ? error : undefined,\n    outerContext\n  )\n\n  const showStatus = useShowStatus({\n    outerContext,\n    hasContentChanged,\n    preventUncommittedChanges,\n  })\n\n  return { hasContentChanged, showStatus }\n}\n\n// This hook/state is used to not show the status right away, after the user has cleared the PushContainer data.\nfunction useShowStatus({\n  outerContext,\n  hasContentChanged,\n  preventUncommittedChanges,\n}) {\n  const showAllErrors = outerContext?.showAllErrors\n  const [showStatus, setShowStatus] = useState(showAllErrors)\n  const showRef = useRef(showAllErrors)\n\n  useEffect(() => {\n    if (!preventUncommittedChanges) {\n      return // stop here\n    }\n\n    if (!hasContentChanged) {\n      setShowStatus(false)\n    } else {\n      if (showRef.current !== showAllErrors) {\n        setShowStatus(showAllErrors)\n      }\n    }\n    showRef.current = showAllErrors\n  }, [hasContentChanged, preventUncommittedChanges, showAllErrors])\n\n  return showStatus\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAEnD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,eAAe,SAASC,eAAeA,CAAAC,IAAA,EAQpC;EAAA,IARqC;IACtCC,YAAY;IACZC,yBAAyB;IACzBC;EAKF,CAAC,GAAAH,IAAA;EACC,MAAM;IAAEI;EAAkB,CAAC,GAAGP,oBAAoB,CAAC,CAAC;EAEpDC,cAAc,CACZI,yBAAyB,IAAIE,iBAAiB,GAAGD,KAAK,GAAGE,SAAS,EAClEJ,YACF,CAAC;EAED,MAAMK,UAAU,GAAGC,aAAa,CAAC;IAC/BN,YAAY;IACZG,iBAAiB;IACjBF;EACF,CAAC,CAAC;EAEF,OAAO;IAAEE,iBAAiB;IAAEE;EAAW,CAAC;AAC1C;AAGA,SAASC,aAAaA,CAAAC,KAAA,EAInB;EAAA,IAJoB;IACrBP,YAAY;IACZG,iBAAiB;IACjBF;EACF,CAAC,GAAAM,KAAA;EACC,MAAMC,aAAa,GAAGR,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEQ,aAAa;EACjD,MAAM,CAACH,UAAU,EAAEI,aAAa,CAAC,GAAGd,QAAQ,CAACa,aAAa,CAAC;EAC3D,MAAME,OAAO,GAAGhB,MAAM,CAACc,aAAa,CAAC;EAErCf,SAAS,CAAC,MAAM;IACd,IAAI,CAACQ,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAI,CAACE,iBAAiB,EAAE;MACtBM,aAAa,CAAC,KAAK,CAAC;IACtB,CAAC,MAAM;MACL,IAAIC,OAAO,CAACC,OAAO,KAAKH,aAAa,EAAE;QACrCC,aAAa,CAACD,aAAa,CAAC;MAC9B;IACF;IACAE,OAAO,CAACC,OAAO,GAAGH,aAAa;EACjC,CAAC,EAAE,CAACL,iBAAiB,EAAEF,yBAAyB,EAAEO,aAAa,CAAC,CAAC;EAEjE,OAAOH,UAAU;AACnB","ignoreList":[]}
+{"version":3,"file":"useHandleStatus.js","names":["useEffect","useRef","useState","useHasContentChanged","useReportError","useHandleStatus","_ref","outerContext","preventUncommittedChanges","error","name","hasContentChanged","enabled","errorToReport","undefined","showStatus","useShowStatus","_ref2","showAllErrors","setShowStatus","showRef","current"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useHandleStatus.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { ContextState } from '../../DataContext'\nimport useHasContentChanged from './useHasContentChanged'\nimport useReportError from './useReportError'\n\nexport default function useHandleStatus({\n  outerContext,\n  preventUncommittedChanges,\n  error,\n  name,\n}: {\n  outerContext: ContextState\n  preventUncommittedChanges: boolean\n  error: Error\n  name?: string\n}) {\n  const { hasContentChanged } = useHasContentChanged({\n    enabled: preventUncommittedChanges,\n  })\n\n  let errorToReport = undefined\n  if (preventUncommittedChanges && hasContentChanged) {\n    errorToReport = error\n  }\n  useReportError(errorToReport, outerContext, name)\n\n  const showStatus = useShowStatus({\n    outerContext,\n    hasContentChanged,\n    preventUncommittedChanges,\n  })\n\n  return { hasContentChanged, showStatus }\n}\n\n// This hook/state is used to not show the status right away, after the user has cleared the PushContainer data.\nfunction useShowStatus({\n  outerContext,\n  hasContentChanged,\n  preventUncommittedChanges,\n}) {\n  const showAllErrors = outerContext?.showAllErrors\n  const [showStatus, setShowStatus] = useState(showAllErrors)\n  const showRef = useRef(showAllErrors)\n\n  useEffect(() => {\n    if (!preventUncommittedChanges) {\n      return // stop here\n    }\n\n    if (!hasContentChanged) {\n      setShowStatus(false)\n    } else {\n      if (showRef.current !== showAllErrors) {\n        setShowStatus(showAllErrors)\n      }\n    }\n    showRef.current = showAllErrors\n  }, [hasContentChanged, preventUncommittedChanges, showAllErrors])\n\n  return showStatus\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAEnD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,eAAe,SAASC,eAAeA,CAAAC,IAAA,EAUpC;EAAA,IAVqC;IACtCC,YAAY;IACZC,yBAAyB;IACzBC,KAAK;IACLC;EAMF,CAAC,GAAAJ,IAAA;EACC,MAAM;IAAEK;EAAkB,CAAC,GAAGR,oBAAoB,CAAC;IACjDS,OAAO,EAAEJ;EACX,CAAC,CAAC;EAEF,IAAIK,aAAa,GAAGC,SAAS;EAC7B,IAAIN,yBAAyB,IAAIG,iBAAiB,EAAE;IAClDE,aAAa,GAAGJ,KAAK;EACvB;EACAL,cAAc,CAACS,aAAa,EAAEN,YAAY,EAAEG,IAAI,CAAC;EAEjD,MAAMK,UAAU,GAAGC,aAAa,CAAC;IAC/BT,YAAY;IACZI,iBAAiB;IACjBH;EACF,CAAC,CAAC;EAEF,OAAO;IAAEG,iBAAiB;IAAEI;EAAW,CAAC;AAC1C;AAGA,SAASC,aAAaA,CAAAC,KAAA,EAInB;EAAA,IAJoB;IACrBV,YAAY;IACZI,iBAAiB;IACjBH;EACF,CAAC,GAAAS,KAAA;EACC,MAAMC,aAAa,GAAGX,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEW,aAAa;EACjD,MAAM,CAACH,UAAU,EAAEI,aAAa,CAAC,GAAGjB,QAAQ,CAACgB,aAAa,CAAC;EAC3D,MAAME,OAAO,GAAGnB,MAAM,CAACiB,aAAa,CAAC;EAErClB,SAAS,CAAC,MAAM;IACd,IAAI,CAACQ,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAI,CAACG,iBAAiB,EAAE;MACtBQ,aAAa,CAAC,KAAK,CAAC;IACtB,CAAC,MAAM;MACL,IAAIC,OAAO,CAACC,OAAO,KAAKH,aAAa,EAAE;QACrCC,aAAa,CAACD,aAAa,CAAC;MAC9B;IACF;IACAE,OAAO,CAACC,OAAO,GAAGH,aAAa;EACjC,CAAC,EAAE,CAACP,iBAAiB,EAAEH,yBAAyB,EAAEU,aAAa,CAAC,CAAC;EAEjE,OAAOH,UAAU;AACnB","ignoreList":[]}

package/extensions/forms/Form/Isolation/useHasContentChanged.d.ts

@@ -1,3 +1,5 @@
-export default function useHasContentChanged(): {
+export default function useHasContentChanged({ enabled, }?: {
+    enabled?: boolean;
+}): {
     hasContentChanged: boolean;
 };

package/extensions/forms/Form/Isolation/useHasContentChanged.js

@@ -5,13 +5,16 @@ import pointer from '../../utils/json-pointer';
 import DataContext from '../../DataContext/Context';
 import useDataContextSnapshot from './useDataContextSnapshot';
 export default function useHasContentChanged() {
+  let {
+    enabled = false
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     internalDataRef
   } = useContext(DataContext);
   const {
     snapshotRef
   } = useDataContextSnapshot({
-    enabled: true
+    enabled
   });
   const data = internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current;
   const snapshot = snapshotRef === null || snapshotRef === void 0 ? void 0 : snapshotRef.current;

package/extensions/forms/Form/Isolation/useHasContentChanged.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHasContentChanged.js","names":["useContext","useMemo","pointer","DataContext","useDataContextSnapshot","useHasContentChanged","internalDataRef","snapshotRef","enabled","data","current","snapshot","hasContentChanged","undefined","hasChanged","walk","value","path","exists","has","get"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useHasContentChanged.ts"],"sourcesContent":["import { useContext, useMemo } from 'react'\nimport pointer from '../../utils/json-pointer'\nimport DataContext from '../../DataContext/Context'\nimport useDataContextSnapshot from './useDataContextSnapshot'\n\nexport default function useHasContentChanged() {\n  const { internalDataRef } = useContext(DataContext)\n  const { snapshotRef } = useDataContextSnapshot({ enabled: true })\n\n  const data = internalDataRef?.current\n  const snapshot = snapshotRef?.current // To support a custom data reference, we need to have a snapshot in the hook deps.\n  const hasContentChanged = useMemo(() => {\n    if (!data || !snapshot) {\n      return undefined\n    }\n\n    let hasChanged = false\n\n    pointer.walk(data, (value, path) => {\n      const exists = pointer.has(snapshot, path)\n      if (!exists || (exists && pointer.get(snapshot, path) !== value)) {\n        hasChanged = true\n        return false\n      }\n    })\n\n    return hasChanged\n  }, [data, snapshot])\n\n  return { hasContentChanged }\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,OAAOC,OAAO,MAAM,0BAA0B;AAC9C,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,eAAe,SAASC,oBAAoBA,CAAA,EAAG;EAC7C,MAAM;IAAEC;EAAgB,CAAC,GAAGN,UAAU,CAACG,WAAW,CAAC;EACnD,MAAM;IAAEI;EAAY,CAAC,GAAGH,sBAAsB,CAAC;IAAEI,OAAO,EAAE;EAAK,CAAC,CAAC;EAEjE,MAAMC,IAAI,GAAGH,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEI,OAAO;EACrC,MAAMC,QAAQ,GAAGJ,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEG,OAAO;EACrC,MAAME,iBAAiB,GAAGX,OAAO,CAAC,MAAM;IACtC,IAAI,CAACQ,IAAI,IAAI,CAACE,QAAQ,EAAE;MACtB,OAAOE,SAAS;IAClB;IAEA,IAAIC,UAAU,GAAG,KAAK;IAEtBZ,OAAO,CAACa,IAAI,CAACN,IAAI,EAAE,CAACO,KAAK,EAAEC,IAAI,KAAK;MAClC,MAAMC,MAAM,GAAGhB,OAAO,CAACiB,GAAG,CAACR,QAAQ,EAAEM,IAAI,CAAC;MAC1C,IAAI,CAACC,MAAM,IAAKA,MAAM,IAAIhB,OAAO,CAACkB,GAAG,CAACT,QAAQ,EAAEM,IAAI,CAAC,KAAKD,KAAM,EAAE;QAChEF,UAAU,GAAG,IAAI;QACjB,OAAO,KAAK;MACd;IACF,CAAC,CAAC;IAEF,OAAOA,UAAU;EACnB,CAAC,EAAE,CAACL,IAAI,EAAEE,QAAQ,CAAC,CAAC;EAEpB,OAAO;IAAEC;EAAkB,CAAC;AAC9B","ignoreList":[]}
+{"version":3,"file":"useHasContentChanged.js","names":["useContext","useMemo","pointer","DataContext","useDataContextSnapshot","useHasContentChanged","enabled","arguments","length","undefined","internalDataRef","snapshotRef","data","current","snapshot","hasContentChanged","hasChanged","walk","value","path","exists","has","get"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useHasContentChanged.ts"],"sourcesContent":["import { useContext, useMemo } from 'react'\nimport pointer from '../../utils/json-pointer'\nimport DataContext from '../../DataContext/Context'\nimport useDataContextSnapshot from './useDataContextSnapshot'\n\nexport default function useHasContentChanged({\n  enabled = false,\n}: {\n  enabled?: boolean\n} = {}) {\n  const { internalDataRef } = useContext(DataContext)\n  const { snapshotRef } = useDataContextSnapshot({ enabled })\n\n  const data = internalDataRef?.current\n  const snapshot = snapshotRef?.current // To support a custom data reference, we need to have a snapshot in the hook deps.\n\n  const hasContentChanged = useMemo(() => {\n    if (!data || !snapshot) {\n      return undefined\n    }\n\n    let hasChanged = false\n\n    pointer.walk(data, (value, path) => {\n      const exists = pointer.has(snapshot, path)\n      if (!exists || (exists && pointer.get(snapshot, path) !== value)) {\n        hasChanged = true\n        return false\n      }\n    })\n\n    return hasChanged\n  }, [data, snapshot])\n\n  return { hasContentChanged }\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,OAAOC,OAAO,MAAM,0BAA0B;AAC9C,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,eAAe,SAASC,oBAAoBA,CAAA,EAIpC;EAAA,IAJqC;IAC3CC,OAAO,GAAG;EAGZ,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACJ,MAAM;IAAEG;EAAgB,CAAC,GAAGV,UAAU,CAACG,WAAW,CAAC;EACnD,MAAM;IAAEQ;EAAY,CAAC,GAAGP,sBAAsB,CAAC;IAAEE;EAAQ,CAAC,CAAC;EAE3D,MAAMM,IAAI,GAAGF,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEG,OAAO;EACrC,MAAMC,QAAQ,GAAGH,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEE,OAAO;EAErC,MAAME,iBAAiB,GAAGd,OAAO,CAAC,MAAM;IACtC,IAAI,CAACW,IAAI,IAAI,CAACE,QAAQ,EAAE;MACtB,OAAOL,SAAS;IAClB;IAEA,IAAIO,UAAU,GAAG,KAAK;IAEtBd,OAAO,CAACe,IAAI,CAACL,IAAI,EAAE,CAACM,KAAK,EAAEC,IAAI,KAAK;MAClC,MAAMC,MAAM,GAAGlB,OAAO,CAACmB,GAAG,CAACP,QAAQ,EAAEK,IAAI,CAAC;MAC1C,IAAI,CAACC,MAAM,IAAKA,MAAM,IAAIlB,OAAO,CAACoB,GAAG,CAACR,QAAQ,EAAEK,IAAI,CAAC,KAAKD,KAAM,EAAE;QAChEF,UAAU,GAAG,IAAI;QACjB,OAAO,KAAK;MACd;IACF,CAAC,CAAC;IAEF,OAAOA,UAAU;EACnB,CAAC,EAAE,CAACJ,IAAI,EAAEE,QAAQ,CAAC,CAAC;EAEpB,OAAO;IAAEC;EAAkB,CAAC;AAC9B","ignoreList":[]}

package/extensions/forms/Form/Isolation/useReportError.d.ts

@@ -1,2 +1,2 @@
 import { ContextState } from '../../DataContext';
-export default function useReportError(error: Error, customDataContext?: ContextState): void;
+export default function useReportError(error: Error, customDataContext?: ContextState, name?: string): void;

package/extensions/forms/Form/Isolation/useReportError.js

@@ -5,13 +5,20 @@ import useId from '../../../../shared/helpers/useId';
 import DataContext from '../../DataContext/Context';
 import WizardStepContext from '../../Wizard/Step/StepContext';
 import WizardContext from '../../Wizard/Context';
-export default function useReportError(error, customDataContext) {
+import VisibilityContext from '../Visibility/VisibilityContext';
+import { usePath } from '../../hooks';
+export default function useReportError(error, customDataContext, name) {
+  const {
+    joinPath
+  } = usePath();
   const dataContext = useContext(DataContext);
   const wizardContext = useContext(WizardContext);
   const wizardStepContext = useContext(WizardStepContext);
+  const visibilityContext = useContext(VisibilityContext);
   const {
     setFieldError: setFieldErrorDataContext,
-    setMountedFieldState
+    setMountedFieldState,
+    prerenderFieldProps
   } = customDataContext || dataContext;
   const {
     setFieldError: setFieldErrorWizard
@@ -19,16 +26,24 @@ export default function useReportError(error, customDataContext) {
   const {
     index: wizardIndex
   } = wizardStepContext || {};
+  const {
+    isVisible
+  } = visibilityContext || {};
+  const handleFieldAsVisible = isVisible;
   const id = useId();
   useEffect(() => {
-    const path = `/${id}`;
-    if (error) {
+    if (prerenderFieldProps) {
+      return;
+    }
+    const path = joinPath(['internal', name, id]);
+    const currentError = handleFieldAsVisible !== false ? error : undefined;
+    if (currentError) {
       setMountedFieldState === null || setMountedFieldState === void 0 ? void 0 : setMountedFieldState(path, {
         isMounted: true
       });
     }
-    setFieldErrorWizard === null || setFieldErrorWizard === void 0 ? void 0 : setFieldErrorWizard(wizardIndex, path, error ? true : undefined);
-    setFieldErrorDataContext === null || setFieldErrorDataContext === void 0 ? void 0 : setFieldErrorDataContext(path, error);
+    setFieldErrorWizard === null || setFieldErrorWizard === void 0 ? void 0 : setFieldErrorWizard(wizardIndex, path, currentError ? true : undefined);
+    setFieldErrorDataContext === null || setFieldErrorDataContext === void 0 ? void 0 : setFieldErrorDataContext(path, currentError);
     return () => {
       setMountedFieldState === null || setMountedFieldState === void 0 ? void 0 : setMountedFieldState(path, {
         isMounted: false
@@ -36,6 +51,6 @@ export default function useReportError(error, customDataContext) {
       setFieldErrorWizard === null || setFieldErrorWizard === void 0 ? void 0 : setFieldErrorWizard(wizardIndex, path, undefined);
       setFieldErrorDataContext === null || setFieldErrorDataContext === void 0 ? void 0 : setFieldErrorDataContext(path, undefined);
     };
-  }, [error, id, setFieldErrorDataContext, setFieldErrorWizard, setMountedFieldState, wizardIndex]);
+  }, [error, handleFieldAsVisible, id, joinPath, name, prerenderFieldProps, setFieldErrorDataContext, setFieldErrorWizard, setMountedFieldState, wizardIndex]);
 }
 //# sourceMappingURL=useReportError.js.map

package/extensions/forms/Form/Isolation/useReportError.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReportError.js","names":["useContext","useEffect","useId","DataContext","WizardStepContext","WizardContext","useReportError","error","customDataContext","dataContext","wizardContext","wizardStepContext","setFieldError","setFieldErrorDataContext","setMountedFieldState","setFieldErrorWizard","index","wizardIndex","id","path","isMounted","undefined"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useReportError.ts"],"sourcesContent":["import { useContext, useEffect } from 'react'\nimport useId from '../../../../shared/helpers/useId'\nimport { ContextState } from '../../DataContext'\nimport DataContext from '../../DataContext/Context'\nimport WizardStepContext from '../../Wizard/Step/StepContext'\nimport WizardContext from '../../Wizard/Context'\n\nexport default function useReportError(\n  error: Error,\n  customDataContext?: ContextState\n) {\n  const dataContext = useContext(DataContext)\n  const wizardContext = useContext(WizardContext)\n  const wizardStepContext = useContext(WizardStepContext)\n\n  const { setFieldError: setFieldErrorDataContext, setMountedFieldState } =\n    customDataContext || dataContext\n  const { setFieldError: setFieldErrorWizard } = wizardContext || {}\n  const { index: wizardIndex } = wizardStepContext || {}\n\n  const id = useId()\n  useEffect(() => {\n    const path = `/${id}`\n\n    if (error) {\n      setMountedFieldState?.(path, {\n        isMounted: true,\n      })\n    }\n\n    setFieldErrorWizard?.(wizardIndex, path, error ? true : undefined)\n    setFieldErrorDataContext?.(path, error)\n\n    // Unmount procedure\n    return () => {\n      setMountedFieldState?.(path, {\n        isMounted: false,\n      })\n\n      setFieldErrorWizard?.(wizardIndex, path, undefined)\n      setFieldErrorDataContext?.(path, undefined)\n    }\n  }, [\n    error,\n    id,\n    setFieldErrorDataContext,\n    setFieldErrorWizard,\n    setMountedFieldState,\n    wizardIndex,\n  ])\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAC7C,OAAOC,KAAK,MAAM,kCAAkC;AAEpD,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,iBAAiB,MAAM,+BAA+B;AAC7D,OAAOC,aAAa,MAAM,sBAAsB;AAEhD,eAAe,SAASC,cAAcA,CACpCC,KAAY,EACZC,iBAAgC,EAChC;EACA,MAAMC,WAAW,GAAGT,UAAU,CAACG,WAAW,CAAC;EAC3C,MAAMO,aAAa,GAAGV,UAAU,CAACK,aAAa,CAAC;EAC/C,MAAMM,iBAAiB,GAAGX,UAAU,CAACI,iBAAiB,CAAC;EAEvD,MAAM;IAAEQ,aAAa,EAAEC,wBAAwB;IAAEC;EAAqB,CAAC,GACrEN,iBAAiB,IAAIC,WAAW;EAClC,MAAM;IAAEG,aAAa,EAAEG;EAAoB,CAAC,GAAGL,aAAa,IAAI,CAAC,CAAC;EAClE,MAAM;IAAEM,KAAK,EAAEC;EAAY,CAAC,GAAGN,iBAAiB,IAAI,CAAC,CAAC;EAEtD,MAAMO,EAAE,GAAGhB,KAAK,CAAC,CAAC;EAClBD,SAAS,CAAC,MAAM;IACd,MAAMkB,IAAI,GAAG,IAAID,EAAE,EAAE;IAErB,IAAIX,KAAK,EAAE;MACTO,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAGK,IAAI,EAAE;QAC3BC,SAAS,EAAE;MACb,CAAC,CAAC;IACJ;IAEAL,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAGE,WAAW,EAAEE,IAAI,EAAEZ,KAAK,GAAG,IAAI,GAAGc,SAAS,CAAC;IAClER,wBAAwB,aAAxBA,wBAAwB,uBAAxBA,wBAAwB,CAAGM,IAAI,EAAEZ,KAAK,CAAC;IAGvC,OAAO,MAAM;MACXO,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAGK,IAAI,EAAE;QAC3BC,SAAS,EAAE;MACb,CAAC,CAAC;MAEFL,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAGE,WAAW,EAAEE,IAAI,EAAEE,SAAS,CAAC;MACnDR,wBAAwB,aAAxBA,wBAAwB,uBAAxBA,wBAAwB,CAAGM,IAAI,EAAEE,SAAS,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,CACDd,KAAK,EACLW,EAAE,EACFL,wBAAwB,EACxBE,mBAAmB,EACnBD,oBAAoB,EACpBG,WAAW,CACZ,CAAC;AACJ","ignoreList":[]}
+{"version":3,"file":"useReportError.js","names":["useContext","useEffect","useId","DataContext","WizardStepContext","WizardContext","VisibilityContext","usePath","useReportError","error","customDataContext","name","joinPath","dataContext","wizardContext","wizardStepContext","visibilityContext","setFieldError","setFieldErrorDataContext","setMountedFieldState","prerenderFieldProps","setFieldErrorWizard","index","wizardIndex","isVisible","handleFieldAsVisible","id","path","currentError","undefined","isMounted"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useReportError.ts"],"sourcesContent":["import { useContext, useEffect } from 'react'\nimport useId from '../../../../shared/helpers/useId'\nimport { ContextState } from '../../DataContext'\nimport DataContext from '../../DataContext/Context'\nimport WizardStepContext from '../../Wizard/Step/StepContext'\nimport WizardContext from '../../Wizard/Context'\nimport VisibilityContext from '../Visibility/VisibilityContext'\nimport { usePath } from '../../hooks'\n\nexport default function useReportError(\n  error: Error,\n  customDataContext?: ContextState,\n  name?: string\n) {\n  const { joinPath } = usePath()\n  const dataContext = useContext(DataContext)\n  const wizardContext = useContext(WizardContext)\n  const wizardStepContext = useContext(WizardStepContext)\n  const visibilityContext = useContext(VisibilityContext)\n\n  const {\n    setFieldError: setFieldErrorDataContext,\n    setMountedFieldState,\n    prerenderFieldProps,\n  } = customDataContext || dataContext\n  const { setFieldError: setFieldErrorWizard } = wizardContext || {}\n  const { index: wizardIndex } = wizardStepContext || {}\n  const { isVisible } = visibilityContext || {}\n  const handleFieldAsVisible = isVisible\n\n  const id = useId()\n  useEffect(() => {\n    if (prerenderFieldProps) {\n      return // stop here\n    }\n\n    const path = joinPath(['internal', name, id])\n    const currentError = handleFieldAsVisible !== false ? error : undefined\n\n    if (currentError) {\n      setMountedFieldState?.(path, {\n        isMounted: true,\n      })\n    }\n\n    setFieldErrorWizard?.(\n      wizardIndex,\n      path,\n      currentError ? true : undefined\n    )\n\n    setFieldErrorDataContext?.(path, currentError)\n\n    // Unmount procedure\n    return () => {\n      setMountedFieldState?.(path, {\n        isMounted: false,\n      })\n\n      setFieldErrorWizard?.(wizardIndex, path, undefined)\n      setFieldErrorDataContext?.(path, undefined)\n    }\n  }, [\n    error,\n    handleFieldAsVisible,\n    id,\n    joinPath,\n    name,\n    prerenderFieldProps,\n    setFieldErrorDataContext,\n    setFieldErrorWizard,\n    setMountedFieldState,\n    wizardIndex,\n  ])\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAC7C,OAAOC,KAAK,MAAM,kCAAkC;AAEpD,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,iBAAiB,MAAM,+BAA+B;AAC7D,OAAOC,aAAa,MAAM,sBAAsB;AAChD,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,SAASC,OAAO,QAAQ,aAAa;AAErC,eAAe,SAASC,cAAcA,CACpCC,KAAY,EACZC,iBAAgC,EAChCC,IAAa,EACb;EACA,MAAM;IAAEC;EAAS,CAAC,GAAGL,OAAO,CAAC,CAAC;EAC9B,MAAMM,WAAW,GAAGb,UAAU,CAACG,WAAW,CAAC;EAC3C,MAAMW,aAAa,GAAGd,UAAU,CAACK,aAAa,CAAC;EAC/C,MAAMU,iBAAiB,GAAGf,UAAU,CAACI,iBAAiB,CAAC;EACvD,MAAMY,iBAAiB,GAAGhB,UAAU,CAACM,iBAAiB,CAAC;EAEvD,MAAM;IACJW,aAAa,EAAEC,wBAAwB;IACvCC,oBAAoB;IACpBC;EACF,CAAC,GAAGV,iBAAiB,IAAIG,WAAW;EACpC,MAAM;IAAEI,aAAa,EAAEI;EAAoB,CAAC,GAAGP,aAAa,IAAI,CAAC,CAAC;EAClE,MAAM;IAAEQ,KAAK,EAAEC;EAAY,CAAC,GAAGR,iBAAiB,IAAI,CAAC,CAAC;EACtD,MAAM;IAAES;EAAU,CAAC,GAAGR,iBAAiB,IAAI,CAAC,CAAC;EAC7C,MAAMS,oBAAoB,GAAGD,SAAS;EAEtC,MAAME,EAAE,GAAGxB,KAAK,CAAC,CAAC;EAClBD,SAAS,CAAC,MAAM;IACd,IAAImB,mBAAmB,EAAE;MACvB;IACF;IAEA,MAAMO,IAAI,GAAGf,QAAQ,CAAC,CAAC,UAAU,EAAED,IAAI,EAAEe,EAAE,CAAC,CAAC;IAC7C,MAAME,YAAY,GAAGH,oBAAoB,KAAK,KAAK,GAAGhB,KAAK,GAAGoB,SAAS;IAEvE,IAAID,YAAY,EAAE;MAChBT,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAGQ,IAAI,EAAE;QAC3BG,SAAS,EAAE;MACb,CAAC,CAAC;IACJ;IAEAT,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CACjBE,WAAW,EACXI,IAAI,EACJC,YAAY,GAAG,IAAI,GAAGC,SACxB,CAAC;IAEDX,wBAAwB,aAAxBA,wBAAwB,uBAAxBA,wBAAwB,CAAGS,IAAI,EAAEC,YAAY,CAAC;IAG9C,OAAO,MAAM;MACXT,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAGQ,IAAI,EAAE;QAC3BG,SAAS,EAAE;MACb,CAAC,CAAC;MAEFT,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAGE,WAAW,EAAEI,IAAI,EAAEE,SAAS,CAAC;MACnDX,wBAAwB,aAAxBA,wBAAwB,uBAAxBA,wBAAwB,CAAGS,IAAI,EAAEE,SAAS,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,CACDpB,KAAK,EACLgB,oBAAoB,EACpBC,EAAE,EACFd,QAAQ,EACRD,IAAI,EACJS,mBAAmB,EACnBF,wBAAwB,EACxBG,mBAAmB,EACnBF,oBAAoB,EACpBI,WAAW,CACZ,CAAC;AACJ","ignoreList":[]}

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

@@ -6,6 +6,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useCallback, useContext, useMemo, useReducer, useRef } from 'react';
 import DataContext from '../../DataContext/Context';
+import useEventListener from '../../DataContext/Provider/useEventListener';
 import SharedProvider from '../../../../shared/Provider';
 import { HeightAnimation } from '../../../../components';
 import { removeUndefinedProps } from '../../../../shared/component-helper';
@@ -20,7 +21,6 @@ function SubmitConfirmation(props) {
   } = props;
   const {
     setFormState,
-    setFieldEventListener,
     handleSubmit: handleFinalSubmit,
     submitState,
     formElementRef,
@@ -121,16 +121,16 @@ function SubmitConfirmation(props) {
     preventSubmit();
     await setConfirmationState('readyToBeSubmitted');
   }, [setConfirmationState, validatePreventSubmit]);
-  setFieldEventListener === null || setFieldEventListener === void 0 ? void 0 : setFieldEventListener(undefined, 'onSubmit', handleSubmit);
+  const {
+    removeEvent
+  } = useEventListener('onSubmit', handleSubmit);
   const submitHandler = useCallback(async () => {
-    setFieldEventListener === null || setFieldEventListener === void 0 ? void 0 : setFieldEventListener(undefined, 'onSubmit', handleSubmit, {
-      remove: true
-    });
+    removeEvent();
     await setConfirmationState('submitInProgress');
     await handleFinalSubmit();
     await setConfirmationState('submissionComplete');
     setFocusOnButton();
-  }, [handleFinalSubmit, handleSubmit, setFocusOnButton, setFieldEventListener, setConfirmationState]);
+  }, [removeEvent, setConfirmationState, handleFinalSubmit, setFocusOnButton]);
   const sharedProviderParams = {
     formElement: {
       disabled: false

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","setFieldEventListener","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    setFieldEventListener,\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  setFieldEventListener?.(undefined, 'onSubmit', handleSubmit)\n\n  const submitHandler = useCallback(async () => {\n    setFieldEventListener?.(undefined, 'onSubmit', handleSubmit, {\n      remove: true,\n    })\n\n    await setConfirmationState('submitInProgress')\n    await handleFinalSubmit()\n    await setConfirmationState('submissionComplete')\n\n    setFocusOnButton()\n  }, [\n    handleFinalSubmit,\n    handleSubmit,\n    setFocusOnButton,\n    setFieldEventListener,\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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","ignoreList":[]}
+{"version":3,"file":"SubmitConfirmation.js","names":["React","useCallback","useContext","useMemo","useReducer","useRef","DataContext","useEventListener","SharedProvider","HeightAnimation","removeUndefinedProps","SubmitConfirmation","props","forceUpdate","preventSubmitWhen","onStateChange","onSubmitResult","renderWithState","children","setFormState","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","removeEvent","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 useEventListener from '../../DataContext/Provider/useEventListener'\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    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  const { removeEvent } = useEventListener('onSubmit', handleSubmit)\n\n  const submitHandler = useCallback(async () => {\n    removeEvent()\n\n    await setConfirmationState('submitInProgress')\n    await handleFinalSubmit()\n    await setConfirmationState('submissionComplete')\n\n    setFocusOnButton()\n  }, [\n    removeEvent,\n    setConfirmationState,\n    handleFinalSubmit,\n    setFocusOnButton,\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,gBAAgB,MAAM,6CAA6C;AAC1E,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,GAAGT,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAElD,MAAM;IACJU,iBAAiB;IACjBC,aAAa;IACbC,cAAc;IACdC,eAAe;IACfC;EACF,CAAC,GAAGN,KAAK;EAET,MAAM;IACJO,YAAY;IACZC,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,GAAGhB,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAClDiB,YAAY,CAACD,OAAO,CAAC,CACvB,CAAC;EACH,CAAC,EAAE,CAAChB,iBAAiB,CAAC,CAAC;EAEvB,MAAMkB,oBAAoB,GAAG/B,WAAW,CACtC,MAAOgC,KAAwB,IAAK;IAClCR,oBAAoB,CAACK,OAAO,GAAGG,KAAK;IACpC,OAAMlB,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGgB,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;YACTd,YAAY,CAAC,UAAU,EAAE;cAAEiB,WAAW,EAAE;YAAM,CAAC,CAAC;YAChD;UACF,KAAK,oBAAoB;YACvBjB,YAAY,CAAC,SAAS,EAAE;cAAEiB,WAAW,EAAE;YAAK,CAAC,CAAC;YAC9C;UACF,KAAK,kBAAkB;YACrBjB,YAAY,CAAC,SAAS,EAAE;cAAEiB,WAAW,EAAE;YAAK,CAAC,CAAC;YAC9C;UACF,KAAK,oBAAoB;YACvBjB,YAAY,CAAC,UAAU,EAAE;cAAEiB,WAAW,EAAE;YAAM,CAAC,CAAC;YAChD;UACF;YACEvB,WAAW,CAAC,CAAC;QACjB;MACF,CAAC,CAAC;IACJ;EACF,CAAC,EACD,CAACE,aAAa,EAAEI,YAAY,CAC9B,CAAC;EAED,MAAMY,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,aAAfA,eAAe,uBAAfA,eAAe,CAAEM,OAAO;MAC9BO,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,CAACvC,oBAAoB,CAACY,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC4B,MAAM,GAAG,CAAC,EAAE;MACnExB,cAAc,CAACI,OAAO,GAAAqB,aAAA,KACjB7B,WAAW,CACK;MACrBN,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAGe,YAAY,CAACD,OAAO,CAAC,CAAC,CAAC;IAC1C;EACF,CAAC,EAAE,CAACR,WAAW,EAAEN,cAAc,CAAC,CAAC;EAEjC,MAAMoC,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;EACD,MAAM;IAAE+B;EAAY,CAAC,GAAGrD,gBAAgB,CAAC,UAAU,EAAEa,YAAY,CAAC;EAElE,MAAMqB,aAAa,GAAGxC,WAAW,CAAC,YAAY;IAC5C2D,WAAW,CAAC,CAAC;IAEb,MAAM5B,oBAAoB,CAAC,kBAAkB,CAAC;IAC9C,MAAMX,iBAAiB,CAAC,CAAC;IACzB,MAAMW,oBAAoB,CAAC,oBAAoB,CAAC;IAEhDoB,gBAAgB,CAAC,CAAC;EACpB,CAAC,EAAE,CACDQ,WAAW,EACX5B,oBAAoB,EACpBX,iBAAiB,EACjB+B,gBAAgB,CACjB,CAAC;EAEF,MAAMS,oBAAkC,GAAG;IACzCC,WAAW,EAAE;MACXC,QAAQ,EAAE;IACZ;EACF,CAAC;EAED,OACE/D,KAAA,CAAAgE,aAAA,CAAAhE,KAAA,CAAAiE,QAAA,QACG/C,QAAQ,EAETlB,KAAA,CAAAgE,aAAA,CAACxD,cAAc,EAAKqD,oBAAoB,EACtC7D,KAAA,CAAAgE,aAAA,CAACvD,eAAe,QACbQ,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAGc,YAAY,CAACD,OAAO,CAAC,CAAC,CAC1B,CACH,CAChB,CAAC;AAEP;AAEAnB,kBAAkB,CAACuD,qBAAqB,GAAG,UAAU;AACrD,eAAevD,kBAAkB","ignoreList":[]}

package/extensions/forms/Iterate/EditContainer/ResetButton.js

@@ -37,7 +37,9 @@ export default function ResetButton(props) {
   } = useContext(ToolbarContext) || {};
   const {
     hasContentChanged
-  } = useHasContentChanged();
+  } = useHasContentChanged({
+    enabled: true
+  });
   const buttonProps = omitDataValueReadWriteProps(restProps);
   const {
     resetButton

package/extensions/forms/Iterate/EditContainer/ResetButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResetButton.js","names":["React","useCallback","useContext","classnames","Button","Dialog","useTranslation","IterateItemContext","ToolbarContext","FieldBoundaryContext","reset","useHasContentChanged","omitDataValueReadWriteProps","ResetButton","props","text","children","onClick","className","hidden","showConfirmDialog","restProps","_objectWithoutProperties","_excluded","restoreOriginalValue","setShowBoundaryErrors","setShowError","hasContentChanged","buttonProps","resetButton","IterateEditContainer","confirmResetText","textContent","buttonWrapperRef","useRef","handleClick","_ref","_buttonWrapperRef$cur","close","event","current","focus","triggerAttributes","_objectSpread","variant","icon","icon_position","disabled","createElement","tabIndex","ref","title","onConfirm","_extends","on_click"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/ResetButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button, Dialog } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport ToolbarContext from '../Toolbar/ToolbarContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { reset } from '../../../../icons'\nimport { ButtonProps } from '../../../../components/Button'\nimport useHasContentChanged from '../../Form/Isolation/useHasContentChanged'\nimport { omitDataValueReadWriteProps } from '../../types'\n\ntype Props = ButtonProps & {\n  showConfirmDialog?: boolean\n}\n\nexport default function ResetButton(props: Props) {\n  const {\n    text,\n    children,\n    onClick,\n    className,\n    hidden,\n    showConfirmDialog = true,\n    ...restProps\n  } = props\n  const { restoreOriginalValue } = useContext(IterateItemContext) || {}\n  const { setShowBoundaryErrors } = useContext(FieldBoundaryContext) || {}\n  const { setShowError } = useContext(ToolbarContext) || {}\n  const { hasContentChanged } = useHasContentChanged()\n\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const { resetButton } = useTranslation().IterateEditContainer\n  const { confirmResetText } = useTranslation().IterateEditContainer\n  const textContent = text || children || resetButton\n\n  const buttonWrapperRef = React.useRef<HTMLButtonElement>(null)\n  const handleClick = useCallback(\n    ({ close, event }) => {\n      close?.()\n      onClick?.(event)\n      restoreOriginalValue?.()\n      setShowError(false)\n      setShowBoundaryErrors?.(false)\n      buttonWrapperRef.current?.focus()\n    },\n    [onClick, restoreOriginalValue, setShowBoundaryErrors, setShowError]\n  )\n\n  if (hidden) {\n    return null\n  }\n\n  const triggerAttributes: ButtonProps = {\n    className: classnames('dnb-forms-iterate__reset-button', className),\n    text: textContent,\n    variant: textContent ? 'tertiary' : 'secondary',\n    icon: reset,\n    icon_position: 'left',\n    disabled:\n      typeof hasContentChanged === 'boolean' ? !hasContentChanged : false,\n    ...buttonProps,\n  }\n\n  return (\n    <span tabIndex={-1} ref={buttonWrapperRef} className=\"dnb-no-focus\">\n      {showConfirmDialog ? (\n        <Dialog\n          variant=\"confirmation\"\n          title={confirmResetText}\n          triggerAttributes={triggerAttributes}\n          onConfirm={handleClick}\n        />\n      ) : (\n        <Button\n          {...triggerAttributes}\n          on_click={handleClick}\n          {...buttonProps}\n        >\n          {resetButton}\n        </Button>\n      )}\n    </span>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ResetButton.js","names":["React","useCallback","useContext","classnames","Button","Dialog","useTranslation","IterateItemContext","ToolbarContext","FieldBoundaryContext","reset","useHasContentChanged","omitDataValueReadWriteProps","ResetButton","props","text","children","onClick","className","hidden","showConfirmDialog","restProps","_objectWithoutProperties","_excluded","restoreOriginalValue","setShowBoundaryErrors","setShowError","hasContentChanged","enabled","buttonProps","resetButton","IterateEditContainer","confirmResetText","textContent","buttonWrapperRef","useRef","handleClick","_ref","_buttonWrapperRef$cur","close","event","current","focus","triggerAttributes","_objectSpread","variant","icon","icon_position","disabled","createElement","tabIndex","ref","title","onConfirm","_extends","on_click"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/ResetButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button, Dialog } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport ToolbarContext from '../Toolbar/ToolbarContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { reset } from '../../../../icons'\nimport { ButtonProps } from '../../../../components/Button'\nimport useHasContentChanged from '../../Form/Isolation/useHasContentChanged'\nimport { omitDataValueReadWriteProps } from '../../types'\n\ntype Props = ButtonProps & {\n  showConfirmDialog?: boolean\n}\n\nexport default function ResetButton(props: Props) {\n  const {\n    text,\n    children,\n    onClick,\n    className,\n    hidden,\n    showConfirmDialog = true,\n    ...restProps\n  } = props\n  const { restoreOriginalValue } = useContext(IterateItemContext) || {}\n  const { setShowBoundaryErrors } = useContext(FieldBoundaryContext) || {}\n  const { setShowError } = useContext(ToolbarContext) || {}\n  const { hasContentChanged } = useHasContentChanged({ enabled: true })\n\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const { resetButton } = useTranslation().IterateEditContainer\n  const { confirmResetText } = useTranslation().IterateEditContainer\n  const textContent = text || children || resetButton\n\n  const buttonWrapperRef = React.useRef<HTMLButtonElement>(null)\n  const handleClick = useCallback(\n    ({ close, event }) => {\n      close?.()\n      onClick?.(event)\n      restoreOriginalValue?.()\n      setShowError(false)\n      setShowBoundaryErrors?.(false)\n      buttonWrapperRef.current?.focus()\n    },\n    [onClick, restoreOriginalValue, setShowBoundaryErrors, setShowError]\n  )\n\n  if (hidden) {\n    return null\n  }\n\n  const triggerAttributes: ButtonProps = {\n    className: classnames('dnb-forms-iterate__reset-button', className),\n    text: textContent,\n    variant: textContent ? 'tertiary' : 'secondary',\n    icon: reset,\n    icon_position: 'left',\n    disabled:\n      typeof hasContentChanged === 'boolean' ? !hasContentChanged : false,\n    ...buttonProps,\n  }\n\n  return (\n    <span tabIndex={-1} ref={buttonWrapperRef} className=\"dnb-no-focus\">\n      {showConfirmDialog ? (\n        <Dialog\n          variant=\"confirmation\"\n          title={confirmResetText}\n          triggerAttributes={triggerAttributes}\n          onConfirm={handleClick}\n        />\n      ) : (\n        <Button\n          {...triggerAttributes}\n          on_click={handleClick}\n          {...buttonProps}\n        >\n          {resetButton}\n        </Button>\n      )}\n    </span>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/extensions/forms/Iterate/ItemNo/{useIItemNo.js → useIterateItemNo.js}

@@ -16,7 +16,7 @@ export function useIterateItemNo(_ref) {
     optionalLabelSuffix
   } = useTranslation().Field;
   const labelSuffixText = useMemo(() => {
-    if (required === false || typeof labelSuffix !== 'undefined') {
+    if (typeof labelSuffix !== 'boolean' && (required === false || typeof labelSuffix !== 'undefined')) {
       return labelSuffix !== null && labelSuffix !== void 0 ? labelSuffix : optionalLabelSuffix;
     }
     return '';
@@ -40,4 +40,4 @@ export function useIterateItemNo(_ref) {
     return content;
   }, [iterateIndex, labelProp, labelSuffixText, optionalLabelSuffix]);
 }
-//# sourceMappingURL=useIItemNo.js.map
+//# sourceMappingURL=useIterateItemNo.js.map

package/extensions/forms/Iterate/ItemNo/useIterateItemNo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIterateItemNo.js","names":["React","useMemo","useItem","useTranslation","convertJsxToString","useIterateItemNo","_ref","label","labelProp","labelSuffix","required","index","iterateIndex","optionalLabelSuffix","Field","labelSuffixText","content","undefined","replace","String","includes","isValidElement","createElement","Fragment"],"sources":["../../../../../../src/extensions/forms/Iterate/ItemNo/useIterateItemNo.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { useItem } from '../hooks'\nimport { useTranslation } from '../../hooks'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\nexport function useIterateItemNo({\n  label: labelProp,\n  labelSuffix,\n  required,\n}) {\n  const { index: iterateIndex } = useItem() || {}\n\n  const { optionalLabelSuffix } = useTranslation().Field\n  const labelSuffixText = useMemo(() => {\n    if (\n      typeof labelSuffix !== 'boolean' &&\n      (required === false || typeof labelSuffix !== 'undefined')\n    ) {\n      return labelSuffix ?? optionalLabelSuffix\n    }\n    return ''\n  }, [required, labelSuffix, optionalLabelSuffix])\n\n  return useMemo(() => {\n    let content = labelProp\n\n    if (iterateIndex !== undefined) {\n      content = convertJsxToString(labelProp).replace(\n        '{itemNo}',\n        String(iterateIndex + 1)\n      )\n    }\n\n    if (labelSuffixText) {\n      if (convertJsxToString(content).includes(optionalLabelSuffix)) {\n        return content\n      }\n\n      if (typeof content === 'string') {\n        return content + ' ' + labelSuffixText\n      }\n\n      if (React.isValidElement(content)) {\n        return (\n          <>\n            {content}\n            {' '}\n            {labelSuffixText}\n          </>\n        )\n      }\n    }\n\n    return content\n  }, [iterateIndex, labelProp, labelSuffixText, optionalLabelSuffix])\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,QAAQ,UAAU;AAClC,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,kBAAkB,QAAQ,qCAAqC;AAExE,OAAO,SAASC,gBAAgBA,CAAAC,IAAA,EAI7B;EAAA,IAJ8B;IAC/BC,KAAK,EAAEC,SAAS;IAChBC,WAAW;IACXC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAM;IAAEK,KAAK,EAAEC;EAAa,CAAC,GAAGV,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;EAE/C,MAAM;IAAEW;EAAoB,CAAC,GAAGV,cAAc,CAAC,CAAC,CAACW,KAAK;EACtD,MAAMC,eAAe,GAAGd,OAAO,CAAC,MAAM;IACpC,IACE,OAAOQ,WAAW,KAAK,SAAS,KAC/BC,QAAQ,KAAK,KAAK,IAAI,OAAOD,WAAW,KAAK,WAAW,CAAC,EAC1D;MACA,OAAOA,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAII,mBAAmB;IAC3C;IACA,OAAO,EAAE;EACX,CAAC,EAAE,CAACH,QAAQ,EAAED,WAAW,EAAEI,mBAAmB,CAAC,CAAC;EAEhD,OAAOZ,OAAO,CAAC,MAAM;IACnB,IAAIe,OAAO,GAAGR,SAAS;IAEvB,IAAII,YAAY,KAAKK,SAAS,EAAE;MAC9BD,OAAO,GAAGZ,kBAAkB,CAACI,SAAS,CAAC,CAACU,OAAO,CAC7C,UAAU,EACVC,MAAM,CAACP,YAAY,GAAG,CAAC,CACzB,CAAC;IACH;IAEA,IAAIG,eAAe,EAAE;MACnB,IAAIX,kBAAkB,CAACY,OAAO,CAAC,CAACI,QAAQ,CAACP,mBAAmB,CAAC,EAAE;QAC7D,OAAOG,OAAO;MAChB;MAEA,IAAI,OAAOA,OAAO,KAAK,QAAQ,EAAE;QAC/B,OAAOA,OAAO,GAAG,GAAG,GAAGD,eAAe;MACxC;MAEA,IAAIf,KAAK,CAACqB,cAAc,CAACL,OAAO,CAAC,EAAE;QACjC,OACEhB,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QACGP,OAAO,EACP,GAAG,EACHD,eACD,CAAC;MAEP;IACF;IAEA,OAAOC,OAAO;EAChB,CAAC,EAAE,CAACJ,YAAY,EAAEJ,SAAS,EAAEO,eAAe,EAAEF,mBAAmB,CAAC,CAAC;AACrE","ignoreList":[]}

package/extensions/forms/Iterate/PushContainer/PushContainer.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import { IsolationProps } from '../../Form/Isolation';
 import { AllProps as EditContainerProps } from '../EditContainer';
 import { OnCommit, Path } from '../../types';
 import { SpacingProps } from '../../../../shared/types';
+import { JsonObject } from '../../utils';
 type OnlyPathRequired = {
     /**
      * The path to the array to add the new item to.
@@ -83,7 +85,7 @@ export type Props = (OnlyPathRequired | OnlyItemPathRequired) & {
      * The container contents.
      */
     children: React.ReactNode;
-};
+} & Pick<IsolationProps<JsonObject>, 'dataReference'>;
 export type AllProps = Props & SpacingProps & Omit<EditContainerProps, 'data'>;
 declare function PushContainer(props: AllProps): import("react/jsx-runtime").JSX.Element;
 declare namespace PushContainer {