New "Time Series - Table" visualization (#3543)

* [WiP] adding a new "Time Series - Table" viz

* Adding drag-n-drop to collection

* Using keys in arrays

* tests
This commit is contained in:
Maxime Beauchemin
2017-10-04 10:17:33 -07:00
committed by GitHub
parent 645de384e3
commit bb0f69d074
20 changed files with 710 additions and 90 deletions

View File

@@ -5,7 +5,7 @@ import { slugify } from '../modules/utils';
const propTypes = {
label: PropTypes.string.isRequired,
tooltip: PropTypes.string.isRequired,
tooltip: PropTypes.string,
icon: PropTypes.string,
className: PropTypes.string,
onClick: PropTypes.func,
@@ -17,11 +17,21 @@ const defaultProps = {
className: 'text-muted',
placement: 'right',
};
const tooltipStyle = { wordWrap: 'break-word' };
export default function InfoTooltipWithTrigger({
label, tooltip, icon, className, onClick, placement, bsStyle }) {
const iconClass = `fa fa-${icon} ${className} ${bsStyle ? 'text-' + bsStyle : ''}`;
const tooltipStyle = { wordWrap: 'break-word' };
const iconEl = (
<i
className={iconClass}
onClick={onClick}
style={{ cursor: onClick ? 'pointer' : null }}
/>
);
if (!tooltip) {
return iconEl;
}
return (
<OverlayTrigger
placement={placement}
@@ -31,11 +41,7 @@ export default function InfoTooltipWithTrigger({
</Tooltip>
}
>
<i
className={iconClass}
onClick={onClick}
style={{ cursor: onClick ? 'pointer' : null }}
/>
{iconEl}
</OverlayTrigger>
);
}