@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
66 lines (65 loc) • 2.58 kB
JavaScript
;
"use client";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = HelpButtonInstance;
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _componentHelper = require("../../shared/component-helper.js");
var _Context = _interopRequireDefault(require("../../shared/Context.js"));
var _SpacingHelper = require("../space/SpacingHelper.js");
var _Button = _interopRequireDefault(require("../button/Button.js"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
const defaultProps = {
variant: 'secondary',
icon_position: 'left'
};
function HelpButtonInstance(localProps) {
const context = _react.default.useContext(_Context.default);
const props = (0, _componentHelper.extendPropsWithContext)(localProps, defaultProps, context.HelpButton);
const {
size,
icon,
on_click,
className,
...rest
} = props;
const params = {
className: (0, _classnames.default)('dnb-help-button', (0, _SpacingHelper.createSpacingClasses)(props), 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.aria_role;
}
}
if (!params.text && typeof params['aria-label'] === 'undefined') {
let ariaLabel = (0, _componentHelper.convertJsxToString)(props.title || props.children);
if (!ariaLabel) {
ariaLabel = context.getTranslation(props).HelpButton.title;
}
params['aria-label'] = ariaLabel;
}
if (icon === 'information' && !size) {
params.icon_size = 'medium';
}
if (params.title && !params.tooltip && params.tooltip !== false) {
params.tooltip = params.title;
}
if (params.tooltip) {
params.title = null;
}
return _react.default.createElement(_Button.default, _extends({
on_click: on_click
}, params));
}
//# sourceMappingURL=HelpButtonInstance.js.map