@adaptabletools/adaptable
Version:
Powerful AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements
14 lines (13 loc) • 991 B
JavaScript
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
import { useAdaptable } from '../../../../AdaptableContext';
import { PercentBarStylePreview } from './PercentBarStylePreview';
import { Box, Flex } from '../../../../../components/Flex';
import { Tag } from '../../../../../components/Tag';
export const PercentBarColumnComparisonPreview = (props) => {
const { api } = useAdaptable();
const columnComparison = props.percentBarStyle.ColumnComparison;
const fmt = (v) => isNaN(Number(v))
? `[${api.columnApi.getFriendlyNameForColumnId(String(v))}]`
: v;
return (_jsxs(Flex, { flexDirection: "column", className: "twa:gap-2", children: [_jsxs(Tag, { children: ["Min: ", fmt(columnComparison.MinValue), " \u2014 Max: ", fmt(columnComparison.MaxValue)] }), _jsx(Box, { className: "twa:max-w-[200px]", children: _jsx(PercentBarStylePreview, { backgroundColor: props.percentBarStyle.BackColor, barBackgroundColor: columnComparison.Color }) })] }));
};