npm - @dnb/eufemia - Versions diffs - 10.75.0 → 10.75.2 - Mend

@dnb/eufemia 10.75.0 → 10.75.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (379) hide show

package/es/extensions/forms/Form/Isolation/IsolationDataReference.d.ts CHANGED Viewed

@@ -1,8 +1,10 @@
 import React from 'react';
 export type IsolationDataReference = {
-    refresh: () => void;
+    refresh: (options?: {
+        deferred?: boolean;
+    }) => void;
     update: (data: unknown) => void;
-    cleanup: () => void;
+    cleanup: (fn?: () => void) => void;
     snapshotRef: React.MutableRefObject<unknown>;
     eventsRef: React.MutableRefObject<Array<() => void>>;
 };

package/es/extensions/forms/Form/Isolation/IsolationDataReference.js CHANGED Viewed

@@ -5,14 +5,28 @@ export function createDataReference() {
   const eventsRef = {
     current: []
   };
-  const refresh = () => {
-    eventsRef.current.forEach(fn => fn());
+  const refresh = ({
+    deferred = false
+  } = {}) => {
+    const update = () => eventsRef.current.forEach(fn => fn());
+    if (deferred && typeof window !== 'undefined') {
+      requestAnimationFrame(update);
+    } else {
+      update();
+    }
   };
   const update = data => {
     snapshotRef.current = data;
   };
-  const cleanup = () => {
-    eventsRef.current = [];
+  const cleanup = (fn = null) => {
+    if (fn) {
+      const index = eventsRef.current.indexOf(fn);
+      if (index !== -1) {
+        eventsRef.current.splice(index, 1);
+      }
+    } else {
+      eventsRef.current = [];
+    }
   };
   return {
     refresh,

package/es/extensions/forms/Form/Isolation/IsolationDataReference.js.map CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"version":3,"file":"IsolationDataReference.js","names":["createDataReference","snapshotRef","current","undefined","eventsRef","refresh","deferred","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,GAAGA,CAAC;IAClDC,QAAQ,GAAG;EACb,CAAC,GAAG,CAAC,CAAC,KAAK;IACT,MAAMC,MAAM,GAAGA,CAAA,KAAMH,SAAS,CAACF,OAAO,CAACM,OAAO,CAAEC,EAAE,IAAKA,EAAE,CAAC,CAAC,CAAC;IAC5D,IAAIH,QAAQ,IAAI,OAAOI,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;IACzDX,WAAW,CAACC,OAAO,GAAGU,IAAI;EAC5B,CAAC;EAED,MAAMC,OAA0C,GAAGA,CAACJ,EAAE,GAAG,IAAI,KAAK;IAChE,IAAIA,EAAE,EAAE;MACN,MAAMK,KAAK,GAAGV,SAAS,CAACF,OAAO,CAACa,OAAO,CAACN,EAAE,CAAC;MAC3C,IAAIK,KAAK,KAAK,CAAC,CAAC,EAAE;QAChBV,SAAS,CAACF,OAAO,CAACc,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;MACpC;IACF,CAAC,MAAM;MACLV,SAAS,CAACF,OAAO,GAAG,EAAE;IACxB;EACF,CAAC;EAED,OAAO;IACLG,OAAO;IACPE,MAAM;IACNM,OAAO;IACPZ,WAAW;IACXG;EACF,CAAC;AACH","ignoreList":[]}

package/es/extensions/forms/Form/Isolation/IsolationResetButton.js CHANGED Viewed

@@ -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/es/extensions/forms/Form/Isolation/IsolationResetButton.js.map CHANGED Viewed

	@@ -1 +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","close","event","_buttonWrapperRef$cur","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":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,EAAEC,MAAM,QAAQ,wBAAwB;AACvD,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,oBAAoB,MAAM,sDAAsD;AACvF,SAASC,KAAK,QAAQ,mBAAmB;AAEzC,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,SAASC,2BAA2B,QAAQ,aAAa;AACzD,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,cAAc,QAAQ,qBAAqB;AACpD,OAAOC,gBAAgB,MAAM,oBAAoB;AAOjD,eAAe,SAASC,oBAAoBA,CAACC,KAAY,EAAE;EACzD,MAAM;MACJC,IAAI;MACJC,QAAQ;MACRC,OAAO;MACPC,SAAS;MACTC,MAAM;MACNC,iBAAiB,GAAG,IAAI;MACxBC;IAEF,CAAC,GAAGP,KAAK;IADJQ,SAAS,GAAAC,wBAAA,CACVT,KAAK,EAAAU,SAAA;EAET,MAAM;IAAEC,YAAY;IAAEC;EAA0B,CAAC,GAC/C1B,UAAU,CAACY,gBAAgB,CAAC;EAC9B,MAAM;IAAEe;EAAsB,CAAC,GAAG3B,UAAU,CAACK,oBAAoB,CAAC,IAAI,CAAC,CAAC;EAExE,MAAM;IAAEuB;EAAY,CAAC,GAAGnB,sBAAsB,CAAC;IAAEoB,OAAO,EAAE;EAAK,CAAC,CAAC;EACjE,MAAM;IAAEC;EAAkB,CAAC,GAAGvB,oBAAoB,CAAC,CAAC;EACpD,MAAM;IAAEwB,UAAU,EAAEC;EAAiB,CAAC,GAAGtB,eAAe,CAAC;IACvDe,YAAY;IACZC,yBAAyB;IACzBO,KAAK,EAAEtB;~~EACT~~,CAAC,CAAC;EAEF,~~MAAMuB~~,WAAW,~~GAAG1B~~,2BAA2B,CAACc,SAAS,CAAC;EAC1D,MAAM;~~IAAEa~~;EAAY,CAAC,~~GAAG/B~~,cAAc,CAAC,CAAC,~~CAACgC~~,oBAAoB;EAC7D,MAAM;IAAEC;EAAiB,CAAC,~~GAAGjC~~,cAAc,CAAC,CAAC,~~CAACgC~~,oBAAoB;EAClE,MAAME,WAAW,~~GAAGvB~~,IAAI,IAAIC,QAAQ,~~IAAImB~~,WAAW;EAEnD,MAAMI,gBAAgB,~~GAAGzC~~,KAAK,~~CAAC0C~~,MAAM,CAAoB,IAAI,CAAC;EAC9D,MAAMC,WAAW,~~GAAG1C~~,WAAW,CAC7B,CAAC;~~IAAE2C~~,KAAK;IAAEC;EAAM,CAAC,KAAK;IAAA,IAAAC,qBAAA;IACpBF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC;~~IACTzB~~,OAAO,aAAPA,OAAO,uBAAPA,OAAO,~~CAAG0B~~,KAAK,CAAC;~~IAChBf~~,WAAW,CAAC,CAAC;IACbD,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAG,KAAK,CAAC;IAC9B,~~CAAAiB~~,qBAAA,GAAAL,gBAAgB,CAACM,OAAO,cAAAD,qBAAA,uBAAxBA,qBAAA,CAA0BE,KAAK,CAAC,CAAC;EACnC,CAAC,EACD,~~CAAC7B~~,OAAO,EAAEW,WAAW,EAAED,qBAAqB,CAC9C,CAAC;EAED,IAAIR,MAAM,EAAE;IACV,OAAO,IAAI;EACb;EAEA,~~MAAM4B~~,iBAA8B,GAAAC,aAAA;~~IAClC9B~~,SAAS,EAAEjB,UAAU,CAAC,iCAAiC,EAAEiB,SAAS,CAAC;IACnEH,IAAI,~~EAAEuB~~,WAAW;IACjBW,OAAO,EAAEX,WAAW,GAAG,UAAU,GAAG,WAAW;IAC/CY,IAAI,~~EAAE5C~~,KAAK;~~IACX6C~~,aAAa,EAAE,MAAM;IACrBC,QAAQ,EACN,~~OAAOtB~~,iBAAiB,KAAK,SAAS,GAAG,CAACA,iBAAiB,GAAG;EAAK,~~GAClEI~~,WAAW,CACf;EAED,~~OACEpC~~,KAAA,~~CAAAuD~~,aAAA;IACEC,QAAQ,EAAE,CAAC,CAAE;IACbC,GAAG,EAAEhB,gBAAiB;~~IACtBrB~~,SAAS,EAAC,cAAc;IACxBC,MAAM,EACJ,EAAEE,QAAQ,KAAK,2BAA2B,~~GACtCmC~~,OAAO,~~CAACxB~~,gBAAgB,CAAC,GACzB,IAAI;EACT,GAEAZ,iBAAiB,GAChBtB,KAAA,~~CAAAuD~~,aAAA,~~CAAClD~~,MAAM;~~IACL8C~~,OAAO,EAAC,cAAc;IACtBQ,KAAK,EAAEpB,gBAAiB;IACxBU,iBAAiB,EAAEA,iBAAkB;IACrCW,SAAS,EAAEjB;EAAY,CACxB,CAAC,~~GAEF3C~~,KAAA,~~CAAAuD~~,aAAA,~~CAACnD~~,MAAM,~~EAAAyD~~,QAAA,KACDZ,iBAAiB;IACrBa,QAAQ,EAAEnB;EAAY,GAClBP,WAAW,GAEdC,WACK,CAEN,CAAC;AAEX","ignoreList":[]}
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","name","buttonProps","resetButton","IterateEditContainer","confirmResetText","textContent","buttonWrapperRef","useRef","handleClick","close","event","_buttonWrapperRef$cur","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/es/extensions/forms/Form/Isolation/useDataContextSnapshot.js CHANGED Viewed

@@ -1,8 +1,10 @@
 "use client";
-import { useCallback, useContext, useEffect, useReducer } from 'react';
+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';
 export default function useDataContextSnapshot({
   enabled
@@ -12,10 +14,17 @@ export default function useDataContextSnapshot({
     internalDataRef,
     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();
+    }
+  });
   const {
-    dataReference,
+    dataReference = dataReferenceFallback,
     setIsolatedData
-  } = useContext(IsolationContext) || {};
+  } = isolationContext || {};
   const {
     snapshotRef,
     eventsRef,
@@ -23,25 +32,29 @@ export default function useDataContextSnapshot({
     refresh,
     cleanup
   } = dataReference || {};
+  const updateHandler = useCallback((data = 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/es/extensions/forms/Form/Isolation/useDataContextSnapshot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDataContextSnapshot.js","names":["useCallback","useContext","useEffect","useReducer","DataContext","IsolationContext","structuredClone","useDataContextSnapshot","enabled","forceUpdate","internalDataRef","setData","dataReference","setIsolatedData","snapshotRef","eventsRef","update","refresh","cleanup","current","push","handleReset","window","requestAnimationFrame"~~,"data"~~],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useDataContextSnapshot.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useReducer } from 'react'\nimport DataContext from '../../DataContext/Context'\nimport IsolationContext from './IsolationContext'\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 { dataReference, setIsolatedData } =\n ~~useContext(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,~~SAASA~~,WAAW,~~EAAEC~~,UAAU,~~EAAEC~~,SAAS,~~EAAEC~~,UAAU,QAAQ,OAAO;~~AACtE~~,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,gBAAgB,MAAM,oBAAoB;~~AAMjD~~,OAAOC,eAAe,MAAM,yBAAyB;AAErD,eAAe,SAASC,sBAAsBA,CAAC;EAC7CC;AAGF,CAAC,GAAG,CAAC,CAAC,EAAE;EACN,MAAM,GAAGC,WAAW,CAAC,~~GAAGN~~,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;~~IAAEO~~,eAAe;IAAEC;EAAQ,CAAC,~~GAAGV~~,UAAU,~~CAACG~~,WAAW,CAAC;EAC5D,MAAM;~~IAAEQ~~,aAAa;~~IAAEC~~;~~EAAgB~~,CAAC,~~GACtCZ~~,~~UAAU~~,~~CAACI~~,~~gBAAgB~~,CAAC,IAAI,CAAC,CAAC;~~EACpC~~,MAAM;~~IAAES~~,WAAW;IAAEC,SAAS;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GACxDN,aAAa,IAAI,CAAC,CAAC;~~EAErBV~~,~~SAAS~~,~~CAAC~~,~~MAAM;IACd~~,~~IAAIM~~,~~OAAO~~,~~IAAIO~~,~~SAAS~~,~~EAAE~~;~~MACxBA~~,~~SAAS~~,CAACI,~~OAAO,CAACC,~~IAAI,~~CAAC~~,~~MAAM;QAC3BJ,MAAM,CAACV,~~eAAe,CAACI,eAAe,aAAfA,eAAe,uBAAfA,eAAe,~~CAAES~~,OAAO,CAAC,CAAC;~~QACjDV~~,WAAW,CAAC,CAAC;~~MACf~~,CAAC,CAAC;~~MACFQ~~,OAAO,CAAC,CAAC;~~IACX~~;IAEA,OAAO,~~MAAMC~~,OAAO,aAAPA,OAAO,uBAAPA,OAAO,~~CAAG~~,CAAC;~~EAC1B~~,CAAC,EAAE,~~CAACA~~,OAAO,~~EAAEV~~,OAAO,~~EAAEO~~,SAAS,~~EAAEL~~,~~eAAe~~,~~EAAEO~~,OAAO,~~EAAED~~,~~MAAM~~,CAAC,CAAC;~~EAEnE~~,MAAMK,WAAW,~~GAAGrB~~,WAAW,CAAC,MAAM;~~IACpCsB~~,MAAM,CAACC,qBAAqB,CAAC,MAAM;MACjC,~~IAAIT~~,WAAW,EAAE;QACf,~~MAAMU~~,IAAI,GAAGlB,eAAe,~~CAACQ~~,WAAW,~~CAACK~~,OAAO,CAAC;QACjDR,OAAO,CAACa,IAAI,CAAC;~~QACbX~~,~~eAAe~~,~~CAACW~~,IAAI,CAAC;~~MACvB~~;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACb,OAAO,~~EAAEE~~,eAAe,EAAEC,WAAW,CAAC,CAAC;~~EAE3C~~,OAAO;~~IAAEO~~,WAAW;~~IAAEP~~;EAAY,CAAC;AACrC","ignoreList":[]}
1	+ {"version":3,"file":"useDataContextSnapshot.js","names":["useCallback","useContext","useEffect","useReducer","useState","DataContext","WizardContext","IsolationContext","createDataReference","structuredClone","useDataContextSnapshot","enabled","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,CAAC;EAC7CC;AAGF,CAAC,GAAG,CAAC,CAAC,EAAE;EACN,MAAM,GAAGC,WAAW,CAAC,GAAGT,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IAAEU,eAAe;IAAEC;EAAQ,CAAC,GAAGb,UAAU,CAACI,WAAW,CAAC;EAC5D,MAAMU,gBAAgB,GAAGd,UAAU,CAACM,gBAAgB,CAAC;EACrD,MAAMS,SAAS,GAAGC,OAAO,CAAChB,UAAU,CAACK,aAAa,CAAC,CAAC;EACpD,MAAM,CAACY,qBAAqB,CAAC,GAAGd,QAAQ,CAAC,MAAM;IAC7C,IAAIO,OAAO,IAAI,EAACI,gBAAgB,aAAhBA,gBAAgB,eAAhBA,gBAAgB,CAAEI,aAAa,GAAE;MAC/C,OAAOX,mBAAmB,CAAC,CAAC;IAC9B;EACF,CAAC,CAAC;EACF,MAAM;IAAEW,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,GAAG1B,WAAW,CAC/B,CAAC2B,IAAI,GAAG,IAAI,KAAK;IACfJ,MAAM,CAACI,IAAI,IAAIlB,eAAe,CAACI,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEe,OAAO,CAAC,CAAC;IACzDhB,WAAW,CAAC,CAAC;EACf,CAAC,EACD,CAACC,eAAe,EAAEU,MAAM,CAC1B,CAAC;EAEDrB,SAAS,CAAC,MAAM;IACd,IAAIS,OAAO,IAAIW,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,EAAEd,OAAO,EAAEW,SAAS,EAAEN,SAAS,EAAEQ,OAAO,EAAEE,aAAa,CAAC,CAAC;EAEpE,MAAMK,WAAW,GAAG/B,WAAW,CAAC,MAAM;IACpCgC,MAAM,CAACC,qBAAqB,CAAC,MAAM;MACjC,IAAIZ,WAAW,EAAE;QACf,MAAMM,IAAI,GAAGlB,eAAe,CAACY,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/es/extensions/forms/Form/Isolation/useHandleStatus.d.ts CHANGED Viewed

@@ -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/es/extensions/forms/Form/Isolation/useHandleStatus.js CHANGED Viewed

@@ -6,12 +6,19 @@ import useReportError from './useReportError';
 export default function useHandleStatus({
   outerContext,
   preventUncommittedChanges,
-  error
+  error,
+  name
 }) {
   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/es/extensions/forms/Form/Isolation/useHandleStatus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useHandleStatus.js","names":["useEffect","useRef","useState","useHasContentChanged","useReportError","useHandleStatus","outerContext","preventUncommittedChanges","error","hasContentChanged","undefined","showStatus","useShowStatus","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,CAAC;EACtCC,YAAY;EACZC,yBAAyB;EACzBC;~~AAKF~~,CAAC,EAAE;EACD,MAAM;IAAEC;EAAkB,CAAC,~~GAAGN~~,oBAAoB,CAAC,CAAC;~~EAEpDC~~,~~cAAc~~,~~CACZG~~,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,CAAC;~~EACrBN~~,YAAY;~~EACZG~~,iBAAiB;~~EACjBF~~;AACF,CAAC,EAAE;EACD,~~MAAMM~~,aAAa,~~GAAGP~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEO~~,aAAa;EACjD,MAAM,CAACF,UAAU,EAAEG,aAAa,CAAC,~~GAAGZ~~,QAAQ,~~CAACW~~,aAAa,CAAC;EAC3D,MAAME,OAAO,~~GAAGd~~,MAAM,~~CAACY~~,aAAa,CAAC;~~EAErCb~~,SAAS,CAAC,MAAM;IACd,IAAI,CAACO,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAI,~~CAACE~~,iBAAiB,EAAE;~~MACtBK~~,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,~~CAACJ~~,iBAAiB,~~EAAEF~~,yBAAyB,~~EAAEM~~,aAAa,CAAC,CAAC;EAEjE,OAAOF,UAAU;AACnB","ignoreList":[]}
1	+ {"version":3,"file":"useHandleStatus.js","names":["useEffect","useRef","useState","useHasContentChanged","useReportError","useHandleStatus","outerContext","preventUncommittedChanges","error","name","hasContentChanged","enabled","errorToReport","undefined","showStatus","useShowStatus","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,CAAC;EACtCC,YAAY;EACZC,yBAAyB;EACzBC,KAAK;EACLC;AAMF,CAAC,EAAE;EACD,MAAM;IAAEC;EAAkB,CAAC,GAAGP,oBAAoB,CAAC;IACjDQ,OAAO,EAAEJ;EACX,CAAC,CAAC;EAEF,IAAIK,aAAa,GAAGC,SAAS;EAC7B,IAAIN,yBAAyB,IAAIG,iBAAiB,EAAE;IAClDE,aAAa,GAAGJ,KAAK;EACvB;EACAJ,cAAc,CAACQ,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,CAAC;EACrBT,YAAY;EACZI,iBAAiB;EACjBH;AACF,CAAC,EAAE;EACD,MAAMS,aAAa,GAAGV,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEU,aAAa;EACjD,MAAM,CAACF,UAAU,EAAEG,aAAa,CAAC,GAAGf,QAAQ,CAACc,aAAa,CAAC;EAC3D,MAAME,OAAO,GAAGjB,MAAM,CAACe,aAAa,CAAC;EAErChB,SAAS,CAAC,MAAM;IACd,IAAI,CAACO,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAI,CAACG,iBAAiB,EAAE;MACtBO,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,CAACN,iBAAiB,EAAEH,yBAAyB,EAAES,aAAa,CAAC,CAAC;EAEjE,OAAOF,UAAU;AACnB","ignoreList":[]}

package/es/extensions/forms/Form/Isolation/useHasContentChanged.d.ts CHANGED Viewed

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

package/es/extensions/forms/Form/Isolation/useHasContentChanged.js CHANGED Viewed

@@ -4,14 +4,16 @@ import { useContext, useMemo } from 'react';
 import pointer from '../../utils/json-pointer';
 import DataContext from '../../DataContext/Context';
 import useDataContextSnapshot from './useDataContextSnapshot';
-export default function useHasContentChanged() {
+export default function useHasContentChanged({
+  enabled = false
+} = {}) {
   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;
@@ -21,7 +23,8 @@ export default function useHasContentChanged() {
     }
     let hasChanged = false;
     pointer.walk(data, (value, path) => {
-      if (pointer.has(snapshot, path) && pointer.get(snapshot, path) !== value) {
+      const exists = pointer.has(snapshot, path);
+      if (!exists || exists && pointer.get(snapshot, path) !== value) {
         hasChanged = true;
         return false;
       }

package/es/extensions/forms/Form/Isolation/useHasContentChanged.js.map CHANGED Viewed

	@@ -1 +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","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 if ~~(\n~~ pointer.has(snapshot, path) ~~&&\n~~ pointer.get(snapshot, path) !== value\n ) {\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,~~IACEf~~,OAAO,~~CAACgB~~,GAAG,~~CAACP~~,QAAQ,EAAEM,IAAI,CAAC,~~IAC3Bf~~,OAAO,~~CAACiB~~,GAAG,~~CAACR~~,QAAQ,EAAEM,IAAI,CAAC,KAAKD,~~KAAK~~,~~EACrC~~;~~QACAF~~,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":[]}
1	+ {"version":3,"file":"useHasContentChanged.js","names":["useContext","useMemo","pointer","DataContext","useDataContextSnapshot","useHasContentChanged","enabled","internalDataRef","snapshotRef","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 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,CAAC;EAC3CC,OAAO,GAAG;AAGZ,CAAC,GAAG,CAAC,CAAC,EAAE;EACN,MAAM;IAAEC;EAAgB,CAAC,GAAGP,UAAU,CAACG,WAAW,CAAC;EACnD,MAAM;IAAEK;EAAY,CAAC,GAAGJ,sBAAsB,CAAC;IAAEE;EAAQ,CAAC,CAAC;EAE3D,MAAMG,IAAI,GAAGF,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEG,OAAO;EACrC,MAAMC,QAAQ,GAAGH,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEE,OAAO;EAErC,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":[]}

package/es/extensions/forms/Form/Isolation/useReportError.d.ts CHANGED Viewed

@@ -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/es/extensions/forms/Form/Isolation/useReportError.js CHANGED Viewed

@@ -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/es/extensions/forms/Form/Isolation/useReportError.js.map CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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/es/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.js CHANGED Viewed

@@ -5,6 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import 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';
@@ -19,7 +20,6 @@ function SubmitConfirmation(props) {
   } = props;
   const {
     setFormState,
-    setFieldEventListener,
     handleSubmit: handleFinalSubmit,
     submitState,
     formElementRef,
@@ -118,16 +118,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/es/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.js.map CHANGED Viewed

	@@ -1 +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","triggeredBy","data","Object","keys","length","_objectSpread","setFocusOnButton","form","element","querySelector","focus","e","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":[]}
1	+ {"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","triggeredBy","data","Object","keys","length","_objectSpread","setFocusOnButton","form","element","querySelector","focus","e","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":"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","ignoreList":[]}

package/es/extensions/forms/Iterate/EditContainer/ResetButton.js CHANGED Viewed

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

package/es/extensions/forms/Iterate/EditContainer/ResetButton.js.map CHANGED Viewed

	@@ -1 +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","close","event","_buttonWrapperRef$cur","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":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,EAAEC,MAAM,QAAQ,wBAAwB;AACvD,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,cAAc,MAAM,2BAA2B;AACtD,OAAOC,oBAAoB,MAAM,sDAAsD;AACvF,SAASC,KAAK,QAAQ,mBAAmB;AAEzC,OAAOC,oBAAoB,MAAM,2CAA2C;AAC5E,SAASC,2BAA2B,QAAQ,aAAa;AAMzD,eAAe,SAASC,WAAWA,CAACC,KAAY,EAAE;EAChD,MAAM;MACJC,IAAI;MACJC,QAAQ;MACRC,OAAO;MACPC,SAAS;MACTC,MAAM;MACNC,iBAAiB,GAAG;IAEtB,CAAC,GAAGN,KAAK;IADJO,SAAS,GAAAC,wBAAA,CACVR,KAAK,EAAAS,SAAA;EACT,MAAM;IAAEC;EAAqB,CAAC,GAAGtB,UAAU,CAACK,kBAAkB,CAAC,IAAI,CAAC,CAAC;EACrE,MAAM;IAAEkB;EAAsB,CAAC,GAAGvB,UAAU,CAACO,oBAAoB,CAAC,IAAI,CAAC,CAAC;EACxE,MAAM;IAAEiB;EAAa,CAAC,GAAGxB,UAAU,CAACM,cAAc,CAAC,IAAI,CAAC,CAAC;EACzD,MAAM;IAAEmB;EAAkB,CAAC,GAAGhB,oBAAoB,CAAC,CAAC;~~EAEpD~~,~~MAAMiB~~,WAAW,~~GAAGhB~~,2BAA2B,CAACS,SAAS,CAAC;EAC1D,MAAM;~~IAAEQ~~;EAAY,CAAC,~~GAAGvB~~,cAAc,CAAC,CAAC,~~CAACwB~~,oBAAoB;EAC7D,MAAM;IAAEC;EAAiB,CAAC,~~GAAGzB~~,cAAc,CAAC,CAAC,~~CAACwB~~,oBAAoB;EAClE,MAAME,WAAW,~~GAAGjB~~,IAAI,IAAIC,QAAQ,~~IAAIa~~,WAAW;EAEnD,MAAMI,gBAAgB,~~GAAGjC~~,KAAK,~~CAACkC~~,MAAM,CAAoB,IAAI,CAAC;EAC9D,MAAMC,WAAW,~~GAAGlC~~,WAAW,CAC7B,CAAC;~~IAAEmC~~,KAAK;IAAEC;EAAM,CAAC,KAAK;IAAA,IAAAC,qBAAA;IACpBF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC;~~IACTnB~~,OAAO,aAAPA,OAAO,uBAAPA,OAAO,~~CAAGoB~~,KAAK,CAAC;~~IAChBb~~,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAG,CAAC;IACxBE,YAAY,CAAC,KAAK,CAAC;IACnBD,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAG,KAAK,CAAC;IAC9B,~~CAAAa~~,qBAAA,GAAAL,gBAAgB,CAACM,OAAO,cAAAD,qBAAA,uBAAxBA,qBAAA,CAA0BE,KAAK,CAAC,CAAC;EACnC,CAAC,EACD,~~CAACvB~~,OAAO,EAAEO,oBAAoB,EAAEC,qBAAqB,EAAEC,YAAY,CACrE,CAAC;EAED,IAAIP,MAAM,EAAE;IACV,OAAO,IAAI;EACb;EAEA,~~MAAMsB~~,iBAA8B,GAAAC,aAAA;~~IAClCxB~~,SAAS,EAAEf,UAAU,CAAC,iCAAiC,EAAEe,SAAS,CAAC;IACnEH,IAAI,~~EAAEiB~~,WAAW;IACjBW,OAAO,EAAEX,WAAW,GAAG,UAAU,GAAG,WAAW;IAC/CY,IAAI,~~EAAElC~~,KAAK;~~IACXmC~~,aAAa,EAAE,MAAM;IACrBC,QAAQ,EACN,~~OAAOnB~~,iBAAiB,KAAK,SAAS,GAAG,CAACA,iBAAiB,GAAG;EAAK,~~GAClEC~~,WAAW,CACf;EAED,~~OACE5B~~,KAAA,~~CAAA+C~~,aAAA;IAAMC,QAAQ,EAAE,CAAC,CAAE;IAACC,GAAG,EAAEhB,gBAAiB;~~IAACf~~,SAAS,EAAC;EAAc,GAChEE,iBAAiB,GAChBpB,KAAA,~~CAAA+C~~,aAAA,~~CAAC1C~~,MAAM;~~IACLsC~~,OAAO,EAAC,cAAc;IACtBO,KAAK,EAAEnB,gBAAiB;IACxBU,iBAAiB,EAAEA,iBAAkB;IACrCU,SAAS,EAAEhB;EAAY,CACxB,CAAC,~~GAEFnC~~,KAAA,~~CAAA+C~~,aAAA,~~CAAC3C~~,MAAM,~~EAAAgD~~,QAAA,KACDX,iBAAiB;IACrBY,QAAQ,EAAElB;EAAY,GAClBP,WAAW,GAEdC,WACK,CAEN,CAAC;AAEX","ignoreList":[]}
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","enabled","buttonProps","resetButton","IterateEditContainer","confirmResetText","textContent","buttonWrapperRef","useRef","handleClick","close","event","_buttonWrapperRef$cur","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/es/extensions/forms/Iterate/ItemNo/{useIItemNo.js → useIterateItemNo.js} RENAMED Viewed

@@ -14,7 +14,7 @@ export function useIterateItemNo({
     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 '';
@@ -38,4 +38,4 @@ export function useIterateItemNo({
     return content;
   }, [iterateIndex, labelProp, labelSuffixText, optionalLabelSuffix]);
 }
-//# sourceMappingURL=useIItemNo.js.map
+//# sourceMappingURL=useIterateItemNo.js.map

package/es/extensions/forms/Iterate/ItemNo/useIterateItemNo.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useIterateItemNo.js","names":["React","useMemo","useItem","useTranslation","convertJsxToString","useIterateItemNo","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,CAAC;EAC/BC,KAAK,EAAEC,SAAS;EAChBC,WAAW;EACXC;AACF,CAAC,EAAE;EACD,MAAM;IAAEC,KAAK,EAAEC;EAAa,CAAC,GAAGT,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;EAE/C,MAAM;IAAEU;EAAoB,CAAC,GAAGT,cAAc,CAAC,CAAC,CAACU,KAAK;EACtD,MAAMC,eAAe,GAAGb,OAAO,CAAC,MAAM;IACpC,IACE,OAAOO,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,OAAOX,OAAO,CAAC,MAAM;IACnB,IAAIc,OAAO,GAAGR,SAAS;IAEvB,IAAII,YAAY,KAAKK,SAAS,EAAE;MAC9BD,OAAO,GAAGX,kBAAkB,CAACG,SAAS,CAAC,CAACU,OAAO,CAC7C,UAAU,EACVC,MAAM,CAACP,YAAY,GAAG,CAAC,CACzB,CAAC;IACH;IAEA,IAAIG,eAAe,EAAE;MACnB,IAAIV,kBAAkB,CAACW,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,IAAId,KAAK,CAACoB,cAAc,CAACL,OAAO,CAAC,EAAE;QACjC,OACEf,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,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/es/extensions/forms/Iterate/PushContainer/PushContainer.d.ts CHANGED Viewed

@@ -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 {