@dnb/eufemia 10.73.2 → 10.75.0

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

@@ -1,9 +1,10 @@
 "use client";
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _BubbleValidation;
 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, useMemo, useReducer, useRef } from 'react';
+import React, { useCallback, useContext, useMemo, useReducer, useRef, useState } from 'react';
 import useMountEffect from '../../../../shared/helpers/useMountEffect';
 import pointer from '../../utils/json-pointer';
 import { extendDeep } from '../../../../shared/component-helper';
@@ -13,9 +14,19 @@ import { Context as DataContext, Provider } from '../../DataContext';
 import SectionContext from '../Section/SectionContext';
 import useReportError from './useReportError';
 import IsolationCommitButton from './IsolationCommitButton';
+import IsolationResetButton from './IsolationResetButton';
 import { clearedData } from '../../DataContext/Provider';
+import { createDataReference } from './IsolationDataReference';
+import IsolatedContainer from './IsolatedContainer';
+import IsolationContext from './IsolationContext';
 import structuredClone from '@ungap/structured-clone';
 function IsolationProvider(props) {
+  var _IsolatedContainer;
+  const [dataReferenceFallback] = useState(() => {
+    if (!(props !== null && props !== void 0 && props.dataReference)) {
+      return createDataReference();
+    }
+  });
   const {
     children,
     onPathChange,
@@ -24,8 +35,11 @@ function IsolationProvider(props) {
     transformOnCommit: transformOnCommitProp,
     commitHandleRef,
     bubbleValidation,
+    preventUncommittedChanges,
     data,
-    defaultData
+    defaultData,
+    dataReference = dataReferenceFallback,
+    resetDataAfterCommit
   } = props;
   const [, forceUpdate] = useReducer(() => ({}), {});
   const internalDataRef = useRef();
@@ -87,7 +101,7 @@ function IsolationProvider(props) {
     if (localData && pathSection && !pointer.has(localDataRef.current, pathSection)) {
       localData = moveValueToPath(pathSection, localData);
     }
-    internalDataRef.current = Object.assign({}, localData || dataOuter || {}, localDataRef.current);
+    internalDataRef.current = Object.assign({}, localData || structuredClone(dataOuter) || {}, localDataRef.current);
   }, [data, defaultData, pathSection, dataOuter, moveValueToPath]);
   const onCommit = useCallback(async (data, additionalArgs) => {
     var _props$path;
@@ -109,12 +123,15 @@ function IsolationProvider(props) {
     await (handlePathChangeOuter === null || handlePathChangeOuter === void 0 ? void 0 : handlePathChangeOuter(path, Array.isArray(isolatedData) ? isolatedData : extendDeep({}, outerData, isolatedData)));
     return result;
   }, [getMountedData, props.path, dataOuter, transformOnCommitProp, handlePathChangeOuter, onCommitProp, removeSectionPath]);
+  const setIsolatedData = useCallback(data => {
+    localDataRef.current = data;
+    internalDataRef.current = data;
+  }, []);
   const onClear = useCallback(() => {
-    localDataRef.current = clearedData;
-    internalDataRef.current = clearedData;
+    setIsolatedData(clearedData);
     forceUpdate();
     onClearProp === null || onClearProp === void 0 ? void 0 : onClearProp();
-  }, [onClearProp]);
+  }, [onClearProp, setIsolatedData]);
   const providerProps = _objectSpread(_objectSpread({}, props), {}, {
     [defaultData ? 'defaultData' : 'data']: internalDataRef.current,
     onUpdateDataValue: onUpdateDataValueHandler,
@@ -123,21 +140,28 @@ function IsolationProvider(props) {
     onClear,
     isolate: true
   });
-  return React.createElement(Provider, providerProps, React.createElement(DataContext.Consumer, null, dataContext => {
+  return React.createElement(Provider, providerProps, React.createElement(IsolationContext.Provider, {
+    value: {
+      preventUncommittedChanges,
+      dataReference,
+      resetDataAfterCommit,
+      outerContext,
+      setIsolatedData
+    }
+  }, React.createElement(DataContext.Consumer, null, dataContext => {
     dataContextRef.current = dataContext;
     if (commitHandleRef) {
       commitHandleRef.current = dataContext === null || dataContext === void 0 ? void 0 : dataContext.handleSubmit;
     }
-    return children;
-  }), bubbleValidation && React.createElement(BubbleValidation, {
-    outerContext: outerContext
-  }));
+    return _IsolatedContainer || (_IsolatedContainer = React.createElement(IsolatedContainer, null, children, " "));
+  }), bubbleValidation && (_BubbleValidation || (_BubbleValidation = React.createElement(BubbleValidation, null)))));
 }
-function BubbleValidation({
-  outerContext
-}) {
+function BubbleValidation() {
   var _addSetShowAllErrorsR;
   const innerContext = useContext(DataContext);
+  const {
+    outerContext
+  } = useContext(IsolationContext);
   const {
     setShowAllErrors
   } = innerContext;
@@ -155,6 +179,8 @@ function BubbleValidation({
 }
 const isolationError = new Error('Form.Isolation');
 IsolationProvider.CommitButton = IsolationCommitButton;
+IsolationProvider.ResetButton = IsolationResetButton;
+IsolationProvider.createDataReference = createDataReference;
 IsolationProvider._supportsSpacingProps = undefined;
 export default IsolationProvider;
 //# sourceMappingURL=Isolation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Isolation.js","names":["React","useCallback","useContext","useMemo","useReducer","useRef","useMountEffect","pointer","extendDeep","isAsync","useDataValue","Context","DataContext","Provider","SectionContext","useReportError","IsolationCommitButton","clearedData","structuredClone","IsolationProvider","props","children","onPathChange","onCommit","onCommitProp","onClear","onClearProp","transformOnCommit","transformOnCommitProp","commitHandleRef","bubbleValidation","data","defaultData","forceUpdate","internalDataRef","localDataRef","dataContextRef","outerContext","path","pathSection","handlePathChange","handlePathChangeOuter","dataOuter","moveValueToPath","onPathChangeHandler","value","current","set","replace","onUpdateDataValueHandler","preventUpdate","undefined","removeSectionPath","has","get","getMountedData","_dataContextRef$curre","mounterData","mountedFieldsRef","forEach","field","isMounted","localData","Object","assign","additionalArgs","_props$path","mountedData","outerData","isolatedData","stop","preventCommit","commitData","result","Array","isArray","providerProps","_objectSpread","onUpdateDataValue","isolate","createElement","Consumer","dataContext","handleSubmit","BubbleValidation","_addSetShowAllErrorsR","innerContext","setShowAllErrors","setShowAllErrorsNested","showAllErrors","addSetShowAllErrorsRef","includes","push","hasErrors","isolationError","Error","CommitButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/Isolation.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport pointer, { JsonObject } from '../../utils/json-pointer'\nimport { extendDeep } from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useDataValue from '../../hooks/useDataValue'\nimport {\n  Context as DataContext,\n  ContextState,\n  Provider,\n} from '../../DataContext'\nimport SectionContext from '../Section/SectionContext'\nimport useReportError from './useReportError'\nimport IsolationCommitButton from './IsolationCommitButton'\nimport {\n  clearedData,\n  type Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport type { OnCommit, Path } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So it's a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport type IsolationProviderProps<Data extends JsonObject> = {\n  /**\n   * Form.Isolation: Will be called when the isolated context is committed.\n   */\n  onCommit?: OnCommit<Data>\n  /**\n   * Form.Isolation: Will be called when the form is cleared via Form.clearData\n   */\n  onClear?: () => void\n  /**\n   * Form.Isolation: A function that will be called when the isolated context is committed.\n   * It will receive the data from the isolated context and the data from the outer context.\n   * You can use this to transform the data before it is committed.\n   */\n  transformOnCommit?: (isolatedData: Data, handlerData: Data) => JsonObject\n  /**\n   * Prevent the form from being submitted when there are fields with errors inside the Form.Isolation.\n   */\n  bubbleValidation?: boolean\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  path?: Path\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  isolate?: boolean\n}\n\nexport type IsolationProps<Data extends JsonObject> = Omit<\n  ProviderProps<Data>,\n  | 'onSubmit'\n  | 'onSubmitRequest'\n  | 'onSubmitComplete'\n  | 'minimumAsyncBehaviorTime'\n  | 'asyncSubmitTimeout'\n  | 'scrollTopOnSubmit'\n  | 'sessionStorageId'\n  | 'globalStatusId'\n> & {\n  /**\n   * A ref (function) that you can call in order to commit the data programmatically to the outer context.\n   */\n  commitHandleRef?: React.MutableRefObject<() => void>\n}\n\nfunction IsolationProvider<Data extends JsonObject>(\n  props: IsolationProps<Data>\n) {\n  const {\n    children,\n    onPathChange,\n    onCommit: onCommitProp,\n    onClear: onClearProp,\n    transformOnCommit: transformOnCommitProp,\n    commitHandleRef,\n    bubbleValidation,\n    data,\n    defaultData,\n  } = props\n\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const internalDataRef = useRef<Data>()\n  const localDataRef = useRef<Partial<Data>>({})\n  const dataContextRef = useRef<ContextState>(null)\n  const outerContext = useContext(DataContext)\n  const { path: pathSection } = useContext(SectionContext) || {}\n  const { handlePathChange: handlePathChangeOuter, data: dataOuter } =\n    outerContext || {}\n  const { moveValueToPath } = useDataValue()\n\n  const onPathChangeHandler = useCallback(\n    async (path: Path, value: unknown) => {\n      if (localDataRef.current === clearedData) {\n        localDataRef.current = {}\n      }\n\n      // Depending on the usage, we can get a path like so: \"/pushContainerItems/0/somePath\"\n      // where \"somePath\" is a frozen object. In order to still be able to modify it,\n      // pointer.set will unfreeze the object and then modify it. (Object.isFrozen(obj[tok]))\n\n      pointer.set(localDataRef.current, path, value)\n\n      if (pathSection) {\n        path = path.replace(pathSection, '')\n      }\n\n      return await onPathChange?.(path, value)\n    },\n    [onPathChange, pathSection]\n  )\n\n  const onUpdateDataValueHandler = useCallback(\n    async (\n      path: Path,\n      value: unknown,\n      { preventUpdate = undefined } = {}\n    ) => {\n      if (internalDataRef.current === clearedData) {\n        internalDataRef.current = {} as Data\n      }\n\n      pointer.set(internalDataRef.current, path, value)\n\n      if (!preventUpdate) {\n        forceUpdate()\n      }\n    },\n    []\n  )\n\n  const removeSectionPath = useCallback(\n    (data: Data) => {\n      return pathSection && pointer.has(data, pathSection)\n        ? pointer.get(data, pathSection)\n        : data\n    },\n    [pathSection]\n  )\n\n  const getMountedData = useCallback((data: Data) => {\n    const mounterData = {} as Data\n    dataContextRef.current?.mountedFieldsRef.current.forEach(\n      (field, path) => {\n        if (field.isMounted && pointer.has(data, path)) {\n          pointer.set(mounterData, path, pointer.get(data, path))\n        }\n      }\n    )\n    return mounterData\n  }, [])\n\n  useMountEffect(() => {\n    localDataRef.current = getMountedData(internalDataRef.current)\n  })\n\n  // Update the isolated data with the outside context data\n  useMemo(() => {\n    if (localDataRef.current === clearedData) {\n      return // stop here\n    }\n\n    let localData = data ?? defaultData\n\n    if (\n      localData &&\n      pathSection &&\n      !pointer.has(localDataRef.current, pathSection)\n    ) {\n      localData = moveValueToPath<Data>(pathSection, localData)\n    }\n\n    internalDataRef.current = Object.assign(\n      {},\n      localData || dataOuter || {},\n      localDataRef.current\n    )\n  }, [data, defaultData, pathSection, dataOuter, moveValueToPath])\n\n  const onCommit: IsolationProps<Data>['onCommit'] = useCallback(\n    async (data: Data, additionalArgs) => {\n      const mountedData = getMountedData(data)\n      const path = props.path ?? '/'\n      const outerData =\n        props.path && pointer.has(dataOuter, path)\n          ? pointer.get(dataOuter, path)\n          : dataOuter\n\n      localDataRef.current = mountedData\n      let isolatedData = structuredClone(mountedData)\n\n      if (typeof transformOnCommitProp === 'function') {\n        isolatedData = transformOnCommitProp(isolatedData, outerData)\n      }\n\n      let stop = false\n      additionalArgs.preventCommit = () => (stop = true)\n\n      const commitData = removeSectionPath(isolatedData)\n      const result = isAsync(onCommitProp)\n        ? await onCommitProp?.(commitData, additionalArgs)\n        : onCommitProp?.(commitData, additionalArgs)\n\n      if (stop) {\n        return // stop here\n      }\n\n      // Commit the internal data to the nested context data\n      await handlePathChangeOuter?.(\n        path,\n        Array.isArray(isolatedData)\n          ? isolatedData\n          : extendDeep({}, outerData, isolatedData)\n      )\n\n      return result\n    },\n    [\n      getMountedData,\n      props.path,\n      dataOuter,\n      transformOnCommitProp,\n      handlePathChangeOuter,\n      onCommitProp,\n      removeSectionPath,\n    ]\n  )\n\n  const onClear = useCallback(() => {\n    localDataRef.current = clearedData\n    internalDataRef.current = clearedData as Data\n    forceUpdate()\n    onClearProp?.()\n  }, [onClearProp])\n\n  const providerProps: IsolationProps<Data> = {\n    ...props,\n    [defaultData ? 'defaultData' : 'data']: internalDataRef.current,\n    onUpdateDataValue: onUpdateDataValueHandler,\n    onPathChange: onPathChangeHandler,\n    onCommit,\n    onClear,\n    isolate: true,\n  }\n\n  return (\n    <Provider {...providerProps}>\n      <DataContext.Consumer>\n        {(dataContext) => {\n          dataContextRef.current = dataContext\n\n          if (commitHandleRef) {\n            commitHandleRef.current = dataContext?.handleSubmit\n          }\n\n          return children\n        }}\n      </DataContext.Consumer>\n\n      {bubbleValidation && (\n        <BubbleValidation outerContext={outerContext} />\n      )}\n    </Provider>\n  )\n}\n\nfunction BubbleValidation({\n  outerContext,\n}: {\n  outerContext: ContextState\n}) {\n  const innerContext = useContext(DataContext)\n  const { setShowAllErrors } = innerContext\n\n  const setShowAllErrorsNested = useCallback(\n    (showAllErrors: boolean) => {\n      setShowAllErrors?.(showAllErrors)\n    },\n    [setShowAllErrors]\n  )\n\n  const { addSetShowAllErrorsRef } = outerContext || {}\n  if (!addSetShowAllErrorsRef?.current?.includes(setShowAllErrorsNested)) {\n    addSetShowAllErrorsRef?.current.push(setShowAllErrorsNested)\n  }\n\n  useReportError(\n    innerContext.hasErrors() ? isolationError : undefined,\n    outerContext\n  )\n\n  return null\n}\n\nconst isolationError = new Error('Form.Isolation')\n\nIsolationProvider.CommitButton = IsolationCommitButton\nIsolationProvider._supportsSpacingProps = undefined\n\nexport default IsolationProvider\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Isolation.js","names":["React","useCallback","useContext","useMemo","useReducer","useRef","useState","useMountEffect","pointer","extendDeep","isAsync","useDataValue","Context","DataContext","Provider","SectionContext","useReportError","IsolationCommitButton","IsolationResetButton","clearedData","createDataReference","IsolatedContainer","IsolationContext","structuredClone","IsolationProvider","props","_IsolatedContainer","dataReferenceFallback","dataReference","children","onPathChange","onCommit","onCommitProp","onClear","onClearProp","transformOnCommit","transformOnCommitProp","commitHandleRef","bubbleValidation","preventUncommittedChanges","data","defaultData","resetDataAfterCommit","forceUpdate","internalDataRef","localDataRef","dataContextRef","outerContext","path","pathSection","handlePathChange","handlePathChangeOuter","dataOuter","moveValueToPath","onPathChangeHandler","value","current","set","replace","onUpdateDataValueHandler","preventUpdate","undefined","removeSectionPath","has","get","getMountedData","_dataContextRef$curre","mounterData","mountedFieldsRef","forEach","field","isMounted","localData","Object","assign","additionalArgs","_props$path","mountedData","outerData","isolatedData","stop","preventCommit","commitData","result","Array","isArray","setIsolatedData","providerProps","_objectSpread","onUpdateDataValue","isolate","createElement","Consumer","dataContext","handleSubmit","_BubbleValidation","BubbleValidation","_addSetShowAllErrorsR","innerContext","setShowAllErrors","setShowAllErrorsNested","showAllErrors","addSetShowAllErrorsRef","includes","push","hasErrors","isolationError","Error","CommitButton","ResetButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/Isolation.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from 'react'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport pointer, { JsonObject } from '../../utils/json-pointer'\nimport { extendDeep } from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useDataValue from '../../hooks/useDataValue'\nimport {\n  Context as DataContext,\n  ContextState,\n  Provider,\n} from '../../DataContext'\nimport SectionContext from '../Section/SectionContext'\nimport useReportError from './useReportError'\nimport IsolationCommitButton from './IsolationCommitButton'\nimport IsolationResetButton from './IsolationResetButton'\nimport {\n  clearedData,\n  type Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport {\n  IsolationDataReference,\n  createDataReference,\n} from './IsolationDataReference'\nimport IsolatedContainer from './IsolatedContainer'\nimport IsolationContext from './IsolationContext'\nimport type { OnCommit, Path } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So it's a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport type IsolationProviderProps<Data extends JsonObject> = {\n  /**\n   * Form.Isolation: Will be called when the isolated context is committed.\n   */\n  onCommit?: OnCommit<Data>\n  /**\n   * Form.Isolation: Will be called when the form is cleared via Form.clearData\n   */\n  onClear?: () => void\n  /**\n   * Form.Isolation: A function that will be called when the isolated context is committed.\n   * It will receive the data from the isolated context and the data from the outer context.\n   * You can use this to transform the data before it is committed.\n   */\n  transformOnCommit?: (isolatedData: Data, handlerData: Data) => JsonObject\n  /**\n   * Prevent the form from being submitted when there are fields with errors inside the Form.Isolation.\n   */\n  bubbleValidation?: boolean\n  /**\n   * Prevents uncommitted changes before the form is submitted. Will display an error message if user tries to submit without committing their changes.\n   */\n  preventUncommittedChanges?: boolean\n  /**\n   * If set to `true`, the Form.Isolation will reset its data context after committing the data to the outer context.\n   */\n  resetDataAfterCommit?: boolean\n  /**\n   * Provide a reference by using Form.Isolation.createDataReference.\n   */\n  dataReference?: IsolationDataReference\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  path?: Path\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  isolate?: boolean\n}\n\nexport type IsolationProps<Data extends JsonObject> = Omit<\n  ProviderProps<Data>,\n  | 'onSubmit'\n  | 'onSubmitRequest'\n  | 'onSubmitComplete'\n  | 'minimumAsyncBehaviorTime'\n  | 'asyncSubmitTimeout'\n  | 'scrollTopOnSubmit'\n  | 'sessionStorageId'\n  | 'globalStatusId'\n> & {\n  /**\n   * A ref (function) that you can call in order to commit the data programmatically to the outer context.\n   */\n  commitHandleRef?: React.MutableRefObject<() => void>\n}\n\nfunction IsolationProvider<Data extends JsonObject>(\n  props: IsolationProps<Data>\n) {\n  const [dataReferenceFallback] = useState<IsolationDataReference>(() => {\n    if (!props?.dataReference) {\n      return createDataReference()\n    }\n  })\n\n  const {\n    children,\n    onPathChange,\n    onCommit: onCommitProp,\n    onClear: onClearProp,\n    transformOnCommit: transformOnCommitProp,\n    commitHandleRef,\n    bubbleValidation,\n    preventUncommittedChanges,\n    data,\n    defaultData,\n    dataReference = dataReferenceFallback,\n    resetDataAfterCommit,\n  } = props\n\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const internalDataRef = useRef<Data>()\n  const localDataRef = useRef<Partial<Data>>({})\n  const dataContextRef = useRef<ContextState>(null)\n  const outerContext = useContext(DataContext)\n  const { path: pathSection } = useContext(SectionContext) || {}\n  const { handlePathChange: handlePathChangeOuter, data: dataOuter } =\n    outerContext || {}\n  const { moveValueToPath } = useDataValue()\n\n  const onPathChangeHandler = useCallback(\n    async (path: Path, value: unknown) => {\n      if (localDataRef.current === clearedData) {\n        localDataRef.current = {}\n      }\n\n      // Depending on the usage, we can get a path like so: \"/pushContainerItems/0/somePath\"\n      // where \"somePath\" is a frozen object. In order to still be able to modify it,\n      // pointer.set will unfreeze the object and then modify it. (Object.isFrozen(obj[tok]))\n\n      pointer.set(localDataRef.current, path, value)\n\n      if (pathSection) {\n        path = path.replace(pathSection, '')\n      }\n\n      return await onPathChange?.(path, value)\n    },\n    [onPathChange, pathSection]\n  )\n\n  const onUpdateDataValueHandler = useCallback(\n    async (\n      path: Path,\n      value: unknown,\n      { preventUpdate = undefined } = {}\n    ) => {\n      if (internalDataRef.current === clearedData) {\n        internalDataRef.current = {} as Data\n      }\n\n      pointer.set(internalDataRef.current, path, value)\n\n      if (!preventUpdate) {\n        forceUpdate()\n      }\n    },\n    []\n  )\n\n  const removeSectionPath = useCallback(\n    (data: Data) => {\n      return pathSection && pointer.has(data, pathSection)\n        ? pointer.get(data, pathSection)\n        : data\n    },\n    [pathSection]\n  )\n\n  const getMountedData = useCallback((data: Data) => {\n    const mounterData = {} as Data\n    dataContextRef.current?.mountedFieldsRef.current.forEach(\n      (field, path) => {\n        if (field.isMounted && pointer.has(data, path)) {\n          pointer.set(mounterData, path, pointer.get(data, path))\n        }\n      }\n    )\n    return mounterData\n  }, [])\n\n  useMountEffect(() => {\n    localDataRef.current = getMountedData(internalDataRef.current)\n  })\n\n  // Update the isolated data with the outside context data\n  useMemo(() => {\n    if (localDataRef.current === clearedData) {\n      return // stop here\n    }\n\n    let localData = data ?? defaultData\n\n    if (\n      localData &&\n      pathSection &&\n      !pointer.has(localDataRef.current, pathSection)\n    ) {\n      localData = moveValueToPath<Data>(pathSection, localData)\n    }\n\n    internalDataRef.current = Object.assign(\n      {},\n      localData || structuredClone(dataOuter) || {},\n      localDataRef.current\n    )\n  }, [data, defaultData, pathSection, dataOuter, moveValueToPath])\n\n  const onCommit: IsolationProps<Data>['onCommit'] = useCallback(\n    async (data: Data, additionalArgs) => {\n      const mountedData = getMountedData(data)\n      const path = props.path ?? '/'\n      const outerData =\n        props.path && pointer.has(dataOuter, path)\n          ? pointer.get(dataOuter, path)\n          : dataOuter\n\n      localDataRef.current = mountedData\n      let isolatedData = structuredClone(mountedData)\n\n      if (typeof transformOnCommitProp === 'function') {\n        isolatedData = transformOnCommitProp(isolatedData, outerData)\n      }\n\n      let stop = false\n      additionalArgs.preventCommit = () => (stop = true)\n\n      const commitData = removeSectionPath(isolatedData)\n      const result = isAsync(onCommitProp)\n        ? await onCommitProp?.(commitData, additionalArgs)\n        : onCommitProp?.(commitData, additionalArgs)\n\n      if (stop) {\n        return // stop here\n      }\n\n      // Commit the internal data to the nested context data\n      await handlePathChangeOuter?.(\n        path,\n        Array.isArray(isolatedData)\n          ? isolatedData\n          : extendDeep({}, outerData, isolatedData)\n      )\n\n      return result\n    },\n    [\n      getMountedData,\n      props.path,\n      dataOuter,\n      transformOnCommitProp,\n      handlePathChangeOuter,\n      onCommitProp,\n      removeSectionPath,\n    ]\n  )\n\n  const setIsolatedData = useCallback((data: Data) => {\n    localDataRef.current = data\n    internalDataRef.current = data\n  }, [])\n\n  const onClear = useCallback(() => {\n    setIsolatedData(clearedData as Data)\n    forceUpdate()\n    onClearProp?.()\n  }, [onClearProp, setIsolatedData])\n\n  const providerProps: IsolationProps<Data> = {\n    ...props,\n    [defaultData ? 'defaultData' : 'data']: internalDataRef.current,\n    onUpdateDataValue: onUpdateDataValueHandler,\n    onPathChange: onPathChangeHandler,\n    onCommit,\n    onClear,\n    isolate: true,\n  }\n\n  return (\n    <Provider {...providerProps}>\n      <IsolationContext.Provider\n        value={{\n          preventUncommittedChanges,\n          dataReference,\n          resetDataAfterCommit,\n          outerContext,\n          setIsolatedData,\n        }}\n      >\n        <DataContext.Consumer>\n          {(dataContext) => {\n            dataContextRef.current = dataContext\n\n            if (commitHandleRef) {\n              commitHandleRef.current = dataContext?.handleSubmit\n            }\n\n            return <IsolatedContainer>{children} </IsolatedContainer>\n          }}\n        </DataContext.Consumer>\n\n        {bubbleValidation && <BubbleValidation />}\n      </IsolationContext.Provider>\n    </Provider>\n  )\n}\n\nfunction BubbleValidation() {\n  const innerContext = useContext(DataContext)\n  const { outerContext } = useContext(IsolationContext)\n  const { setShowAllErrors } = innerContext\n\n  const setShowAllErrorsNested = useCallback(\n    (showAllErrors: boolean) => {\n      setShowAllErrors?.(showAllErrors)\n    },\n    [setShowAllErrors]\n  )\n\n  const { addSetShowAllErrorsRef } = outerContext || {}\n  if (!addSetShowAllErrorsRef?.current?.includes(setShowAllErrorsNested)) {\n    addSetShowAllErrorsRef?.current.push(setShowAllErrorsNested)\n  }\n\n  useReportError(\n    innerContext.hasErrors() ? isolationError : undefined,\n    outerContext\n  )\n\n  return null\n}\n\nconst isolationError = new Error('Form.Isolation')\n\nIsolationProvider.CommitButton = IsolationCommitButton\nIsolationProvider.ResetButton = IsolationResetButton\nIsolationProvider.createDataReference = createDataReference\nIsolationProvider._supportsSpacingProps = undefined\n\nexport default IsolationProvider\n"],"mappings":"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","ignoreList":[]}

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

@@ -32,7 +32,7 @@ function IsolationCommitButton(props) {
   }, [handleSubmit, isolate]);
   return React.createElement(Button, _extends({
     variant: "secondary",
-    className: classnames('dnb-forms-isolate-button', className),
+    className: classnames('dnb-forms-isolate__commit-button', className),
     icon: check,
     icon_position: "left",
     onClick: onClickHandler

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

@@ -1 +1 @@
-{"version":3,"file":"IsolationCommitButton.js","names":["React","useCallback","useContext","classnames","useTranslation","DataContext","Button","check","IsolationCommitButton","props","translations","Isolation","className","children","text","rest","_objectWithoutProperties","_excluded","content","commitButtonText","handleSubmit","dataContextProps","isolate","onClickHandler","createElement","_extends","variant","icon","icon_position","onClick","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationCommitButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { useTranslation } from '../../hooks'\nimport DataContext from '../../DataContext/Context'\nimport Button, { ButtonProps } from '../../../../components/button/Button'\nimport { check } from '../../../../icons'\n\nexport type Props = ButtonProps\n\nfunction IsolationCommitButton(props: Props) {\n  const translations = useTranslation().Isolation\n\n  const { className, children, text, ...rest } = props\n\n  const content = text || children || translations.commitButtonText\n\n  const { handleSubmit, props: dataContextProps } =\n    useContext(DataContext) || {}\n  const { isolate } = dataContextProps || {}\n\n  const onClickHandler = useCallback(() => {\n    if (isolate) {\n      handleSubmit?.()\n    }\n  }, [handleSubmit, isolate])\n\n  return (\n    <Button\n      variant=\"secondary\"\n      className={classnames('dnb-forms-isolate-button', className)}\n      icon={check}\n      icon_position=\"left\"\n      onClick={onClickHandler}\n      {...rest}\n    >\n      {content}\n    </Button>\n  )\n}\n\nIsolationCommitButton._supportsSpacingProps = true\nexport default IsolationCommitButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,aAAa;AAC5C,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,MAAM,MAAuB,sCAAsC;AAC1E,SAASC,KAAK,QAAQ,mBAAmB;AAIzC,SAASC,qBAAqBA,CAACC,KAAY,EAAE;EAC3C,MAAMC,YAAY,GAAGN,cAAc,CAAC,CAAC,CAACO,SAAS;EAE/C,MAAM;MAAEC,SAAS;MAAEC,QAAQ;MAAEC;IAAc,CAAC,GAAGL,KAAK;IAAdM,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA;EAEpD,MAAMC,OAAO,GAAGJ,IAAI,IAAID,QAAQ,IAAIH,YAAY,CAACS,gBAAgB;EAEjE,MAAM;IAAEC,YAAY;IAAEX,KAAK,EAAEY;EAAiB,CAAC,GAC7CnB,UAAU,CAACG,WAAW,CAAC,IAAI,CAAC,CAAC;EAC/B,MAAM;IAAEiB;EAAQ,CAAC,GAAGD,gBAAgB,IAAI,CAAC,CAAC;EAE1C,MAAME,cAAc,GAAGtB,WAAW,CAAC,MAAM;IACvC,IAAIqB,OAAO,EAAE;MACXF,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG,CAAC;IAClB;EACF,CAAC,EAAE,CAACA,YAAY,EAAEE,OAAO,CAAC,CAAC;EAE3B,OACEtB,KAAA,CAAAwB,aAAA,CAAClB,MAAM,EAAAmB,QAAA;IACLC,OAAO,EAAC,WAAW;IACnBd,SAAS,EAAET,UAAU,CAAC,0BAA0B,EAAES,SAAS,CAAE;IAC7De,IAAI,EAAEpB,KAAM;IACZqB,aAAa,EAAC,MAAM;IACpBC,OAAO,EAAEN;EAAe,GACpBR,IAAI,GAEPG,OACK,CAAC;AAEb;AAEAV,qBAAqB,CAACsB,qBAAqB,GAAG,IAAI;AAClD,eAAetB,qBAAqB","ignoreList":[]}
+{"version":3,"file":"IsolationCommitButton.js","names":["React","useCallback","useContext","classnames","useTranslation","DataContext","Button","check","IsolationCommitButton","props","translations","Isolation","className","children","text","rest","_objectWithoutProperties","_excluded","content","commitButtonText","handleSubmit","dataContextProps","isolate","onClickHandler","createElement","_extends","variant","icon","icon_position","onClick","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationCommitButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { useTranslation } from '../../hooks'\nimport DataContext from '../../DataContext/Context'\nimport Button, { ButtonProps } from '../../../../components/button/Button'\nimport { check } from '../../../../icons'\n\nexport type Props = ButtonProps\n\nfunction IsolationCommitButton(props: Props) {\n  const translations = useTranslation().Isolation\n\n  const { className, children, text, ...rest } = props\n\n  const content = text || children || translations.commitButtonText\n\n  const { handleSubmit, props: dataContextProps } =\n    useContext(DataContext) || {}\n  const { isolate } = dataContextProps || {}\n\n  const onClickHandler = useCallback(() => {\n    if (isolate) {\n      handleSubmit?.()\n    }\n  }, [handleSubmit, isolate])\n\n  return (\n    <Button\n      variant=\"secondary\"\n      className={classnames('dnb-forms-isolate__commit-button', className)}\n      icon={check}\n      icon_position=\"left\"\n      onClick={onClickHandler}\n      {...rest}\n    >\n      {content}\n    </Button>\n  )\n}\n\nIsolationCommitButton._supportsSpacingProps = true\nexport default IsolationCommitButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,aAAa;AAC5C,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,MAAM,MAAuB,sCAAsC;AAC1E,SAASC,KAAK,QAAQ,mBAAmB;AAIzC,SAASC,qBAAqBA,CAACC,KAAY,EAAE;EAC3C,MAAMC,YAAY,GAAGN,cAAc,CAAC,CAAC,CAACO,SAAS;EAE/C,MAAM;MAAEC,SAAS;MAAEC,QAAQ;MAAEC;IAAc,CAAC,GAAGL,KAAK;IAAdM,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA;EAEpD,MAAMC,OAAO,GAAGJ,IAAI,IAAID,QAAQ,IAAIH,YAAY,CAACS,gBAAgB;EAEjE,MAAM;IAAEC,YAAY;IAAEX,KAAK,EAAEY;EAAiB,CAAC,GAC7CnB,UAAU,CAACG,WAAW,CAAC,IAAI,CAAC,CAAC;EAC/B,MAAM;IAAEiB;EAAQ,CAAC,GAAGD,gBAAgB,IAAI,CAAC,CAAC;EAE1C,MAAME,cAAc,GAAGtB,WAAW,CAAC,MAAM;IACvC,IAAIqB,OAAO,EAAE;MACXF,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG,CAAC;IAClB;EACF,CAAC,EAAE,CAACA,YAAY,EAAEE,OAAO,CAAC,CAAC;EAE3B,OACEtB,KAAA,CAAAwB,aAAA,CAAClB,MAAM,EAAAmB,QAAA;IACLC,OAAO,EAAC,WAAW;IACnBd,SAAS,EAAET,UAAU,CAAC,kCAAkC,EAAES,SAAS,CAAE;IACrEe,IAAI,EAAEpB,KAAM;IACZqB,aAAa,EAAC,MAAM;IACpBC,OAAO,EAAEN;EAAe,GACpBR,IAAI,GAEPG,OACK,CAAC;AAEb;AAEAV,qBAAqB,CAACsB,qBAAqB,GAAG,IAAI;AAClD,eAAetB,qBAAqB","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ContextState } from '../../DataContext/Context';
+import { IsolationDataReference } from './IsolationDataReference';
+export type IsolationContext = {
+    dataReference: IsolationDataReference;
+    resetDataAfterCommit: boolean;
+    outerContext: ContextState;
+    preventUncommittedChanges: boolean;
+    setIsolatedData: (data: unknown) => void;
+};
+declare const IsolationContext: import("react").Context<IsolationContext>;
+export default IsolationContext;

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

@@ -0,0 +1,6 @@
+"use client";
+
+import { createContext } from 'react';
+const IsolationContext = createContext(null);
+export default IsolationContext;
+//# sourceMappingURL=IsolationContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IsolationContext.js","names":["createContext","IsolationContext"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationContext.ts"],"sourcesContent":["import { createContext } from 'react'\nimport { ContextState } from '../../DataContext/Context'\nimport { IsolationDataReference } from './IsolationDataReference'\n\nexport type IsolationContext = {\n  dataReference: IsolationDataReference\n  resetDataAfterCommit: boolean\n  outerContext: ContextState\n  preventUncommittedChanges: boolean\n  setIsolatedData: (data: unknown) => void\n}\n\nconst IsolationContext = createContext<IsolationContext>(null)\n\nexport default IsolationContext\n"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;AAYrC,MAAMC,gBAAgB,GAAGD,aAAa,CAAmB,IAAI,CAAC;AAE9D,eAAeC,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export type IsolationDataReference = {
+    refresh: () => void;
+    update: (data: unknown) => void;
+    cleanup: () => void;
+    snapshotRef: React.MutableRefObject<unknown>;
+    eventsRef: React.MutableRefObject<Array<() => void>>;
+};
+export declare function createDataReference(): IsolationDataReference;

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

@@ -0,0 +1,25 @@
+export function createDataReference() {
+  const snapshotRef = {
+    current: undefined
+  };
+  const eventsRef = {
+    current: []
+  };
+  const refresh = () => {
+    eventsRef.current.forEach(fn => fn());
+  };
+  const update = data => {
+    snapshotRef.current = data;
+  };
+  const cleanup = () => {
+    eventsRef.current = [];
+  };
+  return {
+    refresh,
+    update,
+    cleanup,
+    snapshotRef,
+    eventsRef
+  };
+}
+//# sourceMappingURL=IsolationDataReference.js.map

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

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

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

@@ -22,6 +22,21 @@ export const IsolationProperties = _objectSpread(_objectSpread({
     doc: 'Prevent the form from being submitted when there are fields with errors inside the Form.Isolation.',
     type: 'boolean',
     status: 'optional'
+  },
+  preventUncommittedChanges: {
+    doc: 'Prevents uncommitted changes before the form is submitted. Will display an error message if user tries to submit without committing their changes.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  resetDataAfterCommit: {
+    doc: 'If set to `true`, the Form.Isolation will reset its data context after committing the data to the outer context.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  dataReference: {
+    doc: 'Provide a reference by using `Form.Isolation.createDataReference.`',
+    type: 'IsolationDataReference',
+    status: 'optional'
   }
 }, ProviderProperties), {}, {
   minimumAsyncBehaviorTime: undefined,

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

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

package/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":[]}