@dnb/eufemia 10.73.2 → 10.74.0

package/es/extensions/forms/Form/Isolation/IsolationResetButton.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from '../../../../components/Button';
+type Props = ButtonProps & {
+    showConfirmDialog?: boolean;
+    showWhen?: 'uncommittedChangeDetected';
+};
+export default function IsolationResetButton(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,99 @@
+"use client";
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["text", "children", "onClick", "className", "hidden", "showConfirmDialog", "showWhen"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React, { useCallback, useContext } from 'react';
+import classnames from 'classnames';
+import { Button, Dialog } from '../../../../components';
+import useTranslation from '../../hooks/useTranslation';
+import FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext';
+import { reset } from '../../../../icons';
+import useHasContentChanged from './useHasContentChanged';
+import { omitDataValueReadWriteProps } from '../../types';
+import useDataContextSnapshot from './useDataContextSnapshot';
+import useHandleStatus from './useHandleStatus';
+import { isolationError } from './IsolatedContainer';
+import IsolationContext from './IsolationContext';
+export default function IsolationResetButton(props) {
+  const {
+      text,
+      children,
+      onClick,
+      className,
+      hidden,
+      showConfirmDialog = true,
+      showWhen
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const {
+    outerContext,
+    preventUncommittedChanges
+  } = useContext(IsolationContext);
+  const {
+    setShowBoundaryErrors
+  } = useContext(FieldBoundaryContext) || {};
+  const {
+    handleReset
+  } = useDataContextSnapshot({
+    enabled: true
+  });
+  const {
+    hasContentChanged
+  } = useHasContentChanged();
+  const {
+    showStatus: showCommitStatus
+  } = useHandleStatus({
+    outerContext,
+    preventUncommittedChanges,
+    error: isolationError
+  });
+  const buttonProps = omitDataValueReadWriteProps(restProps);
+  const {
+    resetButton
+  } = useTranslation().IterateEditContainer;
+  const {
+    confirmResetText
+  } = useTranslation().IterateEditContainer;
+  const textContent = text || children || resetButton;
+  const buttonWrapperRef = React.useRef(null);
+  const handleClick = useCallback(({
+    close,
+    event
+  }) => {
+    var _buttonWrapperRef$cur;
+    close === null || close === void 0 ? void 0 : close();
+    onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    handleReset();
+    setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(false);
+    (_buttonWrapperRef$cur = buttonWrapperRef.current) === null || _buttonWrapperRef$cur === void 0 ? void 0 : _buttonWrapperRef$cur.focus();
+  }, [onClick, handleReset, setShowBoundaryErrors]);
+  if (hidden) {
+    return null;
+  }
+  const triggerAttributes = _objectSpread({
+    className: classnames('dnb-forms-isolate__reset-button', className),
+    text: textContent,
+    variant: textContent ? 'tertiary' : 'secondary',
+    icon: reset,
+    icon_position: 'left',
+    disabled: typeof hasContentChanged === 'boolean' ? !hasContentChanged : false
+  }, buttonProps);
+  return React.createElement("span", {
+    tabIndex: -1,
+    ref: buttonWrapperRef,
+    className: "dnb-no-focus",
+    hidden: !(showWhen === 'uncommittedChangeDetected' ? Boolean(showCommitStatus) : true)
+  }, showConfirmDialog ? React.createElement(Dialog, {
+    variant: "confirmation",
+    title: confirmResetText,
+    triggerAttributes: triggerAttributes,
+    onConfirm: handleClick
+  }) : React.createElement(Button, _extends({}, triggerAttributes, {
+    on_click: handleClick
+  }, buttonProps), resetButton));
+}
+//# sourceMappingURL=IsolationResetButton.js.map

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

@@ -0,0 +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":"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","ignoreList":[]}

package/es/extensions/forms/Form/Isolation/useDataContextSnapshot.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export default function useDataContextSnapshot({ enabled, }?: {
+    enabled?: boolean;
+}): {
+    handleReset: () => void;
+    snapshotRef: import("react").MutableRefObject<unknown>;
+};

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

@@ -0,0 +1,50 @@
+"use client";
+
+import { useCallback, useContext, useEffect, useReducer } from 'react';
+import DataContext from '../../DataContext/Context';
+import IsolationContext from './IsolationContext';
+import structuredClone from '@ungap/structured-clone';
+export default function useDataContextSnapshot({
+  enabled
+} = {}) {
+  const [, forceUpdate] = useReducer(() => ({}), {});
+  const {
+    internalDataRef,
+    setData
+  } = useContext(DataContext);
+  const {
+    dataReference,
+    setIsolatedData
+  } = useContext(IsolationContext) || {};
+  const {
+    snapshotRef,
+    eventsRef,
+    update,
+    refresh,
+    cleanup
+  } = dataReference || {};
+  useEffect(() => {
+    if (enabled && eventsRef) {
+      eventsRef.current.push(() => {
+        update(structuredClone(internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current));
+        forceUpdate();
+      });
+      refresh();
+    }
+    return () => cleanup === null || cleanup === void 0 ? void 0 : cleanup();
+  }, [cleanup, enabled, eventsRef, internalDataRef, refresh, update]);
+  const handleReset = useCallback(() => {
+    window.requestAnimationFrame(() => {
+      if (snapshotRef) {
+        const data = structuredClone(snapshotRef.current);
+        setData(data);
+        setIsolatedData(data);
+      }
+    });
+  }, [setData, setIsolatedData, snapshotRef]);
+  return {
+    handleReset,
+    snapshotRef
+  };
+}
+//# sourceMappingURL=useDataContextSnapshot.js.map

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

@@ -0,0 +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":[]}

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

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

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

@@ -0,0 +1,48 @@
+"use client";
+
+import { useEffect, useRef, useState } from 'react';
+import useHasContentChanged from './useHasContentChanged';
+import useReportError from './useReportError';
+export default function useHandleStatus({
+  outerContext,
+  preventUncommittedChanges,
+  error
+}) {
+  const {
+    hasContentChanged
+  } = useHasContentChanged();
+  useReportError(preventUncommittedChanges && hasContentChanged ? error : undefined, outerContext);
+  const showStatus = useShowStatus({
+    outerContext,
+    hasContentChanged,
+    preventUncommittedChanges
+  });
+  return {
+    hasContentChanged,
+    showStatus
+  };
+}
+function useShowStatus({
+  outerContext,
+  hasContentChanged,
+  preventUncommittedChanges
+}) {
+  const showAllErrors = outerContext === null || outerContext === void 0 ? void 0 : outerContext.showAllErrors;
+  const [showStatus, setShowStatus] = useState(showAllErrors);
+  const showRef = useRef(showAllErrors);
+  useEffect(() => {
+    if (!preventUncommittedChanges) {
+      return;
+    }
+    if (!hasContentChanged) {
+      setShowStatus(false);
+    } else {
+      if (showRef.current !== showAllErrors) {
+        setShowStatus(showAllErrors);
+      }
+    }
+    showRef.current = showAllErrors;
+  }, [hasContentChanged, preventUncommittedChanges, showAllErrors]);
+  return showStatus;
+}
+//# sourceMappingURL=useHandleStatus.js.map

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

@@ -0,0 +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":[]}

package/es/extensions/forms/{Iterate/EditContainer → Form/Isolation}/useHasContentChanged.js

@@ -1,31 +1,33 @@
 "use client";
 
-import { useContext, useEffect, useMemo, useRef } from 'react';
-import DataContext from '../../DataContext/Context';
+import { useContext, useMemo } from 'react';
 import pointer from '../../utils/json-pointer';
-import structuredClone from '@ungap/structured-clone';
+import DataContext from '../../DataContext/Context';
+import useDataContextSnapshot from './useDataContextSnapshot';
 export default function useHasContentChanged() {
   const {
     internalDataRef
   } = useContext(DataContext);
-  const snapshotRef = useRef();
-  useEffect(() => {
-    snapshotRef.current = structuredClone(internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current);
-  }, [internalDataRef]);
+  const {
+    snapshotRef
+  } = useDataContextSnapshot({
+    enabled: true
+  });
   const data = internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current;
+  const snapshot = snapshotRef === null || snapshotRef === void 0 ? void 0 : snapshotRef.current;
   const hasContentChanged = useMemo(() => {
-    if (data === undefined) {
+    if (!data || !snapshot) {
       return undefined;
     }
     let hasChanged = false;
     pointer.walk(data, (value, path) => {
-      if (pointer.has(snapshotRef.current, path) && pointer.get(snapshotRef.current, path) !== value) {
+      if (pointer.has(snapshot, path) && pointer.get(snapshot, path) !== value) {
         hasChanged = true;
         return false;
       }
     });
     return hasChanged;
-  }, [data]);
+  }, [data, snapshot]);
   return {
     hasContentChanged
   };

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

@@ -0,0 +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":[]}

package/es/extensions/forms/Form/Snapshot/Snapshot.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export type SnapshotId = string | number;
+import { SharedStateId } from '../../../../shared/helpers/useSharedState';
+export type SnapshotId = SharedStateId | number;
 export type SnapshotName = string;
 export type SnapshotProps = {
     name: SnapshotName;

package/es/extensions/forms/Form/Snapshot/Snapshot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snapshot.js","names":["React","useCallback","useContext","useEffect","useRef","SnapshotContext","DataContext","SnapshotProvider","props","name","children","snapshotsRef","mountedFieldsRef","current","Map","setMountedField","path","state","set","contextValue","createElement","Provider","value","_supportsSpacingProps","undefined"],"sources":["../../../../../../src/extensions/forms/Form/Snapshot/Snapshot.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef } from 'react'\nimport SnapshotContext, {\n  SnapshotContextState,\n  SnapshotMap,\n} from './SnapshotContext'\nimport DataContext from '../../DataContext/Context'\n\nexport type SnapshotId = string | number\nexport type SnapshotName = string\n\nexport type SnapshotProps = {\n  name: SnapshotName\n  children: React.ReactNode\n}\n\nfunction SnapshotProvider(props: SnapshotProps) {\n  const { name, children } = props\n\n  const { snapshotsRef } = useContext(DataContext) || {}\n  const mountedFieldsRef: SnapshotMap = useRef()\n  if (!mountedFieldsRef.current) {\n    mountedFieldsRef.current = new Map()\n  }\n\n  const setMountedField: SnapshotContextState['setMountedField'] =\n    useCallback((path, state) => {\n      mountedFieldsRef.current.set(path, state)\n    }, [])\n\n  useEffect(() => {\n    if (snapshotsRef) {\n      snapshotsRef.current.set(name, mountedFieldsRef.current)\n    }\n  }, [snapshotsRef, name])\n\n  const contextValue = { name, setMountedField }\n\n  return (\n    <SnapshotContext.Provider value={contextValue}>\n      {children}\n    </SnapshotContext.Provider>\n  )\n}\n\nSnapshotProvider._supportsSpacingProps = undefined\n\nexport default SnapshotProvider\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzE,OAAOC,eAAe,MAGf,mBAAmB;AAC1B,OAAOC,WAAW,MAAM,2BAA2B;AAUnD,SAASC,gBAAgBA,CAACC,KAAoB,EAAE;EAC9C,MAAM;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEhC,MAAM;IAAEG;EAAa,CAAC,GAAGT,UAAU,CAACI,WAAW,CAAC,IAAI,CAAC,CAAC;EACtD,MAAMM,gBAA6B,GAAGR,MAAM,CAAC,CAAC;EAC9C,IAAI,CAACQ,gBAAgB,CAACC,OAAO,EAAE;IAC7BD,gBAAgB,CAACC,OAAO,GAAG,IAAIC,GAAG,CAAC,CAAC;EACtC;EAEA,MAAMC,eAAwD,GAC5Dd,WAAW,CAAC,CAACe,IAAI,EAAEC,KAAK,KAAK;IAC3BL,gBAAgB,CAACC,OAAO,CAACK,GAAG,CAACF,IAAI,EAAEC,KAAK,CAAC;EAC3C,CAAC,EAAE,EAAE,CAAC;EAERd,SAAS,CAAC,MAAM;IACd,IAAIQ,YAAY,EAAE;MAChBA,YAAY,CAACE,OAAO,CAACK,GAAG,CAACT,IAAI,EAAEG,gBAAgB,CAACC,OAAO,CAAC;IAC1D;EACF,CAAC,EAAE,CAACF,YAAY,EAAEF,IAAI,CAAC,CAAC;EAExB,MAAMU,YAAY,GAAG;IAAEV,IAAI;IAAEM;EAAgB,CAAC;EAE9C,OACEf,KAAA,CAAAoB,aAAA,CAACf,eAAe,CAACgB,QAAQ;IAACC,KAAK,EAAEH;EAAa,GAC3CT,QACuB,CAAC;AAE/B;AAEAH,gBAAgB,CAACgB,qBAAqB,GAAGC,SAAS;AAElD,eAAejB,gBAAgB","ignoreList":[]}
+{"version":3,"file":"Snapshot.js","names":["React","useCallback","useContext","useEffect","useRef","SnapshotContext","DataContext","SnapshotProvider","props","name","children","snapshotsRef","mountedFieldsRef","current","Map","setMountedField","path","state","set","contextValue","createElement","Provider","value","_supportsSpacingProps","undefined"],"sources":["../../../../../../src/extensions/forms/Form/Snapshot/Snapshot.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef } from 'react'\nimport SnapshotContext, {\n  SnapshotContextState,\n  SnapshotMap,\n} from './SnapshotContext'\nimport DataContext from '../../DataContext/Context'\nimport { SharedStateId } from '../../../../shared/helpers/useSharedState'\n\nexport type SnapshotId = SharedStateId | number\nexport type SnapshotName = string\n\nexport type SnapshotProps = {\n  name: SnapshotName\n  children: React.ReactNode\n}\n\nfunction SnapshotProvider(props: SnapshotProps) {\n  const { name, children } = props\n\n  const { snapshotsRef } = useContext(DataContext) || {}\n  const mountedFieldsRef: SnapshotMap = useRef()\n  if (!mountedFieldsRef.current) {\n    mountedFieldsRef.current = new Map()\n  }\n\n  const setMountedField: SnapshotContextState['setMountedField'] =\n    useCallback((path, state) => {\n      mountedFieldsRef.current.set(path, state)\n    }, [])\n\n  useEffect(() => {\n    if (snapshotsRef) {\n      snapshotsRef.current.set(name, mountedFieldsRef.current)\n    }\n  }, [snapshotsRef, name])\n\n  const contextValue = { name, setMountedField }\n\n  return (\n    <SnapshotContext.Provider value={contextValue}>\n      {children}\n    </SnapshotContext.Provider>\n  )\n}\n\nSnapshotProvider._supportsSpacingProps = undefined\n\nexport default SnapshotProvider\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzE,OAAOC,eAAe,MAGf,mBAAmB;AAC1B,OAAOC,WAAW,MAAM,2BAA2B;AAWnD,SAASC,gBAAgBA,CAACC,KAAoB,EAAE;EAC9C,MAAM;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEhC,MAAM;IAAEG;EAAa,CAAC,GAAGT,UAAU,CAACI,WAAW,CAAC,IAAI,CAAC,CAAC;EACtD,MAAMM,gBAA6B,GAAGR,MAAM,CAAC,CAAC;EAC9C,IAAI,CAACQ,gBAAgB,CAACC,OAAO,EAAE;IAC7BD,gBAAgB,CAACC,OAAO,GAAG,IAAIC,GAAG,CAAC,CAAC;EACtC;EAEA,MAAMC,eAAwD,GAC5Dd,WAAW,CAAC,CAACe,IAAI,EAAEC,KAAK,KAAK;IAC3BL,gBAAgB,CAACC,OAAO,CAACK,GAAG,CAACF,IAAI,EAAEC,KAAK,CAAC;EAC3C,CAAC,EAAE,EAAE,CAAC;EAERd,SAAS,CAAC,MAAM;IACd,IAAIQ,YAAY,EAAE;MAChBA,YAAY,CAACE,OAAO,CAACK,GAAG,CAACT,IAAI,EAAEG,gBAAgB,CAACC,OAAO,CAAC;IAC1D;EACF,CAAC,EAAE,CAACF,YAAY,EAAEF,IAAI,CAAC,CAAC;EAExB,MAAMU,YAAY,GAAG;IAAEV,IAAI;IAAEM;EAAgB,CAAC;EAE9C,OACEf,KAAA,CAAAoB,aAAA,CAACf,eAAe,CAACgB,QAAQ;IAACC,KAAK,EAAEH;EAAa,GAC3CT,QACuB,CAAC;AAE/B;AAEAH,gBAAgB,CAACgB,qBAAqB,GAAGC,SAAS;AAElD,eAAejB,gBAAgB","ignoreList":[]}

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

@@ -14,7 +14,7 @@ import IterateItemContext from '../IterateItemContext';
 import ToolbarContext from '../Toolbar/ToolbarContext';
 import FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext';
 import { reset } from '../../../../icons';
-import useHasContentChanged from './useHasContentChanged';
+import useHasContentChanged from '../../Form/Isolation/useHasContentChanged';
 import { omitDataValueReadWriteProps } from '../../types';
 export default function ResetButton(props) {
   const {

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

package/es/extensions/forms/Iterate/EditContainer/index.d.ts

@@ -3,4 +3,4 @@ export * from './EditContainer';
 export { default as DoneButton } from './DoneButton';
 export { default as CancelButton } from './CancelButton';
 export { default as ResetButton } from './ResetButton';
-export { default as useHasContentChanged } from './useHasContentChanged';
+export { default as useHasContentChanged } from '../../Form/Isolation/useHasContentChanged';

package/es/extensions/forms/Iterate/EditContainer/index.js

@@ -3,5 +3,5 @@ export * from './EditContainer';
 export { default as DoneButton } from './DoneButton';
 export { default as CancelButton } from './CancelButton';
 export { default as ResetButton } from './ResetButton';
-export { default as useHasContentChanged } from './useHasContentChanged';
+export { default as useHasContentChanged } from '../../Form/Isolation/useHasContentChanged';
 //# sourceMappingURL=index.js.map

package/es/extensions/forms/Iterate/EditContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","DoneButton","CancelButton","ResetButton","useHasContentChanged"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/index.ts"],"sourcesContent":["export { default } from './EditContainer'\nexport * from './EditContainer'\nexport { default as DoneButton } from './DoneButton'\nexport { default as CancelButton } from './CancelButton'\nexport { default as ResetButton } from './ResetButton'\nexport { default as useHasContentChanged } from './useHasContentChanged'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AACzC,cAAc,iBAAiB;AAC/B,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,YAAY,QAAQ,gBAAgB;AACxD,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe;AACtD,SAASH,OAAO,IAAII,oBAAoB,QAAQ,wBAAwB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","DoneButton","CancelButton","ResetButton","useHasContentChanged"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/index.ts"],"sourcesContent":["export { default } from './EditContainer'\nexport * from './EditContainer'\nexport { default as DoneButton } from './DoneButton'\nexport { default as CancelButton } from './CancelButton'\nexport { default as ResetButton } from './ResetButton'\nexport { default as useHasContentChanged } from '../../Form/Isolation/useHasContentChanged'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AACzC,cAAc,iBAAiB;AAC/B,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,YAAY,QAAQ,gBAAgB;AACxD,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe;AACtD,SAASH,OAAO,IAAII,oBAAoB,QAAQ,2CAA2C","ignoreList":[]}

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

@@ -59,7 +59,14 @@ export type Props = (OnlyPathRequired | OnlyItemPathRequired) & {
     /**
      * If the container should be committed before the form is submitted.
      */
+    /**
+     * @deprecated – Replaced with preventUncommittedChanges, requireCommit will be removed in v11.
+     */
     requireCommit?: boolean;
+    /**
+     * Prevents uncommitted changes before the form is submitted. Will display an error message if user tries to submit without committing their changes.
+     */
+    preventUncommittedChanges?: boolean;
     /**
      * Show a button to clear the PushContainer data.
      */

package/es/extensions/forms/Iterate/PushContainer/PushContainer.js

@@ -3,20 +3,20 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["data", "defaultData", "isolatedData", "bubbleValidation", "requireCommit", "showResetButton", "path", "itemPath", "insertAt", "title", "required", "children", "openButton", "showOpenButtonWhen", "onCommit"],
-  _excluded2 = ["title", "openButton", "showOpenButton", "showResetButton", "switchContainerModeRef", "cancelHandler", "containerModeRef", "rerenderPushContainer", "requireCommit", "outerContext", "children"];
+const _excluded = ["data", "defaultData", "isolatedData", "bubbleValidation", "preventUncommittedChanges", "requireCommit", "showResetButton", "path", "itemPath", "insertAt", "title", "required", "children", "openButton", "showOpenButtonWhen", "onCommit"],
+  _excluded2 = ["title", "openButton", "showOpenButton", "showResetButton", "switchContainerModeRef", "cancelHandler", "containerModeRef", "rerenderPushContainer", "preventUncommittedChanges", "outerContext", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useCallback, useContext, useEffect, useMemo, useReducer, useRef, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useMemo, useReducer, useRef } from 'react';
 import classnames from 'classnames';
 import Isolation from '../../Form/Isolation';
-import useReportError from '../../Form/Isolation/useReportError';
+import useHandleStatus from '../../Form/Isolation/useHandleStatus';
 import PushContainerContext from './PushContainerContext';
 import IterateItemContext from '../IterateItemContext';
 import DataContext from '../../DataContext/Context';
 import VisibilityContext from '../../Form/Visibility/VisibilityContext';
 import useDataValue from '../../hooks/useDataValue';
-import EditContainer, { DoneButton, CancelButton, ResetButton, useHasContentChanged } from '../EditContainer';
+import EditContainer, { DoneButton, CancelButton, ResetButton } from '../EditContainer';
 import IterateArray from '../Array';
 import OpenButton from './OpenButton';
 import { Flex, FormStatus, HeightAnimation } from '../../../../components';
@@ -37,6 +37,7 @@ function PushContainer(props) {
       defaultData: defaultDataProp,
       isolatedData,
       bubbleValidation,
+      preventUncommittedChanges = props === null || props === void 0 ? void 0 : props.requireCommit,
       requireCommit,
       showResetButton,
       path,
@@ -154,7 +155,7 @@ function PushContainer(props) {
     cancelHandler: cancelHandler,
     containerModeRef: containerModeRef,
     rerenderPushContainer: forceUpdate,
-    requireCommit: requireCommit,
+    preventUncommittedChanges: preventUncommittedChanges,
     showResetButton: showResetButton,
     outerContext: outerContext
   }, rest), children))));
@@ -170,7 +171,7 @@ function NewContainer(_ref2) {
       cancelHandler,
       containerModeRef,
       rerenderPushContainer,
-      requireCommit,
+      preventUncommittedChanges,
       outerContext,
       children
     } = _ref2,
@@ -185,16 +186,17 @@ function NewContainer(_ref2) {
     showStatus: showCommitStatus
   } = useHandleStatus({
     outerContext,
-    requireCommit
+    preventUncommittedChanges,
+    error: pushContainerError
   });
-  const {
-    requireCommitText
-  } = useTranslation().IteratePushContainer;
   useEffect(() => {
     rerenderPushContainer();
   }, [containerMode, rerenderPushContainer]);
   switchContainerModeRef.current = switchContainerMode;
   const isVisible = Boolean(!showOpenButton || containerMode === 'edit');
+  const {
+    preventUncommittedChangesText
+  } = useTranslation().Isolation;
   const {
     createButton
   } = useTranslation().IteratePushContainer;
@@ -216,12 +218,12 @@ function NewContainer(_ref2) {
       text: createButton
     })), showOpenButton && (_CancelButton || (_CancelButton = React.createElement(CancelButton, {
       onClick: cancelHandler
-    }))), (requireCommit || showResetButton) && React.createElement(ResetButton, {
+    }))), (preventUncommittedChanges || showResetButton) && React.createElement(ResetButton, {
       hidden: !(showResetButton || showCommitStatus)
-    })), requireCommit && showCommitStatus && (_FormStatus || (_FormStatus = React.createElement(FormStatus, {
+    })), preventUncommittedChanges && showCommitStatus && (_FormStatus || (_FormStatus = React.createElement(FormStatus, {
       no_animation: false,
       show: hasContentChanged
-    }, requireCommitText))));
+    }, preventUncommittedChangesText))));
   }));
   return React.createElement(VisibilityContext.Provider, {
     value: {
@@ -238,47 +240,6 @@ function NewContainer(_ref2) {
     open: showOpenButton && containerMode === 'view'
   }, openButton));
 }
-function useHandleStatus({
-  outerContext,
-  requireCommit
-}) {
-  const {
-    hasContentChanged
-  } = useHasContentChanged();
-  useReportError(requireCommit && hasContentChanged ? pushContainerError : undefined, outerContext);
-  const showStatus = useShowStatus({
-    outerContext,
-    hasContentChanged,
-    requireCommit
-  });
-  return {
-    hasContentChanged,
-    showStatus
-  };
-}
-function useShowStatus({
-  outerContext,
-  hasContentChanged,
-  requireCommit
-}) {
-  const showAllErrors = outerContext === null || outerContext === void 0 ? void 0 : outerContext.showAllErrors;
-  const [showStatus, setShowStatus] = useState(showAllErrors);
-  const showRef = useRef(showAllErrors);
-  useEffect(() => {
-    if (!requireCommit) {
-      return;
-    }
-    if (!hasContentChanged) {
-      setShowStatus(false);
-    } else {
-      if (showRef.current !== showAllErrors) {
-        setShowStatus(showAllErrors);
-      }
-    }
-    showRef.current = showAllErrors;
-  }, [hasContentChanged, requireCommit, showAllErrors]);
-  return showStatus;
-}
 const pushContainerError = new Error('Iterate.PushContainer');
 PushContainer.OpenButton = OpenButton;
 PushContainer._supportsSpacingProps = true;