@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";
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
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 _jsxs(_Fragment, {
    children: [children, preventUncommittedChanges && _jsx(FormStatus, {
      noAnimation: false,
      shellSpace: {
        top: true
      },
      show: Boolean(showCommitStatus),
      children: preventUncommittedChangesText
    })]
  });
}
export const isolationError = new Error('Form.Isolation');
//# sourceMappingURL=IsolatedContainer.js.map