UNPKG

@dnb/eufemia

Version:

DNB Eufemia Design System UI Library

62 lines (61 loc) 2.11 kB
"use strict"; "use client"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = IsolatedContainer; exports.isolationError = void 0; var _react = require("react"); var _index = require("../../../../components/index.js"); var _index2 = require("../../hooks/index.js"); var _useHandleStatus = _interopRequireDefault(require("./useHandleStatus.js")); var _IsolationContext = _interopRequireDefault(require("./IsolationContext.js")); var _useDataContextSnapshot = _interopRequireDefault(require("./useDataContextSnapshot.js")); var _useEventListener = _interopRequireDefault(require("../../DataContext/Provider/useEventListener.js")); var _jsxRuntime = require("react/jsx-runtime"); function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; } function IsolatedContainer({ children }) { const { outerContext, preventUncommittedChanges } = (0, _react.useContext)(_IsolationContext.default); const { preventUncommittedChangesText } = (0, _index2.useTranslation)().Isolation; const { showStatus: showCommitStatus } = (0, _useHandleStatus.default)({ outerContext, preventUncommittedChanges, error: isolationError, name: 'isolation-container' }); const { resetDataAfterCommit } = (0, _react.useContext)(_IsolationContext.default); const { handleReset } = (0, _useDataContextSnapshot.default)({ enabled: resetDataAfterCommit }); const handleSubmit = (0, _react.useCallback)(() => { if (resetDataAfterCommit) { handleReset(); } }, [handleReset, resetDataAfterCommit]); (0, _useEventListener.default)('onAfterCommit', handleSubmit); return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, { children: [children, preventUncommittedChanges && (0, _jsxRuntime.jsx)(_index.FormStatus, { noAnimation: false, shellSpace: { top: true }, show: Boolean(showCommitStatus), children: preventUncommittedChangesText })] }); } const isolationError = exports.isolationError = new Error('Form.Isolation'); //# sourceMappingURL=IsolatedContainer.js.map