@adaptabletools/adaptable-cjs
Version:
Powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements
27 lines (26 loc) • 1.6 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.PercentBarColumnComparisonPreview = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const AdaptableContext_1 = require("../../../../AdaptableContext");
const PercentBarStylePreview_1 = require("./PercentBarStylePreview");
const Flex_1 = require("../../../../../components/Flex");
const PercentBarColumnComparisonPreview = (props) => {
const { api } = (0, AdaptableContext_1.useAdaptable)();
const columnComparison = props.percentBarStyle.ColumnComparison;
return (React.createElement(Flex_1.Flex, { alignItems: "center", className: "twa:mr-3" },
React.createElement(Flex_1.Box, { className: "twa:basis-[120px] twa:mr-3" },
isNaN(Number(columnComparison.MinValue))
? '[' + api.columnApi.getFriendlyNameForColumnId(String(columnComparison.MinValue)) + ']'
: columnComparison.MinValue,
' ',
"to",
' ',
isNaN(Number(columnComparison.MaxValue))
? '[' + api.columnApi.getFriendlyNameForColumnId(String(columnComparison.MaxValue)) + ']'
: columnComparison.MaxValue,
' '),
React.createElement(PercentBarStylePreview_1.PercentBarStylePreview, { backgroundColor: columnComparison.Color, barBackgroundColor: props.percentBarStyle.BackColor, cellText: props.percentBarStyle.CellText, toolTipText: props.percentBarStyle.ToolTipText })));
};
exports.PercentBarColumnComparisonPreview = PercentBarColumnComparisonPreview;