@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
44 lines (43 loc) • 1.7 kB
JavaScript
"use client";
import React, { useCallback, useContext } from 'react';
import SectionContainerContext from '../containers/SectionContainerContext';
import ToolbarContext from '../Toolbar/ToolbarContext';
import { useTranslation } from '../../../hooks';
import { Button } from '../../../../../components';
import { check } from '../../../../../icons';
import FieldBoundaryContext from '../../../DataContext/FieldBoundary/FieldBoundaryContext';
export default function DoneEditButton() {
const {
onDone,
setShowError
} = useContext(ToolbarContext) || {};
const {
switchContainerMode
} = useContext(SectionContainerContext) || {};
const {
hasError,
hasVisibleError,
setShowBoundaryErrors
} = useContext(FieldBoundaryContext) || {};
const translation = useTranslation().SectionEditContainer;
const doneHandler = useCallback(() => {
if (hasError) {
setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(true);
if (hasVisibleError) {
setShowError(true);
}
} else {
setShowError(false);
setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(false);
switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
onDone === null || onDone === void 0 ? void 0 : onDone();
}
}, [hasError, hasVisibleError, onDone, setShowBoundaryErrors, setShowError, switchContainerMode]);
return React.createElement(Button, {
variant: "tertiary",
icon: check,
icon_position: "left",
on_click: doneHandler
}, translation.doneButton);
}
//# sourceMappingURL=DoneButton.js.map