@dnb/eufemia/extensions/forms/Form/Isolation/IsolatedContainer.js

DNB Eufemia Design System UI Library

"use client";

import React, { useCallback, useContext } from 'react';
import { FormStatus } from "../../../../components/index.js";
import { useTranslation } from "../../hooks/index.js";
import useHandleStatus from "./useHandleStatus.js";
import IsolationContext from "./IsolationContext.js";
import useDataContextSnapshot from "./useDataContextSnapshot.js";
import useEventListener from "../../DataContext/Provider/useEventListener.js";
export default function IsolatedContainer({
  children
}) {
  const {
    outerContext,
    preventUncommittedChanges
  } = useContext(IsolationContext);
  const {
    preventUncommittedChangesText
  } = useTranslation().Isolation;
  const {
    showStatus: showCommitStatus
  } = useHandleStatus({
    outerContext,
    preventUncommittedChanges,
    error: isolationError,
    name: 'isolation-container'
  });
  const {
    resetDataAfterCommit
  } = useContext(IsolationContext);
  const {
    handleReset
  } = useDataContextSnapshot({
    enabled: resetDataAfterCommit
  });
  const handleSubmit = useCallback(() => {
    if (resetDataAfterCommit) {
      handleReset();
    }
  }, [handleReset, resetDataAfterCommit]);
  useEventListener('onAfterCommit', handleSubmit);
  return React.createElement(React.Fragment, null, children, preventUncommittedChanges && React.createElement(FormStatus, {
    no_animation: false,
    shellSpace: {
      top: true
    },
    show: Boolean(showCommitStatus)
  }, preventUncommittedChangesText));
}
export const isolationError = new Error('Form.Isolation');
//# sourceMappingURL=IsolatedContainer.js.map