box-ui-elements
Version:
Box UI Elements
47 lines (46 loc) • 1.48 kB
JavaScript
/**
*
* @file Sidebar Additional Tab FTUX tooltip
* @author Box
*/
import * as React from 'react';
import { Tooltip as BPTooltip } from '@box/blueprint-web';
import Tooltip from '../../common/Tooltip';
import TargetedClickThroughGuideTooltip from '../../../features/targeting/TargetedClickThroughGuideTooltip';
import { useFeatureConfig } from '../../common/feature-checking';
import './AdditionalTabTooltip.scss';
const AdditionalTabTooltip = ({
children,
defaultTooltipText,
isFtuxVisible,
ftuxTooltipData
}) => {
const {
enabled: isPreviewModernizationEnabled
} = useFeatureConfig('previewModernization');
if (!isFtuxVisible || !ftuxTooltipData || !ftuxTooltipData.targetingApi().canShow) {
if (isPreviewModernizationEnabled) {
return /*#__PURE__*/React.createElement(BPTooltip, {
content: defaultTooltipText,
side: "left"
}, /*#__PURE__*/React.createElement("span", null, children));
}
return /*#__PURE__*/React.createElement(Tooltip, {
position: "middle-left",
text: defaultTooltipText
}, children);
}
const {
targetingApi,
text
} = ftuxTooltipData;
return /*#__PURE__*/React.createElement(TargetedClickThroughGuideTooltip, {
className: "bdl-AdditionalTabTooltip",
body: text,
position: "middle-right",
shouldTarget: true,
useTargetingApi: targetingApi
}, children);
};
export default AdditionalTabTooltip;
//# sourceMappingURL=AdditionalTabTooltip.js.map