@adaptabletools/adaptable-cjs 23.0.0-canary.3 → 23.0.0-canary.5

package/src/Api/Internal/StyledColumnInternalApi.d.ts

@@ -4,10 +4,10 @@ import { BadgeStyle, BadgeStyleDefinition, CellColorRange, ColumnComparison, Num
 import { IRowNode } from 'ag-grid-enterprise';
 import { PredicateDefHandlerContext } from '../../types';
 export declare class StyledColumnInternalApi extends ApiBase {
-    getMinValueForNumericColumn(column: AdaptableColumn): number | undefined;
-    getMaxValueForNumericColumn(column: AdaptableColumn): number | undefined;
-    getAvgValueForNumericColumn(column: AdaptableColumn): number | undefined;
-    getMedianValueForNumericColumn(column: AdaptableColumn): number | undefined;
+    getMinValueForNumericColumn(column: AdaptableColumn | undefined): number | undefined;
+    getMaxValueForNumericColumn(column: AdaptableColumn | undefined): number | undefined;
+    getAvgValueForNumericColumn(column: AdaptableColumn | undefined): number | undefined;
+    getMedianValueForNumericColumn(column: AdaptableColumn | undefined): number | undefined;
     /**
      * Gets the Minimum Value to display for a Styled Column
      * @param styledColumn Styled Column to check

package/src/Api/Internal/StyledColumnInternalApi.js

@@ -15,25 +15,25 @@ const isDynamicRangeEndpoint = (value) => typeof value === 'string' &&
     DYNAMIC_RANGE_ENDPOINTS.includes(value);
 class StyledColumnInternalApi extends ApiBase_1.ApiBase {
     getMinValueForNumericColumn(column) {
-        if (column.dataType !== 'number') {
+        if (!column || column.dataType !== 'number') {
             return undefined;
         }
         return this._adaptable.getMinMaxCachedValueForColumn(column, 'min');
     }
     getMaxValueForNumericColumn(column) {
-        if (column.dataType !== 'number') {
+        if (!column || column.dataType !== 'number') {
             return undefined;
         }
         return this._adaptable.getMinMaxCachedValueForColumn(column, 'max');
     }
     getAvgValueForNumericColumn(column) {
-        if (column.dataType !== 'number') {
+        if (!column || column.dataType !== 'number') {
             return undefined;
         }
         return this._adaptable.getMinMaxCachedValueForColumn(column, 'avg');
     }
     getMedianValueForNumericColumn(column) {
-        if (column.dataType !== 'number') {
+        if (!column || column.dataType !== 'number') {
             return undefined;
         }
         return this._adaptable.getMinMaxCachedValueForColumn(column, 'median');

package/src/Api/Internal/ThemeInternalApi.d.ts

@@ -3,5 +3,4 @@ export declare class ThemeInternalApi extends ApiBase {
     isSystemTheme(themeName: string): boolean;
     getThemeClassName(theme: string): string;
     getDOMPreferredColorScheme(): 'dark' | 'light';
-    openInWindow(): void;
 }

package/src/Api/Internal/ThemeInternalApi.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeInternalApi = void 0;
-const windowFactory_1 = require("../../View/Components/Popups/WindowPopups/windowFactory");
 const ApiBase_1 = require("../Implementation/ApiBase");
 class ThemeInternalApi extends ApiBase_1.ApiBase {
     isSystemTheme(themeName) {
@@ -15,14 +14,5 @@ class ThemeInternalApi extends ApiBase_1.ApiBase {
     getDOMPreferredColorScheme() {
         return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
     }
-    openInWindow() {
-        this.getAdaptableInternalApi().showPopupWindow({
-            id: windowFactory_1.SHOW_THEME_EDITOR,
-            title: 'Theme',
-            icon: 'theme',
-            factoryId: windowFactory_1.SHOW_THEME_EDITOR,
-            popupProps: {},
-        });
-    }
 }
 exports.ThemeInternalApi = ThemeInternalApi;

package/src/Api/LayoutApi.d.ts

@@ -1,4 +1,4 @@
-import { AdaptableColumn, ColumnSort, ParameterizedAggFunc, PivotLayout, TableLayout } from '../../types';
+import { AdaptableColumn, ColumnSort, PivotLayout, TableLayout } from '../../types';
 import { ExtendedLayout } from '../AdaptableState/Common/ExtendedLayout';
 import { LayoutState, Layout } from '../AdaptableState/LayoutState';
 /**
@@ -180,11 +180,4 @@ export interface LayoutApi {
      * @param columnId Column to add
      */
     addColumnToCurrentLayout(columnId: string): void;
-    /**
-     * Sets a parameterized aggregation (e.g. Weighted Average with a weight column) on a value column
-     * in the current Layout and applies it to the grid.
-     * @param columnId Value column being aggregated
-     * @param parameterizedAgg Parameterized aggregation definition (must be complete)
-     */
-    setColumnParameterizedAggregation(columnId: string, parameterizedAgg: ParameterizedAggFunc): void;
 }

package/src/Api/ThemeApi.d.ts

@@ -1,4 +1,4 @@
-import { AdaptableTheme, ThemeState } from '../AdaptableState/ThemeState';
+import { AdaptableTheme, SystemThemeEntry, ThemeState } from '../AdaptableState/ThemeState';
 /**
  * Provides run-time access to the Theme Module and associated state
  */
@@ -41,21 +41,24 @@ export interface ThemeApi {
      *
      * @param systemThemes system themes to use ('light', 'dark', both, or none)
      */
-    setSystemThemes(systemThemes: AdaptableTheme[]): void;
+    setSystemThemes(systemThemes: SystemThemeEntry[]): void;
     /**
      * Sets available User Themes
      *
      * @param userThemes User themes to set - each has name, description
+     * @deprecated Will be removed in the next major version.
      */
     setUserThemes(userThemes: AdaptableTheme[]): void;
     /**
      * Adds a User Theme to State
      * @param theme
+     * @deprecated Will be removed in the next major version.
      */
     addUserTheme(theme: AdaptableTheme): void;
     /**
      * Deletes a User Theme from State
      * @param theme
+     * @deprecated Will be removed in the next major version.
      */
     deleteUserTheme(theme: AdaptableTheme): void;
     /**
@@ -64,6 +67,7 @@ export interface ThemeApi {
     getSystemThemes(): AdaptableTheme[];
     /**
      * Retrieves User Themes in State
+     * @deprecated Will be removed in the next major version.
      */
     getUserThemes(): AdaptableTheme[];
     /**

package/src/Redux/ActionsReducers/ThemeRedux.d.ts

@@ -1,5 +1,5 @@
 import * as Redux from 'redux';
-import { ThemeState, AdaptableTheme } from '../../AdaptableState/ThemeState';
+import { ThemeState, AdaptableTheme, SystemThemeEntry } from '../../AdaptableState/ThemeState';
 /**
  * @ReduxAction System Themes have been set
  */
@@ -29,7 +29,7 @@ export declare const THEME_ADD = "THEME_ADD";
  */
 export declare const THEME_DELETE = "THEME_DELETE";
 export interface ThemeSetSystemThemesAction extends Redux.Action {
-    SystemThemes: AdaptableTheme[];
+    SystemThemes: SystemThemeEntry[];
 }
 export interface ThemeSetUserThemesAction extends Redux.Action {
     UserThemes: AdaptableTheme[];
@@ -52,7 +52,7 @@ export interface ThemeAddUserThemeAction extends Redux.Action {
 export interface ThemeDeleteUserThemeAction extends Redux.Action {
     theme: AdaptableTheme;
 }
-export declare const ThemeSetSystemThemes: (SystemThemes: AdaptableTheme[]) => ThemeSetSystemThemesAction;
+export declare const ThemeSetSystemThemes: (SystemThemes: SystemThemeEntry[]) => ThemeSetSystemThemesAction;
 export declare const ThemeSetUserThemes: (UserThemes: AdaptableTheme[]) => ThemeSetUserThemesAction;
 export declare const ThemeSelect: (Theme: string) => ThemeSelectAction;
 export declare const ThemeReady: (themeState: ThemeState) => ThemeReadyAction;

package/src/Strategy/CalculatedColumnModule.js

@@ -36,7 +36,9 @@ class CalculatedColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         this.api.internalApi
             .getDataService()
             .on('CellDataChanged', (cellDataChangedInfo) => {
-            if (cellDataChangedInfo.trigger !== 'aggChange' && !cellDataChangedInfo.preventEdit) {
+            if (cellDataChangedInfo.trigger !== 'aggChange' &&
+                cellDataChangedInfo.trigger !== 'calculatedColumnChange' &&
+                !cellDataChangedInfo.preventEdit) {
                 this.api.internalApi
                     .getCalculatedColumnExpressionService()
                     .listentoCellDataChange(cellDataChangedInfo);

package/src/Strategy/FormatColumnModule.js

@@ -15,6 +15,8 @@ const getRuleViewItems_1 = require("../Utilities/getRuleViewItems");
 const getScopeViewItems_1 = require("../Utilities/getScopeViewItems");
 const getFormatColumnRowTargetItems_1 = require("./Utilities/FormatColumn/getFormatColumnRowTargetItems");
 const FormatColumnStyleWizardSection_1 = require("../View/FormatColumn/Wizard/FormatColumnStyleWizardSection");
+const FormatColumnRuleWizardSection_1 = require("../View/FormatColumn/Wizard/FormatColumnRuleWizardSection");
+const FormatColumnPreview_1 = require("../View/FormatColumn/Wizard/FormatColumnPreview");
 class FormatColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     constructor(api) {
         super(ModuleConstants.FormatColumnModuleId, ModuleConstants.FormatColumnFriendlyName, 'color-palette', 'FormatColumnPopup', 'Create a column style, display format or cell alignment', api);
@@ -90,19 +92,24 @@ class FormatColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                     name: 'Name',
                     values: [formatColumn.Name],
                 },
+                (0, getFormatColumnSettingsViewItems_1.getFormatColumnSettingsViewItems)(formatColumn),
                 (0, getScopeViewItems_1.getScopeViewItems)(formatColumn.Scope, this.api),
                 (0, getFormatColumnRowTargetItems_1.getFormatColumnRowTargetItems)(formatColumn),
-                formatColumn.Rule && (0, getRuleViewItems_1.getRuleViewItems)(formatColumn.Rule, this.api),
-                {
+                (0, FormatColumnRuleWizardSection_1.hasFormatColumnCondition)(formatColumn) &&
+                    (0, getRuleViewItems_1.getRuleViewItems)(formatColumn.Rule, this.api),
+                (0, FormatColumnStyleWizardSection_1.hasFormatColumnStyle)(formatColumn) && {
                     name: 'Style',
-                    view: () => (0, FormatColumnStyleWizardSection_1.renderFormatColumnStyleSummary)(formatColumn, this.api),
+                    values: (0, FormatColumnStyleWizardSection_1.getFormatColumnStyleViewValues)(formatColumn),
                 },
-                {
+                (0, FormatColumnFormatWizardSection_1.hasFormatColumnDisplayFormat)(formatColumn) && {
                     name: 'Display Format',
                     values: [(0, FormatColumnFormatWizardSection_1.getFormatColumnFormatSummaryValue)(formatColumn)],
                 },
-                (0, getFormatColumnSettingsViewItems_1.getFormatColumnSettingsViewItems)(formatColumn),
                 (0, getObjectTagsViewItems_1.getObjectTagsViewItems)(formatColumn, this.api),
+                {
+                    name: 'Preview',
+                    view: () => (0, FormatColumnPreview_1.renderFormatColumnPreviewSummary)(formatColumn, this.api),
+                },
             ].filter(Boolean),
         };
     }

package/src/Strategy/LayoutModule.js

@@ -13,8 +13,7 @@ const LayoutCloneButton_1 = require("../View/Layout/LayoutCloneButton");
 const LayoutWizard_1 = require("../View/Layout/Wizard/LayoutWizard");
 const getLayoutFilterViewItems_1 = require("./Utilities/Layout/getLayoutFilterViewItems");
 const getLayoutSortViewItems_1 = require("./Utilities/Layout/getLayoutSortViewItems");
-const ParameterizedAggregationRegistry_1 = require("../Aggregation/ParameterizedAggregationRegistry");
-const parameterizedAggregationHeader_1 = require("../Aggregation/parameterizedAggregationHeader");
+const AggregationColumns_1 = require("../AdaptableState/Common/AggregationColumns");
 const windowFactory_1 = require("../View/Components/Popups/WindowPopups/windowFactory");
 const flattenDeep_1 = tslib_1.__importDefault(require("../Utilities/utils/flattenDeep"));
 const StringExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/StringExtensions"));
@@ -342,10 +341,13 @@ class LayoutModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                         if (ColumnId === 'Source' || ColumnId === 'Uuid' || ColumnId === 'AdaptableVersion') {
                             return '';
                         }
-                        if ((0, ParameterizedAggregationRegistry_1.isParameterizedAggregation)(aggFn)) {
-                            return (0, parameterizedAggregationHeader_1.getParameterizedAggregationDisplayName)(this.api, aggFn, ColumnId);
+                        let aggFnName = '';
+                        if (typeof aggFn === 'string') {
+                            aggFnName = aggFn;
+                        }
+                        else if (typeof aggFn === 'object' && aggFn.type === 'weightedAverage') {
+                            aggFnName = AggregationColumns_1.WEIGHTED_AVERAGE_AGG_FN_NAME;
                         }
-                        const aggFnName = typeof aggFn === 'string' ? aggFn : '';
                         return `${aggFnName}(${columnIdToFriendlyName(ColumnId)})`;
                     }).filter(Boolean),
                 },
@@ -357,10 +359,13 @@ class LayoutModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                         if (ColumnId === 'Source' || ColumnId === 'Uuid' || ColumnId === 'AdaptableVersion') {
                             return '';
                         }
-                        if ((0, ParameterizedAggregationRegistry_1.isParameterizedAggregation)(aggFn)) {
-                            return (0, parameterizedAggregationHeader_1.getParameterizedAggregationDisplayName)(this.api, aggFn, ColumnId);
+                        let aggFnName = '';
+                        if (typeof aggFn === 'string') {
+                            aggFnName = aggFn;
+                        }
+                        else if (typeof aggFn === 'object' && aggFn.type === 'weightedAverage') {
+                            aggFnName = AggregationColumns_1.WEIGHTED_AVERAGE_AGG_FN_NAME;
                         }
-                        const aggFnName = typeof aggFn === 'string' ? aggFn : '';
                         return `${aggFnName}(${columnIdToFriendlyName(ColumnId)})`;
                     }).filter(Boolean),
                 },

package/src/Strategy/StyledColumnModule.js

@@ -9,14 +9,22 @@ const StyledColumnWizard_1 = require("../View/StyledColumn/Wizard/StyledColumnWi
 const StyledColumnWizardStyleSection_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardStyleSection/StyledColumnWizardStyleSection");
 const StyledColumnWizardGradientSection_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardGradientSection");
 const StyledColumnWizardBulletSection_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardBulletSection");
+const StyledColumnBulletPreview_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnBulletPreview");
 const StyledColumnWizardRatingSection_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardRatingSection");
+const StyledColumnRatingPreview_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnRatingPreview");
 const StyledColumnWizardRangeBarSection_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardRangeBarSection");
+const StyledColumnRangeBarPreview_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnRangeBarPreview");
 const StyledColumnWizardIconSection_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardIconSection");
+const StyledColumnIconPreview_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnIconPreview");
 const StyledColumnWizardScopeSection_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardScopeSection");
 const ObjectFactory_1 = tslib_1.__importDefault(require("../Utilities/ObjectFactory"));
 const StyledColumnBadgePreview_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnBadgePreview");
+const StyledColumnGradientPreview_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnGradientPreview");
+const StyledColumnPercentBarPreview_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnPercentBarPreview");
+const StyledColumnBadgeSection_1 = require("../View/StyledColumn/Wizard/StyledColumnBadgeSection");
+const StyledColumnSparklineSettingsSection_1 = require("../View/StyledColumn/Wizard/StyledColumnSparklineSettingsSection");
+const StyledColumnSparklinePreview_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnSparklinePreview");
 const getObjectTagsViewItems_1 = require("../Utilities/getObjectTagsViewItems");
-const StyledColumnBadgeSettings_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnBadgeSettings");
 class StyledColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     constructor(api) {
         super(ModuleConstants.StyledColumnModuleId, ModuleConstants.StyledColumnFriendlyName, 'brush', 'StyledColumnPopup', // to change
@@ -287,80 +295,100 @@ class StyledColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             if (styledColumn.PercentBarStyle) {
                 specificTypeItems.push({
                     name: 'Style',
-                    view: () => {
-                        return (0, StyledColumnWizardStyleSection_1.renderStyledColumnStyleSummary)(styledColumn, this.api);
-                    },
+                    values: (0, StyledColumnWizardStyleSection_1.getStyledColumnPercentBarStyleViewValues)(styledColumn),
+                });
+                specificTypeItems.push({
+                    name: 'Preview',
+                    view: StyledColumnPercentBarPreview_1.StyledColumnPercentBarPreview,
                 });
             }
             if (styledColumn.GradientStyle) {
                 specificTypeItems.push({
                     name: 'Style',
-                    view: () => {
-                        return (0, StyledColumnWizardGradientSection_1.renderStyledColumnGradientStyleSummary)(styledColumn);
-                    },
+                    values: (0, StyledColumnWizardGradientSection_1.getStyledColumnGradientStyleViewValues)(styledColumn),
+                });
+                specificTypeItems.push({
+                    name: 'Preview',
+                    view: StyledColumnGradientPreview_1.StyledColumnGradientPreview,
                 });
             }
         }
         if (styledColumn.BulletChartStyle) {
             specificTypeItems.push({
                 name: 'Ranges',
-                view: () => {
-                    return (0, StyledColumnWizardBulletSection_1.renderStyledColumnBulletRangesSummary)(styledColumn);
-                },
+                view: StyledColumnWizardBulletSection_1.StyledColumnBulletRangesView,
             });
             specificTypeItems.push({
                 name: 'Style',
-                view: () => {
-                    return (0, StyledColumnWizardBulletSection_1.renderStyledColumnBulletStyleSummary)(styledColumn);
-                },
+                values: (0, StyledColumnWizardBulletSection_1.getStyledColumnBulletStyleViewValues)(styledColumn),
+            });
+            specificTypeItems.push({
+                name: 'Preview',
+                view: StyledColumnBulletPreview_1.StyledColumnBulletPreview,
             });
         }
         if (styledColumn.RatingStyle) {
             specificTypeItems.push({
                 name: 'Style',
-                view: () => {
-                    return (0, StyledColumnWizardRatingSection_1.renderStyledColumnRatingSummary)(styledColumn);
-                },
+                values: (0, StyledColumnWizardRatingSection_1.getStyledColumnRatingStyleViewValues)(styledColumn),
+            });
+            specificTypeItems.push({
+                name: 'Preview',
+                view: StyledColumnRatingPreview_1.StyledColumnRatingPreview,
             });
         }
         if (styledColumn.RangeBarStyle) {
             specificTypeItems.push({
                 name: 'Style',
-                view: () => {
-                    return (0, StyledColumnWizardRangeBarSection_1.renderStyledColumnRangeBarRangeStepSummary)(styledColumn);
-                },
+                view: StyledColumnWizardRangeBarSection_1.StyledColumnRangeBarRangeView,
             });
             specificTypeItems.push({
                 name: 'Display',
-                view: () => {
-                    return (0, StyledColumnWizardRangeBarSection_1.renderStyledColumnRangeBarDisplayStepSummary)(styledColumn);
-                },
+                values: (0, StyledColumnWizardRangeBarSection_1.getStyledColumnRangeBarDisplayViewValues)(styledColumn),
+            });
+            specificTypeItems.push({
+                name: 'Preview',
+                view: StyledColumnRangeBarPreview_1.StyledColumnRangeBarPreview,
             });
         }
         if (styledColumn.IconStyle) {
             specificTypeItems.push({
                 name: 'Mappings',
-                view: () => {
-                    return (0, StyledColumnWizardIconSection_1.renderStyledColumnIconMappingsSummary)(styledColumn);
-                },
+                view: StyledColumnWizardIconSection_1.StyledColumnIconMappingsView,
             });
             specificTypeItems.push({
                 name: 'Style',
-                view: () => {
-                    return (0, StyledColumnWizardIconSection_1.renderStyledColumnIconStyleSummary)(styledColumn);
-                },
+                values: (0, StyledColumnWizardIconSection_1.getStyledColumnIconStyleViewValues)(styledColumn),
+            });
+            specificTypeItems.push({
+                name: 'Preview',
+                view: StyledColumnIconPreview_1.StyledColumnIconPreview,
             });
         }
         if (styledColumn.BadgeStyle) {
             specificTypeItems.push({
-                name: 'Settings',
-                view: StyledColumnBadgeSettings_1.StyledColumnBadgeSettings,
+                name: 'Badges',
+                view: StyledColumnBadgeSection_1.StyledColumnBadgeDefinitionsView,
+            });
+            specificTypeItems.push({
+                name: 'Style',
+                values: (0, StyledColumnBadgeSection_1.getStyledColumnBadgeStyleViewValues)(styledColumn, this.api),
             });
             specificTypeItems.push({
                 name: 'Preview',
                 view: StyledColumnBadgePreview_1.StyledColumnBadgePreview,
             });
         }
+        if (styledColumn.SparklineStyle) {
+            specificTypeItems.push({
+                name: 'Style',
+                values: (0, StyledColumnSparklineSettingsSection_1.getStyledColumnSparklineStyleViewValues)(styledColumn),
+            });
+            specificTypeItems.push({
+                name: 'Preview',
+                view: StyledColumnSparklinePreview_1.StyledColumnSparklinePreview,
+            });
+        }
         const includedRowKinds = (0, StyledColumnWizardScopeSection_1.collectIncludedRowKindLabels)(styledColumn);
         return {
             abObject: styledColumn,

package/src/Utilities/Constants/ReduxConstants.d.ts

@@ -1,9 +1,9 @@
 import { SummaryOperation } from '../../AdaptableState/Common/Enums';
-import { AdaptableTheme } from '../../AdaptableState/ThemeState';
+import { SystemThemeEntry } from '../../AdaptableState/ThemeState';
 export declare const CELL_SUMMARY_DEFAULT_OPERATION: SummaryOperation | string;
 export declare const QUICK_SEARCH_DEFAULT_TEXT_BACK_COLOR: string;
 export declare const QUICK_SEARCH_DEFAULT_CELL_BACK_COLOR: string;
 export declare const QUICK_SEARCH_DEFAULT_FORE_COLOR: string;
 export declare const QUICK_SEARCH_DEFAULT_CURRENT_BACK_COLOR: string;
-export declare const SYSTEM_THEMES: AdaptableTheme[];
+export declare const SYSTEM_THEMES: SystemThemeEntry[];
 export declare const THEME_DEFAULT_CURRENT_THEME: string;

package/src/Utilities/Constants/ReduxConstants.js

@@ -13,18 +13,5 @@ exports.QUICK_SEARCH_DEFAULT_FORE_COLOR = (0, UIHelper_1.getSwatchColorVar)(1);
 exports.QUICK_SEARCH_DEFAULT_CURRENT_BACK_COLOR = (0, UIHelper_1.getSwatchColorVar)(20); // orange
 // theme
 // consts for Themes
-exports.SYSTEM_THEMES = [
-    {
-        Name: GeneralConstants_1.LIGHT_THEME,
-        Description: 'Light Theme',
-    },
-    {
-        Name: GeneralConstants_1.DARK_THEME,
-        Description: 'Dark Theme',
-    },
-    {
-        Name: GeneralConstants_1.OS_THEME,
-        Description: 'OS Theme',
-    },
-];
+exports.SYSTEM_THEMES = [GeneralConstants_1.LIGHT_THEME, GeneralConstants_1.DARK_THEME, GeneralConstants_1.OS_THEME];
 exports.THEME_DEFAULT_CURRENT_THEME = GeneralConstants_1.LIGHT_THEME;

package/src/Utilities/Helpers/FormatHelper.js

@@ -10,6 +10,20 @@ const sentenceCase_1 = tslib_1.__importDefault(require("../utils/sentenceCase"))
 const GeneralConstants_1 = require("../Constants/GeneralConstants");
 const Helper_1 = tslib_1.__importDefault(require("./Helper"));
 const StringExtensions_1 = tslib_1.__importDefault(require("../Extensions/StringExtensions"));
+const getInputFractionDigitCount = (input) => {
+    const fraction = String(input).split('.')[1];
+    return fraction ? fraction.replace(/0+$/, '').length : 0;
+};
+const getFractionDigitsAfterMultiplier = (input, multiplier, explicitFractionDigits) => {
+    if (explicitFractionDigits != null) {
+        return explicitFractionDigits;
+    }
+    if (multiplier === 1) {
+        return getInputFractionDigitCount(input);
+    }
+    const multiplierPower = Math.round(Math.log10(Math.abs(multiplier)));
+    return Math.max(0, getInputFractionDigitCount(input) - multiplierPower);
+};
 function NumberFormatter(input, options = {}, rowNode, column, api) {
     let preparedInput;
     if (options.Content) {
@@ -35,9 +49,11 @@ function NumberFormatter(input, options = {}, rowNode, column, api) {
         return preparedInput.toString();
     }
     let multiplier = options.Multiplier ? options.Multiplier : 1;
+    let multiplierFractionDigits;
     if (options.Multiplier !== undefined) {
         n *= multiplier;
-        n = parseFloat(n.toFixed(12));
+        multiplierFractionDigits = getFractionDigitsAfterMultiplier(preparedInput, options.Multiplier, options.FractionDigits);
+        n = parseFloat(n.toFixed(multiplierFractionDigits));
     }
     // Set Integer and Fraction Digits to a max of 20
     if (options.IntegerDigits > 20) {
@@ -77,6 +93,9 @@ function NumberFormatter(input, options = {}, rowNode, column, api) {
     else if (options.FractionDigits != null) {
         digitsToUse = options.FractionDigits;
     }
+    else if (multiplierFractionDigits != null) {
+        digitsToUse = multiplierFractionDigits;
+    }
     else {
         let decimalCount = Math.floor(n) === n ? 0 : n.toString().split(fractionsSepatator)[1]?.length || 0;
         digitsToUse = decimalCount;

package/src/Utilities/Helpers/SparklineOptionsHelper.d.ts

@@ -0,0 +1,7 @@
+import type { AgSparklineOptions } from 'ag-charts-types';
+/**
+ * AG Charts sparklines do not resolve Adaptable `var(--ab-color-*)` tokens.
+ * Resolve palette / theme CSS variables to concrete colours at render time so
+ * wizard previews and grid cells match the chosen Fill / Stroke values.
+ */
+export declare function resolveSparklineOptionsForRender(options: AgSparklineOptions): AgSparklineOptions;

package/src/Utilities/Helpers/SparklineOptionsHelper.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveSparklineOptionsForRender = resolveSparklineOptionsForRender;
+const StyleHelper_1 = require("./StyleHelper");
+const resolveCssColor = (color) => {
+    if (color == null || color === '') {
+        return color;
+    }
+    const resolved = (0, StyleHelper_1.getVariableColor)(color);
+    return resolved || color;
+};
+const resolveHighlightStyle = (style) => {
+    if (!style) {
+        return style;
+    }
+    const resolved = { ...style };
+    if (style.fill != null) {
+        resolved.fill = resolveCssColor(style.fill);
+    }
+    if (style.stroke != null) {
+        resolved.stroke = resolveCssColor(style.stroke);
+    }
+    return resolved;
+};
+/**
+ * AG Charts sparklines do not resolve Adaptable `var(--ab-color-*)` tokens.
+ * Resolve palette / theme CSS variables to concrete colours at render time so
+ * wizard previews and grid cells match the chosen Fill / Stroke values.
+ */
+function resolveSparklineOptionsForRender(options) {
+    const resolved = { ...options };
+    if ('fill' in options && options.fill != null) {
+        resolved.fill = resolveCssColor(options.fill);
+    }
+    if (options.stroke != null) {
+        resolved.stroke = resolveCssColor(options.stroke);
+    }
+    if (options.background?.fill != null) {
+        resolved.background = {
+            ...options.background,
+            fill: resolveCssColor(options.background.fill),
+        };
+    }
+    if ('marker' in options && options.marker) {
+        const marker = { ...options.marker };
+        if (marker.fill != null) {
+            marker.fill = resolveCssColor(marker.fill);
+        }
+        if (marker.stroke != null) {
+            marker.stroke = resolveCssColor(marker.stroke);
+        }
+        resolved.marker = marker;
+    }
+    if (options.highlight) {
+        resolved.highlight = {
+            ...options.highlight,
+            highlightedItem: resolveHighlightStyle(options.highlight.highlightedItem),
+            highlightedSeries: resolveHighlightStyle(options.highlight.highlightedSeries),
+        };
+    }
+    if (options.axis && typeof options.axis === 'object' && options.axis.stroke != null) {
+        resolved.axis = {
+            ...options.axis,
+            stroke: resolveCssColor(options.axis.stroke),
+        };
+    }
+    return resolved;
+}

package/src/Utilities/Helpers/StyledColumnGradientHelper.d.ts

@@ -1,4 +1,7 @@
-import { CellColorRange, GradientStyle, NumericStyledColumn } from '../../AdaptableState/StyledColumnState';
+import type { CSSProperties } from 'react';
+import type { IRowNode } from 'ag-grid-community';
+import { CellColorRange, GradientStyle, NumericStyledColumn, StyledColumn } from '../../AdaptableState/StyledColumnState';
+import { AdaptableApi } from '../../Api/AdaptableApi';
 /**
  * Default alpha at the **low** end of a Gradient range when `MinAlpha` is unset.
  * Slightly above zero so the bottom-edge value of every range still shows its
@@ -9,6 +12,25 @@ export declare const DEFAULT_GRADIENT_MIN_ALPHA = 0.15;
  * Default alpha at the **high** end of a Gradient range when `MaxAlpha` is unset.
  */
 export declare const DEFAULT_GRADIENT_MAX_ALPHA = 1;
+export declare const hasGradientRangesConfigured: (gs: GradientStyle | undefined) => boolean;
+/** Number of sample cells shown in Gradient / Percent Bar style previews. */
+export declare const STYLED_COLUMN_PREVIEW_SAMPLE_COUNT = 6;
+/** Illustrative zero-centred scale endpoints for preview geometry. */
+export declare const ZERO_CENTRED_PREVIEW_SCALE_MIN = -20;
+export declare const ZERO_CENTRED_PREVIEW_SCALE_MAX = 20;
+/** @deprecated Use {@link getZeroCentredGradientPreviewValues} — kept for callers using endpoints. */
+export declare const ZERO_CENTRED_GRADIENT_PREVIEW_VALUES: readonly number[];
+export declare const getZeroCentredGradientPreviewValues: () => number[];
+export declare function isDivergingZeroCellRanges(ranges: CellColorRange[] | undefined): boolean;
+export declare function isZeroCentredGradientStyle(gs: GradientStyle): boolean;
+/**
+ * Sample cell values for gradient preview strips — spread across the effective scale.
+ */
+export declare const getGradientPreviewSampleValues: (styledColumn: StyledColumn, api: AdaptableApi) => number[];
+/**
+ * Cell CSS for gradient preview — mirrors `AgGridColumnAdapter.getStyledColumnStyle` gradient path.
+ */
+export declare const getGradientPreviewCellStyle: (cellValue: number, styledColumn: StyledColumn, api: AdaptableApi, rowNode?: IRowNode | null) => CSSProperties;
 /**
  * Effective cell ranges for gradient rendering / range lookup.
  * When `ZeroCentred` is set, expands to the canonical Col-Min…0 and 0…Col-Max bands.