@adaptabletools/adaptable 13.0.0-canary.9 → 13.0.1

package/src/Api/InternalApi.d.ts

@@ -144,5 +144,5 @@ export interface InternalApi {
     getValueForTag(adaptableObjectTag: AdaptableObjectTag): string | number;
     getEditLookUpValuesForColumn(editLookUpItem: EditLookUpPermittedValues, column: AdaptableColumn, gridCell?: GridCell): any[] | undefined;
     getAdaptableQueryExpressionText(query: Partial<AdaptableQuery>): string;
-    shouldKeepDeprecatedConditionalStyles(): boolean;
+    deleteConditionalStyles(conditionalStyles: any[]): void;
 }

package/src/Api/QueryLanguageApi.d.ts

@@ -1,5 +1,6 @@
 import { AdaptableModule } from '../PredefinedConfig/Common/Types';
 import { AdaptableQuery } from '../PredefinedConfig/Common/AdaptableQuery';
+import { AdaptableColumnBase } from '../PredefinedConfig/Common/AdaptableColumn';
 /**
  * Functions related to AdapTableQL (the Adaptable Query Language)
  */
@@ -38,9 +39,9 @@ export interface QueryLanguageApi {
      */
     getColumnsFromExpression(expression: string): string[];
     /**
-     * Returns all columns that can be used in an Expression
+     * Returns whether a Column is Queryable
      */
-    getQueryableColumnIds(): string[];
+    isColumnQueryable(adaptableColumnBase: AdaptableColumnBase): boolean;
     /**
      * Runs the AST that AdapTableQL creates for an Expression - useful when evaluating remotely
      * @param expression expression to be run

package/src/Api/ScopeApi.d.ts

@@ -1,6 +1,6 @@
 import { AdaptableColumn } from '../PredefinedConfig/Common/AdaptableColumn';
 import { AdaptableScope, ScopeDataType } from '../PredefinedConfig/Common/AdaptableScope';
-import { CellColorRange } from '../PredefinedConfig/FormatColumnState';
+import { CellColorRange } from '../PredefinedConfig/StyledColumnState';
 /**
  * Provides access to a suite of functions related to the `Scope` object
  */

package/src/Api/StyledColumnApi.d.ts

@@ -0,0 +1,106 @@
+import { RowNode } from '@ag-grid-community/core/dist/cjs/es5/entities/rowNode';
+import { AdaptableColumn } from '../PredefinedConfig/Common/AdaptableColumn';
+import { StyledColumnState, StyledColumn, CellColorRange, ColumnComparison } from '../PredefinedConfig/StyledColumnState';
+/**
+ * Provides run-time access to Styled Column Module and associated state
+ */
+export interface StyledColumnApi {
+    /**
+     * Retrieves Styled Column section from Adaptable State
+     */
+    getStyledColumnState(): StyledColumnState;
+    /**
+     * Retrieves all Styled Columns in Adaptable State
+     * @returns Styled Columns
+     */
+    getAllStyledColumn(config?: {
+        includeLayoutNotAssociatedObjects?: boolean;
+    }): StyledColumn[];
+    /**
+     * Retrieves Styled Column by Id
+     * @param id Styled Column id
+     * @returns Styled Column
+     */
+    getStyledColumnById(id: StyledColumn['Uuid']): StyledColumn;
+    /**
+     * Retrieves Styled Column by Column Id
+     * @param columnId Styled Column id
+     * @returns Styled Column
+     */
+    getStyledColumnByColumnId(columnId: StyledColumn['ColumnId']): StyledColumn;
+    /**
+     * Retrieves all active (not-suspended) Styled Columns in Adaptable State
+     * @returns Styled Columns
+     */
+    getAllActiveStyledColumn(): StyledColumn[];
+    /**
+     * Retrieves all suspended Styled Columns in Adaptable State
+     * @returns Styled Columns
+     */
+    getAllSuspendedStyledColumn(): StyledColumn[];
+    /**
+     * Delete a Styled column
+     * @param styledColumn
+     */
+    deleteStyledColumn(styledColumn: StyledColumn): void;
+    /**
+     * Create a Styled column
+     * @param styledColumn
+     */
+    addStyledColumn(styledColumn: StyledColumn): void;
+    /**
+     * Gets the Minimum Value to display for a Styled Column
+     * @param styledColumn Styled Column to check
+     * @param rowNode current Row Node
+     * @param cellValue current Cell Value
+     */
+    getNumericStyleMinValue(styledColumn: Omit<StyledColumn, 'ColumnId'>, column: AdaptableColumn, rowNode: RowNode, cellValue: any): number;
+    /**
+     * Gets the Maximum Value to display for a Styled Column
+     * @param styledColumn Styled Column to check
+     * @param rowNode current Row Node
+     * @param cellValue current Cell Value
+     */
+    getNumericStyleMaxValue(styledColumn: Omit<StyledColumn, 'ColumnId'>, column: AdaptableColumn, rowNode: RowNode, cellValue: any): number;
+    /**
+     * Returns the smallest number in a Range
+     * @param range Range to check
+     * @param column current Column
+     */
+    getCellColorRangeMinValue(range: CellColorRange, column: AdaptableColumn): number | undefined;
+    /**
+     * Returns the largest number in a Range
+     * @param range Range to check
+     * @param column current Column
+     */
+    getCellColorRangeMaxValue(range: CellColorRange, column: AdaptableColumn): number | undefined;
+    /**
+     * Retrieves the ColumnComparison property, if there, from a Styled Column
+     * @param styledColumn Styled Column to Add
+     */
+    getColumnComparisonForStyledColumn(styledColumn: StyledColumn): ColumnComparison | undefined;
+    /**
+     * Returns any ColumnIds referenced in a Column Comparison
+     * @param columnComparision Column Comparison to check
+     */
+    getColumnIdsFromColumnComparison(columnComparision: ColumnComparison): string[];
+    /**
+     * Returns first Styled Column that contains checkbox style
+     * @param columnId column to check
+     */
+    getCheckBoxStyleStyledColumn(column: AdaptableColumn): StyledColumn | undefined;
+    /**
+     * Whether given column is a (boolean) checkbox column
+     * @param columnId column to check
+     */
+    isCheckBoxStyleStyledColumn(column: AdaptableColumn): boolean;
+    /**
+     * Publishes the CheckboxColumnClickedEvent - when the checkbox in an Checkbox Column is clicked
+     */
+    fireCheckboxColumnClickedEvent(columnId: string, rowData: any, primaryKeyValue: any, isChecked: boolean): void;
+    /**
+     * Returns a Styled Column for a given column
+     * @param column Column to check
+     */
+    getActiveStyledColumnForColumn(column: AdaptableColumn): StyledColumn | undefined;
+}

package/src/PredefinedConfig/AdaptableState.d.ts

@@ -23,6 +23,7 @@ import { QueryState } from './QueryState';
 import { FlashingCellState } from './FlashingCellState';
 import { StatusBarState } from './StatusBarState';
 import { ChartingState } from './ChartingState';
+import { StyledColumnState } from './StyledColumnState';
 /**
  * The main state object of Adaptable
  */
@@ -48,6 +49,7 @@ export interface AdaptablePersistentState {
     Query: QueryState;
     QuickSearch: QuickSearchState;
     Schedule: ScheduleState;
+    StyledColumn: StyledColumnState;
     Shortcut: ShortcutState;
     StatusBar: StatusBarState;
     TeamSharing: TeamSharingState;

package/src/PredefinedConfig/Common/AdaptableIcon.d.ts

@@ -51,4 +51,4 @@ export interface AdaptableBaseIcon {
 /**
  * All AdapTable internal icon names
  */
-export declare type AdaptableInternalIconName = 'add' | 'add-row' | 'alert' | 'align-justify' | 'analysis' | 'application' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'arrow-up-long' | 'arrow-down-long' | 'arrowexpand' | 'attach-file' | 'blanks' | 'boolean-list' | 'broadcast' | 'build' | 'bulk-update' | 'calculated-column' | 'calendar' | 'call' | 'campaign' | 'cell-summary' | 'cell-validation' | 'chart' | 'chat' | 'check' | 'check-circle' | 'checked' | 'clear' | 'clone' | 'close' | 'cloud-upload' | 'collapse' | 'column-add' | 'column-chooser' | 'column-filter' | 'comment' | 'conditional-style' | 'contains' | 'custom-sort' | 'dashboard' | 'data-set' | 'date-range' | 'delete' | 'division' | 'dock' | 'drag' | 'edit' | 'ends-with' | 'equal' | 'equation' | 'error' | 'expand' | 'exponent' | 'export' | 'export-data' | 'fast-backward' | 'fast-forward' | 'filter' | 'flashing-cell' | 'folder' | 'folder-open' | 'folder-shared' | 'format-column' | 'freetext-column' | 'function' | 'gradient-column' | 'greater-than' | 'greater-than-or-equal' | 'hide-column' | 'history' | 'home' | 'import-export' | 'info' | 'instrument' | 'invalid' | 'ipushpull' | 'justify' | 'layout' | 'less-than' | 'less-than-or-equal' | 'list' | 'login' | 'logout' | 'menu' | 'minus' | 'multiplication' | 'newpage' | 'news' | 'non-blanks' | 'not-contains' | 'not-equal' | 'ok' | 'pause' | 'percent' | 'percent-bar' | 'person' | 'pie-chart' | 'play' | 'plus' | 'plus-minus' | 'query' | 'quick-search' | 'quote' | 'refresh' | 'regex' | 'reminder' | 'save' | 'schedule' | 'settings' | 'shortcut' | 'show-column' | 'smart-edit' | 'sort-asc' | 'sort-desc' | 'spark-line' | 'starts-with' | 'state-management' | 'statusbar' | 'stop' | 'system-status' | 'tab-unselected' | 'team-share' | 'theme' | 'tool-panel' | 'track-changes' | 'trash' | 'triangle-down' | 'triangle-up' | 'unchecked' | 'undo' | 'updated-row' | 'upload' | 'warning';
+export declare type AdaptableInternalIconName = 'add' | 'add-row' | 'alert' | 'align-justify' | 'analysis' | 'application' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'arrow-up-long' | 'arrow-down-long' | 'arrowexpand' | 'attach-file' | 'blanks' | 'boolean-list' | 'broadcast' | 'brush' | 'build' | 'bulk-update' | 'calculated-column' | 'calendar' | 'call' | 'campaign' | 'cell-summary' | 'cell-validation' | 'chart' | 'chat' | 'check' | 'check-circle' | 'checked' | 'clear' | 'clone' | 'close' | 'cloud-upload' | 'collapse' | 'column-add' | 'column-chooser' | 'column-filter' | 'comment' | 'conditional-style' | 'contains' | 'custom-sort' | 'dashboard' | 'data-set' | 'date-range' | 'delete' | 'division' | 'dock' | 'drag' | 'edit' | 'ends-with' | 'equal' | 'equation' | 'error' | 'expand' | 'exponent' | 'export' | 'export-data' | 'fast-backward' | 'fast-forward' | 'filter' | 'flashing-cell' | 'folder' | 'folder-open' | 'folder-shared' | 'format-column' | 'freetext-column' | 'function' | 'gradient-column' | 'greater-than' | 'greater-than-or-equal' | 'hide-column' | 'history' | 'home' | 'import-export' | 'info' | 'instrument' | 'invalid' | 'ipushpull' | 'justify' | 'layout' | 'less-than' | 'less-than-or-equal' | 'list' | 'login' | 'logout' | 'menu' | 'minus' | 'multiplication' | 'newpage' | 'news' | 'non-blanks' | 'not-contains' | 'not-equal' | 'ok' | 'pause' | 'percent' | 'percent-bar' | 'person' | 'pie-chart' | 'play' | 'plus' | 'plus-minus' | 'query' | 'quick-search' | 'quote' | 'refresh' | 'regex' | 'reminder' | 'save' | 'schedule' | 'settings' | 'shortcut' | 'show-column' | 'smart-edit' | 'sort-asc' | 'sort-desc' | 'spark-line' | 'starts-with' | 'state-management' | 'statusbar' | 'stop' | 'system-status' | 'tab-unselected' | 'team-share' | 'theme' | 'tool-panel' | 'track-changes' | 'trash' | 'triangle-down' | 'triangle-up' | 'unchecked' | 'undo' | 'updated-row' | 'upload' | 'warning';

package/src/PredefinedConfig/Common/Types.d.ts

@@ -22,15 +22,15 @@ export declare type AdaptableModuleButtons = AdaptableModuleButton[];
 /**
  * List of all the Module buttons Adaptable provides - each Module has a popup for which this is a shortcut button
  */
-export declare type AdaptableModuleButton = 'Alert' | 'BulkUpdate' | 'CalculatedColumn' | 'CellSummary' | 'ConditionalStyle' | 'CustomSort' | 'Dashboard' | 'DataChangeHistory' | 'DataSet' | 'Export' | 'Filter' | 'FlashingCell' | 'FormatColumn' | 'FreeTextColumn' | 'Glue42' | 'GridInfo' | 'Layout' | 'OpenFin' | 'PlusMinus' | 'Query' | 'QuickSearch' | 'Schedule' | 'SettingsPanel' | 'Shortcut' | 'SmartEdit' | 'StateManagement' | 'StatusBar' | 'SystemStatus' | 'TeamSharing' | 'Theme';
+export declare type AdaptableModuleButton = 'Alert' | 'BulkUpdate' | 'CalculatedColumn' | 'CellSummary' | 'ConditionalStyle' | 'CustomSort' | 'Dashboard' | 'DataChangeHistory' | 'DataSet' | 'Export' | 'Filter' | 'FlashingCell' | 'FormatColumn' | 'FreeTextColumn' | 'Glue42' | 'GridInfo' | 'Layout' | 'OpenFin' | 'PlusMinus' | 'Query' | 'QuickSearch' | 'Schedule' | 'SettingsPanel' | 'Shortcut' | 'SmartEdit' | 'StyledColumn' | 'StateManagement' | 'StatusBar' | 'SystemStatus' | 'TeamSharing' | 'Theme';
 export declare type AdaptableStateKeys = AdaptableStateKey[];
 export declare type AdaptableStateKey = keyof AdaptablePersistentState | 'OpenFin' | 'Glue42' | 'IPushPull';
 /**
  * Modules provided by AdapTable, subject to Entitlements and usually have Predefined Config
  */
-export declare type AdaptableModule = 'Alert' | 'BulkUpdate' | 'CalculatedColumn' | 'CellSummary' | 'Charting' | 'ConditionalStyle' | 'CustomSort' | 'Dashboard' | 'DataChangeHistory' | 'DataSet' | 'Export' | 'Filter' | 'FlashingCell' | 'FormatColumn' | 'FreeTextColumn' | 'Glue42' | 'GridInfo' | 'IPushPull' | 'Layout' | 'OpenFin' | 'PlusMinus' | 'Query' | 'QuickSearch' | 'Schedule' | 'SettingsPanel' | 'Shortcut' | 'SmartEdit' | 'StateManagement' | 'StatusBar' | 'SystemStatus' | 'TeamSharing' | 'Theme' | 'ToolPanel';
+export declare type AdaptableModule = 'Alert' | 'BulkUpdate' | 'CalculatedColumn' | 'CellSummary' | 'Charting' | 'ConditionalStyle' | 'CustomSort' | 'Dashboard' | 'DataChangeHistory' | 'DataSet' | 'Export' | 'Filter' | 'FlashingCell' | 'FormatColumn' | 'FreeTextColumn' | 'Glue42' | 'GridInfo' | 'IPushPull' | 'Layout' | 'OpenFin' | 'PlusMinus' | 'Query' | 'QuickSearch' | 'Schedule' | 'SettingsPanel' | 'Shortcut' | 'SmartEdit' | 'StyledColumn' | 'StateManagement' | 'StatusBar' | 'SystemStatus' | 'TeamSharing' | 'Theme' | 'ToolPanel';
 export declare const ALL_MODULES: AdaptableModule[];
-export declare type AdaptableSettingsPanel = 'Alert' | 'CalculatedColumn' | 'ConditionalStyle' | 'CustomSort' | 'Dashboard' | 'DataChangeHistory' | 'DataSet' | 'Export' | 'Filter' | 'FlashingCell' | 'FormatColumn' | 'FreeTextColumn' | 'GridInfo' | 'Layout' | 'PlusMinus' | 'Query' | 'QuickSearch' | 'Schedule' | 'Shortcut' | 'StateManagement' | 'StatusBar' | 'SystemStatus' | 'TeamSharing' | 'Theme' | 'ToolPanel';
+export declare type AdaptableSettingsPanel = 'Alert' | 'CalculatedColumn' | 'ConditionalStyle' | 'CustomSort' | 'Dashboard' | 'DataChangeHistory' | 'DataSet' | 'Export' | 'Filter' | 'FlashingCell' | 'FormatColumn' | 'FreeTextColumn' | 'GridInfo' | 'Layout' | 'PlusMinus' | 'Query' | 'QuickSearch' | 'Schedule' | 'Shortcut' | 'StyledColumn' | 'StateManagement' | 'StatusBar' | 'SystemStatus' | 'TeamSharing' | 'Theme' | 'ToolPanel';
 export declare type TypeHint<Base, Literals> = (Base & {
     __subType?: true;
 }) | Literals;

package/src/PredefinedConfig/Common/Types.js

@@ -102,6 +102,7 @@ exports.ALL_MODULES = [
     ModuleConstants.SettingsPanelModuleId,
     ModuleConstants.ShortcutModuleId,
     ModuleConstants.SmartEditModuleId,
+    ModuleConstants.StyledColumnModuleId,
     ModuleConstants.StateManagementModuleId,
     ModuleConstants.StatusBarModuleId,
     ModuleConstants.SystemStatusModuleId,

package/src/PredefinedConfig/FormatColumnState.d.ts

@@ -5,7 +5,7 @@ import { AdaptableScope } from './Common/AdaptableScope';
 import { SuspendableObject } from './Common/SuspendableObject';
 import { XOR } from '../Utilities/Extensions/TypeExtensions';
 import { TypeHint } from './Common/Types';
-import { AdaptableBooleanQuery, AdaptablePredicate } from '../types';
+import { AdaptableBooleanQuery, AdaptablePredicate, GradientStyle, PercentBarStyle } from '../types';
 /**
  * Predefined Configuration for Format Column Module
  */
@@ -33,7 +33,7 @@ export interface FormatColumn extends SuspendableObject {
      */
     Style?: AdaptableStyle;
     /**
-     * Applies Gradient, Percent Bar or CheckBox style to a Column
+     * @deprecated now in StyledColumn Module
      */
     ColumnStyle?: ColumnStyle;
     /**
@@ -51,7 +51,7 @@ export interface FormatColumn extends SuspendableObject {
     IncludeGroupedRows?: boolean;
 }
 /**
- * The Format Column Rule - can be either a Predicate or an Expression
+ * The Format Column Rule - can be either a Predicate or a BooleanExpression
  */
 export declare type FormatColumnRule = XOR<{
     Predicate: FormatColumnPredicate;
@@ -59,9 +59,11 @@ export declare type FormatColumnRule = XOR<{
 export interface FormatColumnPredicate extends AdaptablePredicate {
     PredicateId: TypeHint<string, SystemFormatColumnPredicateId>;
 }
-declare type SystemFormatColumnPredicateId = 'Blanks' | 'NonBlanks' | 'Equals' | 'NotEquals' | 'GreaterThan' | 'LessThan' | 'Positive' | 'Negative' | 'Zero' | 'Between' | 'NotBetween' | 'Is' | 'IsNot' | 'Contains' | 'NotContains' | 'StartsWith' | 'EndsWith' | 'Regex' | 'Today' | 'Yesterday' | 'Tomorrow' | 'ThisWeek' | 'ThisMonth' | 'ThisQuarter' | 'ThisYear' | 'InPast' | 'InFuture' | 'Before' | 'After' | 'On' | 'NotOn' | 'NextWorkDay' | 'LastWorkDay' | 'True' | 'False';
+export declare type SystemFormatColumnPredicateId = 'Blanks' | 'NonBlanks' | 'Equals' | 'NotEquals' | 'GreaterThan' | 'LessThan' | 'Positive' | 'Negative' | 'Zero' | 'Between' | 'NotBetween' | 'Is' | 'IsNot' | 'Contains' | 'NotContains' | 'StartsWith' | 'EndsWith' | 'Regex' | 'Today' | 'Yesterday' | 'Tomorrow' | 'ThisWeek' | 'ThisMonth' | 'ThisQuarter' | 'ThisYear' | 'InPast' | 'InFuture' | 'Before' | 'After' | 'On' | 'NotOn' | 'NextWorkDay' | 'LastWorkDay' | 'True' | 'False';
 /**
  * Special Style used when Formatting Columns: Gradient, PercentBar or CheckBox
+ *
+ * @deprecated use StyledColumn instead
  */
 export interface ColumnStyle {
     /**
@@ -77,89 +79,3 @@ export interface ColumnStyle {
      */
     CheckBoxStyle?: boolean;
 }
-/**
- * Style used to display Percent Bars in Format Column
- */
-export interface PercentBarStyle {
-    /**
-     * Ranges (e.g. to allow a traffic light effect)
-     */
-    CellRanges?: CellColorRange[];
-    /**
-     * Compares cell values to another Column
-     */
-    ColumnComparison?: ColumnComparison;
-    /**
-     * Whether Cell shows Cell Value, Percent Value, both or none
-     */
-    CellText?: CellTextOptions;
-    /**
-     * Whether Tooltip shows Cell Value, Percent Value, both or none
-     */
-    ToolTipText?: CellTextOptions;
-    /**
-     * Back colour - only used for 'Percent Bar' Numeric style; leave unset if none required
-     * @defaultValue Gray
-     */
-    BackColor?: string;
-}
-/**
- * Used to display Gradient Styles in Format Column
- */
-export interface GradientStyle {
-    /**
-     * Ranges (e.g. to allow a traffic light effect)
-     */
-    CellRanges?: CellColorRange[];
-    /**
-     * Compares cell values to another Column
-     */
-    ColumnComparison?: ColumnComparison;
-}
-/**
- * Defines which Colours to show in Gradient and Percent Bar Styles
- */
-export interface CellColorRange {
-    /**
-     * Start number of Range
-     */
-    Min: number | 'Col-Min';
-    /**
-     * End number of Range
-     */
-    Max: number | 'Col-Max';
-    /**
-     * Cell colour to use for values that fall inside Range
-     */
-    Color: string;
-    /**
-     * Reverses the Gradient so the lower the cell value the darker the colour
-     */
-    ReverseGradient?: boolean;
-}
-/**
- * Enables a Percent Bar or Gradient Style to use another column in its calculations
- */
-export interface ColumnComparison {
-    /**
-     * Start value - either numeric or Column name
-     */
-    MinValue: number | string;
-    /**
-     * End value - either numeric or Column name
-     */
-    MaxValue: number | string;
-    /**
-     * Colour to use for the Comparison
-     */
-    Color: string;
-}
-/**
- * Array of CellTextOption available in Format Columns
- */
-export declare type CellTextOptions = CellTextOption[];
-/**
- * Text optionally to show in a Format Column special style: 'CellValue' or 'PercentageValue'
- */
-export declare type CellTextOption = 'CellValue' | 'PercentageValue';
-export {};

package/src/PredefinedConfig/PredefinedConfig.d.ts

@@ -18,6 +18,7 @@ import { ToolPanelState } from './ToolPanelState';
 import { QueryState } from './QueryState';
 import { StatusBarState } from './StatusBarState';
 import { ChartingState } from './ChartingState';
+import { StyledColumnState } from './StyledColumnState';
 /**
  * This is the main Predefined Config interface which developers will populate at design-time
  */
@@ -87,6 +88,10 @@ export interface PredefinedConfig {
      * Supplies a collection of *Shortcut* objects to aid data entry and prevent 'fat finger' issues
      */
     Shortcut?: ShortcutState;
+    /**
+     * Supplies a collection of Special Column Styles
+     */
+    StyledColumn?: StyledColumnState;
     /**
      * Configures the Adaptable Status Bar
      */

package/src/PredefinedConfig/StyledColumnState.d.ts

@@ -0,0 +1,119 @@
+import { ConfigState } from './ConfigState';
+import { SuspendableObject } from './Common/SuspendableObject';
+/**
+ * Predefined Configuration for Styled Column Module
+ */
+export interface StyledColumnState extends ConfigState {
+    /**
+     * Collection of Special Column Styles
+     */
+    StyledColumns?: StyledColumn[];
+}
+/**
+ * Object used in Special Column Style function
+ */
+export interface StyledColumn extends SuspendableObject {
+    /**
+     * Column being styled
+     */
+    ColumnId: string;
+    /**
+     * Styles a numeric column with a Gradient
+     */
+    GradientStyle?: GradientStyle;
+    /**
+     * Styles a numeric column so each cell displays a 'bar'
+     */
+    PercentBarStyle?: PercentBarStyle;
+    /**
+     * Renders a Checkbox in a boolean column
+     */
+    CheckBoxStyle?: boolean;
+}
+/**
+ * Style used to display Percent Bars in Special Column Style
+ */
+export interface PercentBarStyle extends NumericStyledColumn {
+    /**
+     * Ranges (e.g. to allow a traffic light effect)
+     */
+    CellRanges?: CellColorRange[];
+    /**
+     * Compares Cell values to another Column
+     */
+    ColumnComparison?: ColumnComparison;
+    /**
+     * Whether Cell shows Cell Value, Percent Value, both or none
+     */
+    CellText?: CellTextOptions;
+    /**
+     * Whether Tooltip shows Cell Value, Percent Value, both or none
+     */
+    ToolTipText?: CellTextOptions;
+    /**
+     * Background colour for 'Percent Bar'; leave unset if none required
+     * @defaultValue Gray
+     */
+    BackColor?: string;
+}
+export interface NumericStyledColumn {
+}
+/**
+ * Used to display Gradient Styles in Special Column Style
+ */
+export interface GradientStyle extends NumericStyledColumn {
+    /**
+     * Ranges (e.g. to allow a traffic light effect)
+     */
+    CellRanges?: CellColorRange[];
+    /**
+     * Compares cell values to another Column
+     */
+    ColumnComparison?: ColumnComparison;
+}
+/**
+ * Defines which Colours to show in Gradient and Percent Bar Styles
+ */
+export interface CellColorRange {
+    /**
+     * Start number of Range
+     */
+    Min: number | 'Col-Min';
+    /**
+     * End number of Range
+     */
+    Max: number | 'Col-Max';
+    /**
+     * Cell colour to use for values that fall inside Range
+     */
+    Color: string;
+    /**
+     * Reverses the Gradient so the lower the cell value the darker the colour
+     */
+    ReverseGradient?: boolean;
+}
+/**
+ * Enables a Percent Bar or Gradient Style to use another column in its calculations
+ */
+export interface ColumnComparison {
+    /**
+     * Start value - either numeric or Column name
+     */
+    MinValue: number | string;
+    /**
+     * End value - either numeric or Column name
+     */
+    MaxValue: number | string;
+    /**
+     * Colour to use for the Comparison
+     */
+    Color: string;
+}
+/**
+ * Array of CellTextOption available in Special Column Styles
+ */
+export declare type CellTextOptions = CellTextOption[];
+/**
+ * Text optionally to show in a Special Column Style special style: 'CellValue' or 'PercentageValue'
+ */
+export declare type CellTextOption = 'CellValue' | 'PercentageValue';

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

@@ -162,19 +162,19 @@ export declare const GLUE42_LIVE_REPORT_CLEAR = "GLUE42_LIVE_REPORT_CLEAR";
 /**
  * @ReduxAction Glue43 is now available
  */
-export declare const SET_GLUE42_AVAILABLE_ON = "SET_GLUE42_AVAILABLE_ON";
+export declare const GLUE42_SET_AVAILABLE_ON = "GLUE42_SET_AVAILABLE_ON";
 /**
  * @ReduxAction Glue43 is no longer available
  */
-export declare const SET_GLUE42_AVAILABLE_OFF = "SET_GLUE42_AVAILABLE_OFF";
+export declare const GLUE42_SET_AVAILABLE_OFF = "GLUE42_SET_AVAILABLE_OFF";
 /**
  * @ReduxAction Glue43 is now running
  */
-export declare const SET_GLUE42_RUNNING_ON = "SET_GLUE42_RUNNING_ON";
+export declare const GLUE42_SET_RUNNING_ON = "GLUE42_SET_RUNNING_ON";
 /**
  * @ReduxAction Glue43 is no longer running
  */
-export declare const SET_GLUE42_RUNNING_OFF = "SET_GLUE42_RUNNING_OFF";
+export declare const GLUE42_SET_RUNNING_OFF = "SET_GLGLUE42_SET_RUNNING_OFFUE42_RUNNING_OFF";
 export interface PluginsAction extends Redux.Action {
     pluginState: any;
     pluginId: string;

package/src/Redux/ActionsReducers/PluginsRedux.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PluginsReducer = exports.PluginsSetPluginState = exports.SET_GLUE42_RUNNING_OFF = exports.SET_GLUE42_RUNNING_ON = exports.SET_GLUE42_AVAILABLE_OFF = exports.SET_GLUE42_AVAILABLE_ON = exports.GLUE42_LIVE_REPORT_CLEAR = exports.GLUE42_LIVE_REPORT_SET = exports.GLUE42_STOP_LIVE_DATA = exports.GLUE42_START_LIVE_DATA = exports.GLUE42_SEND_SNAPSHOT = exports.GLUE42_SET_THROTTLE_TIME = exports.GLUE42_SET_LOGIN_ERROR_MESSAGE = exports.GLUE42_LOGIN = exports.OPENFIN_SET_CURRENT_REPORTNAME = exports.OPENFIN_SET_RUNNING_OFF = exports.OPENFIN_SET_RUNNING_ON = exports.OPENFIN_SET_AVAILABLE_OFF = exports.OPENFIN_SET_AVAILABLE_ON = exports.OPENFIN_LIVE_REPORT_CLEAR = exports.OPENFIN_LIVE_REPORT_SET = exports.OPENFIN_STOP_LIVE_DATA = exports.OPENFIN_START_LIVE_DATA = exports.IPUSHPULL_SET_CURRENT_AVAILABLE_PAGES = exports.IPUSHPULL_SET_CURRENT_PAGE = exports.IPUSHPULL_SET_CURRENT_FOLDER = exports.IPUSHPULL_SET_CURRENT_REPORTNAME = exports.IPUSHPULL_DOMAIN_PAGES_CLEAR = exports.IPUSHPULL_DOMAIN_PAGES_SET = exports.IPUSHPULL_LIVE_REPORT_CLEAR = exports.IPUSHPULL_LIVE_REPORT_SET = exports.IPUSHPULL_SET_RUNNING_OFF = exports.IPUSHPULL_SET_RUNNING_ON = exports.IPUSHPULL_SET_AVAILABLE_OFF = exports.IPUSHPULL_SET_AVAILABLE_ON = exports.IPUSHPULL_SET_LOGIN_DETAILS = exports.IPUSHPULL_SET_LOGIN_ERROR_MESSAGE = exports.IPUSHPULL_LOGOUT = exports.IPUSHPULL_LOGIN = exports.IPUSHPULL_ADD_PAGE = exports.IPUSHPULL_STOP_LIVE_DATA = exports.IPUSHPULL_START_LIVE_DATA = exports.IPUSHPULL_REPORT_SELECT = exports.IPUSHPULL_SEND_SNAPSHOT = exports.IPUSHPULL_SET_THROTTLE_TIME = exports.PLUGINS_SET_PLUGIN_STATE = void 0;
+exports.PluginsReducer = exports.PluginsSetPluginState = exports.GLUE42_SET_RUNNING_OFF = exports.GLUE42_SET_RUNNING_ON = exports.GLUE42_SET_AVAILABLE_OFF = exports.GLUE42_SET_AVAILABLE_ON = exports.GLUE42_LIVE_REPORT_CLEAR = exports.GLUE42_LIVE_REPORT_SET = exports.GLUE42_STOP_LIVE_DATA = exports.GLUE42_START_LIVE_DATA = exports.GLUE42_SEND_SNAPSHOT = exports.GLUE42_SET_THROTTLE_TIME = exports.GLUE42_SET_LOGIN_ERROR_MESSAGE = exports.GLUE42_LOGIN = exports.OPENFIN_SET_CURRENT_REPORTNAME = exports.OPENFIN_SET_RUNNING_OFF = exports.OPENFIN_SET_RUNNING_ON = exports.OPENFIN_SET_AVAILABLE_OFF = exports.OPENFIN_SET_AVAILABLE_ON = exports.OPENFIN_LIVE_REPORT_CLEAR = exports.OPENFIN_LIVE_REPORT_SET = exports.OPENFIN_STOP_LIVE_DATA = exports.OPENFIN_START_LIVE_DATA = exports.IPUSHPULL_SET_CURRENT_AVAILABLE_PAGES = exports.IPUSHPULL_SET_CURRENT_PAGE = exports.IPUSHPULL_SET_CURRENT_FOLDER = exports.IPUSHPULL_SET_CURRENT_REPORTNAME = exports.IPUSHPULL_DOMAIN_PAGES_CLEAR = exports.IPUSHPULL_DOMAIN_PAGES_SET = exports.IPUSHPULL_LIVE_REPORT_CLEAR = exports.IPUSHPULL_LIVE_REPORT_SET = exports.IPUSHPULL_SET_RUNNING_OFF = exports.IPUSHPULL_SET_RUNNING_ON = exports.IPUSHPULL_SET_AVAILABLE_OFF = exports.IPUSHPULL_SET_AVAILABLE_ON = exports.IPUSHPULL_SET_LOGIN_DETAILS = exports.IPUSHPULL_SET_LOGIN_ERROR_MESSAGE = exports.IPUSHPULL_LOGOUT = exports.IPUSHPULL_LOGIN = exports.IPUSHPULL_ADD_PAGE = exports.IPUSHPULL_STOP_LIVE_DATA = exports.IPUSHPULL_START_LIVE_DATA = exports.IPUSHPULL_REPORT_SELECT = exports.IPUSHPULL_SEND_SNAPSHOT = exports.IPUSHPULL_SET_THROTTLE_TIME = exports.PLUGINS_SET_PLUGIN_STATE = void 0;
 /**
  * @ReduxAction Plugins have been instantiated
  */
@@ -164,19 +164,19 @@ exports.GLUE42_LIVE_REPORT_CLEAR = 'GLUE42_LIVE_REPORT_CLEAR';
 /**
  * @ReduxAction Glue43 is now available
  */
-exports.SET_GLUE42_AVAILABLE_ON = 'SET_GLUE42_AVAILABLE_ON';
+exports.GLUE42_SET_AVAILABLE_ON = 'GLUE42_SET_AVAILABLE_ON';
 /**
  * @ReduxAction Glue43 is no longer available
  */
-exports.SET_GLUE42_AVAILABLE_OFF = 'SET_GLUE42_AVAILABLE_OFF';
+exports.GLUE42_SET_AVAILABLE_OFF = 'GLUE42_SET_AVAILABLE_OFF';
 /**
  * @ReduxAction Glue43 is now running
  */
-exports.SET_GLUE42_RUNNING_ON = 'SET_GLUE42_RUNNING_ON';
+exports.GLUE42_SET_RUNNING_ON = 'GLUE42_SET_RUNNING_ON';
 /**
  * @ReduxAction Glue43 is no longer running
  */
-exports.SET_GLUE42_RUNNING_OFF = 'SET_GLUE42_RUNNING_OFF';
+exports.GLUE42_SET_RUNNING_OFF = 'SET_GLGLUE42_SET_RUNNING_OFFUE42_RUNNING_OFF';
 const PluginsSetPluginState = (pluginId, pluginState) => ({
     type: exports.PLUGINS_SET_PLUGIN_STATE,
     pluginId,

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

@@ -0,0 +1,49 @@
+import { StyledColumnState, StyledColumn } from '../../PredefinedConfig/StyledColumnState';
+import * as Redux from 'redux';
+/**
+ * @ReduxAction A Special Column Style has been added
+ */
+export declare const STYLED_COLUMN_ADD = "STYLED_COLUMN_ADD";
+/**
+ * @ReduxAction A Special Column Style has been edited
+ */
+export declare const STYLED_COLUMN_EDIT = "STYLED_COLUMN_EDIT";
+/**
+ * @ReduxAction A Special Column Style has been deleted
+ */
+export declare const STYLED_COLUMN_DELETE = "STYLED_COLUMN_DELETE";
+/**
+ * @ReduxAction StyledColumn Module is ready
+ */
+export declare const STYLED_COLUMN_READY = "STYLED_COLUMN_READY";
+/**
+ * @ReduxAction StyledColumn Module is suspended
+ */
+export declare const STYLED_COLUMN_SUSPEND = "STYLED_COLUMN_SUSPEND";
+/**
+ * @ReduxAction StyledColumn Module is unsuspended, or activated
+ */
+export declare const STYLED_COLUMN_UNSUSPEND = "STYLED_COLUMN_UNSUSPEND";
+export interface StyledColumnAction extends Redux.Action {
+    StyledColumn: StyledColumn;
+}
+export interface StyledColumnAddAction extends StyledColumnAction {
+}
+export interface StyledColumnEditAction extends StyledColumnAction {
+}
+export interface StyledColumnDeleteAction extends StyledColumnAction {
+}
+export interface StyledColumnSuspendAction extends StyledColumnAction {
+}
+export interface StyledColumnUnSuspendAction extends StyledColumnAction {
+}
+export interface StyledColumnReadyAction extends Redux.Action {
+    StyledColumnState: StyledColumnState;
+}
+export declare const StyledColumnAdd: (formatColumn: StyledColumn) => StyledColumnAddAction;
+export declare const StyledColumnEdit: (formatColumn: StyledColumn) => StyledColumnEditAction;
+export declare const StyledColumnDelete: (formatColumn: StyledColumn) => StyledColumnDeleteAction;
+export declare const StyledColumnSuspend: (formatColumn: StyledColumn) => StyledColumnSuspendAction;
+export declare const StyledColumnUnSuspend: (formatColumn: StyledColumn) => StyledColumnSuspendAction;
+export declare const StyledColumnReady: (formatColumnState: StyledColumnState) => StyledColumnReadyAction;
+export declare const StyledColumnReducer: Redux.Reducer<StyledColumnState>;