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

package/src/agGrid/AgGridColumnAdapter.js

@@ -533,8 +533,15 @@ export class AgGridColumnAdapter {
                             returnValue = params.value;
                         }
                         if (textOptions.includes('PercentageValue')) {
-                            const clampedValue = Helper.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.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

@@ -1,12 +1,12 @@
-import { ExportModuleId } from '../Utilities/Constants/ModuleConstants';
-import { waitForTimeout } from '../Utilities/waitForTimeout';
-import { convertCSSAbsoluteFontSizeToPt, getVariableColor, sanitizeStyle, } from '../Utilities/Helpers/StyleHelper';
-import FormatHelper, { DateFormatter } from '../Utilities/Helpers/FormatHelper';
 import tinycolor from 'tinycolor2';
-import StringExtensions from '../Utilities/Extensions/StringExtensions';
-import { createUuid } from '../AdaptableState/Uuid';
 import { inferSchema, initParser } from 'udsv';
+import { createUuid } from '../AdaptableState/Uuid';
 import { AG_GRID_GROUPED_COLUMN, AG_GRID_SELECTION_COLUMN, } from '../Utilities/Constants/GeneralConstants';
+import { ExportModuleId } from '../Utilities/Constants/ModuleConstants';
+import StringExtensions from '../Utilities/Extensions/StringExtensions';
+import FormatHelper, { DateFormatter } from '../Utilities/Helpers/FormatHelper';
+import { convertCSSAbsoluteFontSizeToPt, getVariableColor, sanitizeStyle, } from '../Utilities/Helpers/StyleHelper';
+import { waitForTimeout } from '../Utilities/waitForTimeout';
 export class AgGridExportAdapter {
     _adaptableInstance;
     /**
@@ -87,6 +87,7 @@ export 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

@@ -21,10 +21,22 @@ export const getPercentBarRendererForColumn = (styledColumn, abColumn, api) => {
                 }
                 return;
             }
-            const clampedValue = clamp(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 = clamp(value, min, max);
+                percentageValue = ((clampedValue - min) / (max - min)) * 100;
+                barWidthPercent = percentageValue;
+            }
+            let cellBackColor;
             if (percentBarStyle.ColumnComparison) {
                 cellBackColor = percentBarStyle.ColumnComparison.Color;
             }
@@ -52,7 +64,7 @@ export 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

@@ -1,5 +1,5 @@
 export 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: 1771243557027 || Date.now(),
-    VERSION: "22.0.0-canary.13" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1771596783510 || Date.now(),
+    VERSION: "22.0.0-canary.15" || '--current-version--',
 };