@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
61 lines (60 loc) • 1.91 kB
JavaScript
"use client";
import React from 'react';
import clsx from 'clsx';
import { convertJsxToString, extendPropsWithContext } from "../../shared/component-helper.js";
import Context from "../../shared/Context.js";
import { applySpacing } from "../space/SpacingUtils.js";
import Button from "../button/Button.js";
import { jsx as _jsx } from "react/jsx-runtime";
const defaultProps = {
variant: 'secondary',
iconPosition: 'left'
};
export default function HelpButtonInstance(localProps) {
const context = React.useContext(Context);
const props = extendPropsWithContext(localProps, defaultProps, context.HelpButton);
const {
size,
icon,
onClick,
className,
...rest
} = props;
const params = applySpacing(props, {
className: clsx('dnb-help-button', className),
size,
icon,
...rest
});
const isPotentialHelpButton = !params.text || params.variant === 'tertiary';
if (isPotentialHelpButton && !params.icon && params.icon !== false) {
params.icon = 'question';
}
const isHelpButton = isPotentialHelpButton && ['question', 'information'].includes(String(params.icon));
if (isHelpButton) {
if (!params['aria-roledescription']) {
params['aria-roledescription'] = context.getTranslation(props).HelpButton.ariaRole;
}
}
if (!params.text && typeof params['aria-label'] === 'undefined') {
let ariaLabel = convertJsxToString(props.title || props.children);
if (!ariaLabel) {
ariaLabel = context.getTranslation(props).HelpButton.title;
}
params['aria-label'] = ariaLabel;
}
if (icon === 'information' && !size) {
params.iconSize = 'medium';
}
if (params.title && !params.tooltip && params.tooltip !== false) {
params.tooltip = params.title;
}
if (params.tooltip) {
params.title = null;
}
return _jsx(Button, {
onClick: onClick,
...params
});
}
//# sourceMappingURL=HelpButtonInstance.js.map