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

DNB Eufemia Design System UI Library

"use client";

import React, { useCallback, useContext } from 'react';
import { FormStatus } from '../../../../components';
import { useTranslation } from '../../hooks';
import useHandleStatus from './useHandleStatus';
import IsolationContext from './IsolationContext';
import useDataContextSnapshot from './useDataContextSnapshot';
import useEventListener from '../../DataContext/Provider/useEventListener';
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('onBeforeCommit', 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