@adaptabletools/adaptable-cjs 22.0.0-canary.13 → 22.0.0-canary.15

package/src/agGrid/AgGridColumnAdapter.js

@@ -538,8 +538,15 @@ class AgGridColumnAdapter {
                             returnValue = params.value;
                         }
                         if (textOptions.includes('PercentageValue')) {
-                            const clampedValue = Helper_1.default.clamp(params.value, min, max);
-                            const percentageValue = ((clampedValue - min) / (max - min)) * 100;
+                            let percentageValue;
+                            if (styledColumn.PercentBarStyle.ColumnComparison) {
+                                const absMax = Math.abs(max);
+                                percentageValue = absMax === 0 ? 0 : (Number(params.value) / absMax) * 100;
+                            }
+                            else {
+                                const clampedValue = Helper_1.default.clamp(params.value, min, max);
+                                percentageValue = ((clampedValue - min) / (max - min)) * 100;
+                            }
                             returnValue += ' ' + `(${percentageValue.toFixed(0)}%)`;
                         }
                         return returnValue ? returnValue : params.value;

package/src/agGrid/AgGridExportAdapter.d.ts

@@ -1,8 +1,8 @@
-import { AdaptableAgGrid } from './AdaptableAgGrid';
-import { Report, ReportFormatType } from '../AdaptableState/ExportState';
 import { CsvExportParams, ExcelExportParams, ExcelStyle } from 'ag-grid-enterprise';
 import { CustomExportParams, ExportDestinationType, ExportResultData } from '../AdaptableOptions/ExportOptions';
+import { Report, ReportFormatType } from '../AdaptableState/ExportState';
 import { Layout } from '../AdaptableState/LayoutState';
+import { AdaptableAgGrid } from './AdaptableAgGrid';
 export interface ExportConfig {
     report: Report;
     format: ReportFormatType;

package/src/agGrid/AgGridExportAdapter.js

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AgGridExportAdapter = void 0;
 const tslib_1 = require("tslib");
-const ModuleConstants_1 = require("../Utilities/Constants/ModuleConstants");
-const waitForTimeout_1 = require("../Utilities/waitForTimeout");
-const StyleHelper_1 = require("../Utilities/Helpers/StyleHelper");
-const FormatHelper_1 = tslib_1.__importStar(require("../Utilities/Helpers/FormatHelper"));
 const tinycolor2_1 = tslib_1.__importDefault(require("tinycolor2"));
-const StringExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/StringExtensions"));
-const Uuid_1 = require("../AdaptableState/Uuid");
 const udsv_1 = require("udsv");
+const Uuid_1 = require("../AdaptableState/Uuid");
 const GeneralConstants_1 = require("../Utilities/Constants/GeneralConstants");
+const ModuleConstants_1 = require("../Utilities/Constants/ModuleConstants");
+const StringExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/StringExtensions"));
+const FormatHelper_1 = tslib_1.__importStar(require("../Utilities/Helpers/FormatHelper"));
+const StyleHelper_1 = require("../Utilities/Helpers/StyleHelper");
+const waitForTimeout_1 = require("../Utilities/waitForTimeout");
 class AgGridExportAdapter {
     _adaptableInstance;
     /**
@@ -91,6 +91,7 @@ class AgGridExportAdapter {
                 this.patchExcelStyles(exportContext);
                 excelStylesWerePatched = true;
             }
+            // see #export_data_synchronously
             // 1. easiest case, we download the file using AG Grid
             // these methods will automatically handle the file download
             if (exportContext.destination === 'Download' && exportContext.isExcelReport) {

package/src/agGrid/cellRenderers/PercentBarRenderer.js

@@ -25,10 +25,22 @@ const getPercentBarRendererForColumn = (styledColumn, abColumn, api) => {
                 }
                 return;
             }
-            const clampedValue = (0, clamp_1.default)(value, min, max);
-            const percentageValue = ((clampedValue - min) / (max - min)) * 100;
-            let cellBackColor;
             const percentBarStyle = styledColumn.PercentBarStyle;
+            let percentageValue;
+            let barWidthPercent;
+            if (percentBarStyle.ColumnComparison) {
+                // Finance convention: (difference / |base|) * 100 — signed %, use |price| when base is negative
+                const absMax = Math.abs(max);
+                percentageValue = absMax === 0 ? 0 : (Number(value) / absMax) * 100;
+                // Bar width uses |percentage| so 50% and -50% have the same visual width
+                barWidthPercent = Math.min(100, Math.abs(percentageValue));
+            }
+            else {
+                const clampedValue = (0, clamp_1.default)(value, min, max);
+                percentageValue = ((clampedValue - min) / (max - min)) * 100;
+                barWidthPercent = percentageValue;
+            }
+            let cellBackColor;
             if (percentBarStyle.ColumnComparison) {
                 cellBackColor = percentBarStyle.ColumnComparison.Color;
             }
@@ -56,7 +68,7 @@ const getPercentBarRendererForColumn = (styledColumn, abColumn, api) => {
                 barInsideEl.className = 'ab-PercentBar__barInside';
                 barInsideEl.style.background = cellBackColor;
                 barInsideEl.style.height = '100%';
-                barInsideEl.style.width = `${percentageValue.toFixed(0)}%`;
+                barInsideEl.style.width = `${barWidthPercent.toFixed(0)}%`;
                 barEl.append(barInsideEl);
                 this.eGui.append(barEl);
                 if (hasCellText) {

package/src/env.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
     NEXT_PUBLIC_INFINITE_TABLE_LICENSE_KEY: "StartDate=2021-06-29|EndDate=2030-01-01|Owner=Adaptable|Type=distribution|TS=1624971462479|C=137829811,1004007071,2756196225,1839832928,3994409405,636616862" || '',
-    PUBLISH_TIMESTAMP: 1771243592812 || Date.now(),
-    VERSION: "22.0.0-canary.13" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1771596821462 || Date.now(),
+    VERSION: "22.0.0-canary.15" || '--current-version--',
 };