@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
87 lines (86 loc) • 2.63 kB
JavaScript
"use client";
import React, { useCallback, useContext } from 'react';
import clsx from 'clsx';
import { Button, Dialog } from "../../../../components/index.js";
import useTranslation from "../../hooks/useTranslation.js";
import IterateItemContext from "../IterateItemContext.js";
import ToolbarContext from "../Toolbar/ToolbarContext.js";
import FieldBoundaryContext from "../../DataContext/FieldBoundary/FieldBoundaryContext.js";
import { reset } from "../../../../icons/index.js";
import useHasContentChanged from "../../Form/Isolation/useHasContentChanged.js";
import { omitDataValueReadWriteProps } from "../../types.js";
import { jsx as _jsx } from "react/jsx-runtime";
export default function ResetButton(props) {
const {
text,
children,
onClick,
className,
hidden,
showConfirmDialog = true,
...restProps
} = props;
const {
restoreOriginalValue
} = useContext(IterateItemContext) || {};
const {
setShowBoundaryErrors
} = useContext(FieldBoundaryContext) || {};
const {
setShowError
} = useContext(ToolbarContext) || {};
const {
hasContentChanged
} = useHasContentChanged({
enabled: true
});
const buttonProps = omitDataValueReadWriteProps(restProps);
const {
resetButton
} = useTranslation().IterateEditContainer;
const {
confirmResetText
} = useTranslation().IterateEditContainer;
const textContent = text || children || resetButton;
const buttonWrapperRef = React.useRef(null);
const handleClick = useCallback(({
close,
event
}) => {
close?.();
onClick?.(event);
restoreOriginalValue?.();
setShowError(false);
setShowBoundaryErrors?.(false);
buttonWrapperRef.current?.focus();
}, [onClick, restoreOriginalValue, setShowBoundaryErrors, setShowError]);
if (hidden) {
return null;
}
const triggerAttributes = {
className: clsx('dnb-forms-iterate__reset-button', className),
text: textContent,
variant: textContent ? 'tertiary' : 'secondary',
icon: reset,
iconPosition: 'left',
disabled: typeof hasContentChanged === 'boolean' ? !hasContentChanged : false,
...buttonProps
};
return _jsx("span", {
tabIndex: -1,
ref: buttonWrapperRef,
className: "dnb-no-focus",
children: showConfirmDialog ? _jsx(Dialog, {
variant: "confirmation",
title: confirmResetText,
triggerAttributes: triggerAttributes,
onConfirm: handleClick
}) : _jsx(Button, {
...triggerAttributes,
onClick: args => handleClick(args),
...buttonProps,
children: resetButton
})
});
}
//# sourceMappingURL=ResetButton.js.map