@adaptabletools/adaptable 13.0.0-canary.2 → 13.0.0-canary.21

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/PredefinedConfig/StyledColumnState.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -4,6 +4,14 @@ import * as Redux from 'redux';
  * @ReduxAction A Format Column has been added
  */
 export declare const FORMAT_COLUMN_ADD = "FORMAT_COLUMN_ADD";
+/**
+ * @ReduxAction Format column was moved up
+ */
+export declare const FORMAT_COLUMN_MOVE_UP = "FORMAT_COLUMN_MOVE_UP";
+/**
+ * @ReduxAction Format column was moved down
+ */
+export declare const FORMAT_COLUMN_MOVE_DOWN = "FORMAT_COLUMN_MOVE_DOWN";
 /**
  * @ReduxAction A Format Column has been edited
  */
@@ -31,6 +39,10 @@ export interface FormatColumnAddAction extends FormatColumnAction {
 }
 export interface FormatColumnEditAction extends FormatColumnAction {
 }
+export interface FormatColumnMoveUpAction extends FormatColumnAction {
+}
+export interface FormatColumnMoveDownAction extends FormatColumnAction {
+}
 export interface FormatColumnDeleteAction extends FormatColumnAction {
 }
 export interface FormatColumnSuspendAction extends FormatColumnAction {
@@ -43,6 +55,8 @@ export interface FormatColumnReadyAction extends Redux.Action {
 export declare const FormatColumnAdd: (formatColumn: FormatColumn) => FormatColumnAddAction;
 export declare const FormatColumnEdit: (formatColumn: FormatColumn) => FormatColumnEditAction;
 export declare const FormatColumnDelete: (formatColumn: FormatColumn) => FormatColumnDeleteAction;
+export declare const FormatColumnMoveUp: (formatColumn: FormatColumn) => FormatColumnAddAction;
+export declare const FormatColumnMoveDown: (formatColumn: FormatColumn) => FormatColumnAddAction;
 export declare const FormatColumnSuspend: (formatColumn: FormatColumn) => FormatColumnSuspendAction;
 export declare const FormatColumnUnSuspend: (formatColumn: FormatColumn) => FormatColumnSuspendAction;
 export declare const FormatColumnReady: (formatColumnState: FormatColumnState) => FormatColumnReadyAction;

package/src/Redux/ActionsReducers/FormatColumnRedux.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormatColumnReducer = exports.FormatColumnReady = exports.FormatColumnUnSuspend = exports.FormatColumnSuspend = exports.FormatColumnDelete = exports.FormatColumnEdit = exports.FormatColumnAdd = exports.FORMAT_COLUMN_UNSUSPEND = exports.FORMAT_COLUMN_SUSPEND = exports.FORMAT_COLUMN_READY = exports.FORMAT_COLUMN_DELETE = exports.FORMAT_COLUMN_EDIT = exports.FORMAT_COLUMN_ADD = void 0;
+exports.FormatColumnReducer = exports.FormatColumnReady = exports.FormatColumnUnSuspend = exports.FormatColumnSuspend = exports.FormatColumnMoveDown = exports.FormatColumnMoveUp = exports.FormatColumnDelete = exports.FormatColumnEdit = exports.FormatColumnAdd = exports.FORMAT_COLUMN_UNSUSPEND = exports.FORMAT_COLUMN_SUSPEND = exports.FORMAT_COLUMN_READY = exports.FORMAT_COLUMN_DELETE = exports.FORMAT_COLUMN_EDIT = exports.FORMAT_COLUMN_MOVE_DOWN = exports.FORMAT_COLUMN_MOVE_UP = exports.FORMAT_COLUMN_ADD = void 0;
 const tslib_1 = require("tslib");
 const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const AdaptableHelper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/AdaptableHelper"));
@@ -9,6 +9,14 @@ const utils_1 = require("./utils");
  * @ReduxAction A Format Column has been added
  */
 exports.FORMAT_COLUMN_ADD = 'FORMAT_COLUMN_ADD';
+/**
+ * @ReduxAction Format column was moved up
+ */
+exports.FORMAT_COLUMN_MOVE_UP = 'FORMAT_COLUMN_MOVE_UP';
+/**
+ * @ReduxAction Format column was moved down
+ */
+exports.FORMAT_COLUMN_MOVE_DOWN = 'FORMAT_COLUMN_MOVE_DOWN';
 /**
  * @ReduxAction A Format Column has been edited
  */
@@ -44,6 +52,16 @@ const FormatColumnDelete = (formatColumn) => ({
     formatColumn,
 });
 exports.FormatColumnDelete = FormatColumnDelete;
+const FormatColumnMoveUp = (formatColumn) => ({
+    type: exports.FORMAT_COLUMN_MOVE_UP,
+    formatColumn,
+});
+exports.FormatColumnMoveUp = FormatColumnMoveUp;
+const FormatColumnMoveDown = (formatColumn) => ({
+    type: exports.FORMAT_COLUMN_MOVE_DOWN,
+    formatColumn,
+});
+exports.FormatColumnMoveDown = FormatColumnMoveDown;
 const FormatColumnSuspend = (formatColumn) => ({
     type: exports.FORMAT_COLUMN_SUSPEND,
     formatColumn,
@@ -85,6 +103,30 @@ const FormatColumnReducer = (state = initialState, action) => {
         case exports.FORMAT_COLUMN_UNSUSPEND: {
             return Object.assign(Object.assign({}, state), { FormatColumns: (0, utils_1.changeIsSuspendInList)(action.formatColumn, state.FormatColumns, false) });
         }
+        case exports.FORMAT_COLUMN_MOVE_UP: {
+            const index = state.FormatColumns.findIndex((formatColumn) => formatColumn.Uuid === action.formatColumn.Uuid);
+            let swapIndex = index - 1;
+            if (swapIndex < 0) {
+                swapIndex = state.FormatColumns.length - 1;
+            }
+            const formatColumnToSwap = state.FormatColumns[swapIndex];
+            const newFormatColumns = [...state.FormatColumns];
+            newFormatColumns[swapIndex] = state.FormatColumns[index];
+            newFormatColumns[index] = formatColumnToSwap;
+            return Object.assign(Object.assign({}, state), { FormatColumns: newFormatColumns });
+        }
+        case exports.FORMAT_COLUMN_MOVE_DOWN: {
+            const index = state.FormatColumns.findIndex((formatColumn) => formatColumn.Uuid === action.formatColumn.Uuid);
+            let swapIndex = index + 1;
+            if (swapIndex > state.FormatColumns.length - 1) {
+                swapIndex = 0;
+            }
+            const formatColumnToSwap = state.FormatColumns[swapIndex];
+            const newFormatColumns = [...state.FormatColumns];
+            newFormatColumns[swapIndex] = state.FormatColumns[index];
+            newFormatColumns[index] = formatColumnToSwap;
+            return Object.assign(Object.assign({}, state), { FormatColumns: newFormatColumns });
+        }
         default:
             return state;
     }

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>;

package/src/Redux/ActionsReducers/StyledColumnRedux.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledColumnReducer = exports.StyledColumnReady = exports.StyledColumnUnSuspend = exports.StyledColumnSuspend = exports.StyledColumnDelete = exports.StyledColumnEdit = exports.StyledColumnAdd = exports.STYLED_COLUMN_UNSUSPEND = exports.STYLED_COLUMN_SUSPEND = exports.STYLED_COLUMN_READY = exports.STYLED_COLUMN_DELETE = exports.STYLED_COLUMN_EDIT = exports.STYLED_COLUMN_ADD = void 0;
+const tslib_1 = require("tslib");
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
+const AdaptableHelper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/AdaptableHelper"));
+const utils_1 = require("./utils");
+/**
+ * @ReduxAction A Special Column Style has been added
+ */
+exports.STYLED_COLUMN_ADD = 'STYLED_COLUMN_ADD';
+/**
+ * @ReduxAction A Special Column Style has been edited
+ */
+exports.STYLED_COLUMN_EDIT = 'STYLED_COLUMN_EDIT';
+/**
+ * @ReduxAction A Special Column Style has been deleted
+ */
+exports.STYLED_COLUMN_DELETE = 'STYLED_COLUMN_DELETE';
+/**
+ * @ReduxAction StyledColumn Module is ready
+ */
+exports.STYLED_COLUMN_READY = 'STYLED_COLUMN_READY';
+/**
+ * @ReduxAction StyledColumn Module is suspended
+ */
+exports.STYLED_COLUMN_SUSPEND = 'STYLED_COLUMN_SUSPEND';
+/**
+ * @ReduxAction StyledColumn Module is unsuspended, or activated
+ */
+exports.STYLED_COLUMN_UNSUSPEND = 'STYLED_COLUMN_UNSUSPEND';
+const StyledColumnAdd = (formatColumn) => ({
+    type: exports.STYLED_COLUMN_ADD,
+    StyledColumn: formatColumn,
+});
+exports.StyledColumnAdd = StyledColumnAdd;
+const StyledColumnEdit = (formatColumn) => ({
+    type: exports.STYLED_COLUMN_EDIT,
+    StyledColumn: formatColumn,
+});
+exports.StyledColumnEdit = StyledColumnEdit;
+const StyledColumnDelete = (formatColumn) => ({
+    type: exports.STYLED_COLUMN_DELETE,
+    StyledColumn: formatColumn,
+});
+exports.StyledColumnDelete = StyledColumnDelete;
+const StyledColumnSuspend = (formatColumn) => ({
+    type: exports.STYLED_COLUMN_SUSPEND,
+    StyledColumn: formatColumn,
+});
+exports.StyledColumnSuspend = StyledColumnSuspend;
+const StyledColumnUnSuspend = (formatColumn) => ({
+    type: exports.STYLED_COLUMN_UNSUSPEND,
+    StyledColumn: formatColumn,
+});
+exports.StyledColumnUnSuspend = StyledColumnUnSuspend;
+const StyledColumnReady = (formatColumnState) => ({
+    type: exports.STYLED_COLUMN_READY,
+    StyledColumnState: formatColumnState,
+});
+exports.StyledColumnReady = StyledColumnReady;
+const initialState = {
+    StyledColumns: GeneralConstants_1.EMPTY_ARRAY,
+};
+const StyledColumnReducer = (state = initialState, action) => {
+    let formatColumns;
+    switch (action.type) {
+        case exports.STYLED_COLUMN_ADD: {
+            const actionStyledColumn = action.StyledColumn;
+            AdaptableHelper_1.default.addUuidAndSource(actionStyledColumn);
+            formatColumns = [].concat(state.StyledColumns);
+            formatColumns.push(actionStyledColumn);
+            return Object.assign(Object.assign({}, state), { StyledColumns: formatColumns });
+        }
+        case exports.STYLED_COLUMN_EDIT:
+            const actionStyledColumn = action.StyledColumn;
+            return Object.assign(Object.assign({}, state), { StyledColumns: state.StyledColumns.map((abObject) => abObject.Uuid === actionStyledColumn.Uuid ? actionStyledColumn : abObject) });
+        case exports.STYLED_COLUMN_DELETE: {
+            const actionStyledColumn = action.StyledColumn;
+            return Object.assign(Object.assign({}, state), { StyledColumns: state.StyledColumns.filter((abObject) => abObject.Uuid !== actionStyledColumn.Uuid) });
+        }
+        case exports.STYLED_COLUMN_SUSPEND: {
+            return Object.assign(Object.assign({}, state), { StyledColumns: (0, utils_1.changeIsSuspendInList)(action.StyledColumn, state.StyledColumns, true) });
+        }
+        case exports.STYLED_COLUMN_UNSUSPEND: {
+            return Object.assign(Object.assign({}, state), { StyledColumns: (0, utils_1.changeIsSuspendInList)(action.StyledColumn, state.StyledColumns, false) });
+        }
+        default:
+            return state;
+    }
+};
+exports.StyledColumnReducer = StyledColumnReducer;

package/src/Redux/DeadRedux.d.ts

@@ -19,3 +19,9 @@ export interface UpdatedRowClearAction extends Redux.Action {
 }
 export declare const UpdatedRowClear: () => UpdatedRowClearAction;
 export declare const UpdatedRowReducer: Redux.Reducer<any>;
+export declare const CONDITIONAL_STYLE_DELETE = "CONDITIONAL_STYLE_DELETE";
+export interface ConditionalStyleDeleteAction extends Redux.Action {
+    conditionalStyle: any;
+}
+export declare const ConditionalStyleDelete: (conditionalStyle: any) => ConditionalStyleDeleteAction;
+export declare const ConditionalStyleReducer: Redux.Reducer<any>;

package/src/Redux/DeadRedux.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UpdatedRowReducer = exports.UpdatedRowClear = exports.UPDATED_ROW_CLEAR = exports.FlashingCellReducer = exports.FlashingCellClear = exports.FLASHING_CELL_CLEAR = exports.PercentBarReducer = exports.PercentBarClear = exports.PERCENT_BAR_CLEAR = exports.GradientColumnReducer = exports.GradientColumnClear = exports.GRADIENT_COLUMN_CLEAR = void 0;
+exports.ConditionalStyleReducer = exports.ConditionalStyleDelete = exports.CONDITIONAL_STYLE_DELETE = exports.UpdatedRowReducer = exports.UpdatedRowClear = exports.UPDATED_ROW_CLEAR = exports.FlashingCellReducer = exports.FlashingCellClear = exports.FLASHING_CELL_CLEAR = exports.PercentBarReducer = exports.PercentBarClear = exports.PERCENT_BAR_CLEAR = exports.GradientColumnReducer = exports.GradientColumnClear = exports.GRADIENT_COLUMN_CLEAR = void 0;
 const initialGradientColumnState = {};
 exports.GRADIENT_COLUMN_CLEAR = 'GRADIENT_COLUMN_CLEAR';
 const GradientColumnClear = () => ({
@@ -65,3 +65,21 @@ const UpdatedRowReducer = (state = initialUpdatedRowState, action) => {
     }
 };
 exports.UpdatedRowReducer = UpdatedRowReducer;
+const initialConditionalStyleState = {};
+exports.CONDITIONAL_STYLE_DELETE = 'CONDITIONAL_STYLE_DELETE';
+const ConditionalStyleDelete = (conditionalStyle) => ({
+    type: exports.CONDITIONAL_STYLE_DELETE,
+    conditionalStyle,
+});
+exports.ConditionalStyleDelete = ConditionalStyleDelete;
+const ConditionalStyleReducer = (state = initialConditionalStyleState, action) => {
+    switch (action.type) {
+        case exports.CONDITIONAL_STYLE_DELETE: {
+            const actionConditionalStyle = action.conditionalStyle;
+            return Object.assign(Object.assign({}, state), { ConditionalStyles: state.ConditionalStyles.filter((abObject) => abObject.Uuid !== actionConditionalStyle.Uuid) });
+        }
+        default:
+            return state;
+    }
+};
+exports.ConditionalStyleReducer = ConditionalStyleReducer;

package/src/Redux/Store/AdaptableStore.js

@@ -20,10 +20,10 @@ const GridRedux = tslib_1.__importStar(require("../ActionsReducers/GridRedux"));
 const SystemRedux = tslib_1.__importStar(require("../ActionsReducers/SystemRedux"));
 const PlusMinusRedux = tslib_1.__importStar(require("../ActionsReducers/PlusMinusRedux"));
 const ExportRedux = tslib_1.__importStar(require("../ActionsReducers/ExportRedux"));
-const ConditionalStyleRedux = tslib_1.__importStar(require("../ActionsReducers/ConditionalStyleRedux"));
 const QuickSearchRedux = tslib_1.__importStar(require("../ActionsReducers/QuickSearchRedux"));
 const ThemeRedux = tslib_1.__importStar(require("../ActionsReducers/ThemeRedux"));
 const FormatColumnRedux = tslib_1.__importStar(require("../ActionsReducers/FormatColumnRedux"));
+const StyledColumnRedux = tslib_1.__importStar(require("../ActionsReducers/StyledColumnRedux"));
 const ApplicationRedux = tslib_1.__importStar(require("../ActionsReducers/ApplicationRedux"));
 const FreeTextColumnRedux = tslib_1.__importStar(require("../ActionsReducers/FreeTextColumnRedux"));
 const LayoutRedux = tslib_1.__importStar(require("../ActionsReducers/LayoutRedux"));
@@ -131,7 +131,6 @@ class AdaptableStore {
             FlashingCell: FlashingCellRedux.FlashingCellReducer,
             Application: ApplicationRedux.ApplicationReducer,
             CalculatedColumn: CalculatedColumnRedux.CalculatedColumnReducer,
-            ConditionalStyle: ConditionalStyleRedux.ConditionalStyleReducer,
             CustomSort: CustomSortRedux.CustomSortReducer,
             Dashboard: DashboardRedux.DashboardReducer,
             Export: ExportRedux.ExportReducer,
@@ -148,10 +147,12 @@ class AdaptableStore {
             ToolPanel: ToolPanelRedux.ToolPanelReducer,
             Query: QueryRedux.QueryReducer,
             Charting: ChartingRedux.ChartingReducer,
+            StyledColumn: StyledColumnRedux.StyledColumnReducer,
             // dead reducers
             PercentBar: DeadRedux.PercentBarReducer,
             UpdatedRow: DeadRedux.UpdatedRowReducer,
             GradientColumn: DeadRedux.GradientColumnReducer,
+            ConditionalStyle: DeadRedux.ConditionalStyleReducer,
         };
         // allow plugins to participate in the root reducer
         adaptable.forPlugins((plugin) => {
@@ -657,18 +658,20 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                 case FormatColumnRedux.FORMAT_COLUMN_ADD:
                 case FormatColumnRedux.FORMAT_COLUMN_EDIT:
                 case FormatColumnRedux.FORMAT_COLUMN_DELETE:
+                case FormatColumnRedux.FORMAT_COLUMN_MOVE_DOWN:
+                case FormatColumnRedux.FORMAT_COLUMN_MOVE_UP:
                 case FormatColumnRedux.FORMAT_COLUMN_SUSPEND:
                 case FormatColumnRedux.FORMAT_COLUMN_UNSUSPEND:
+                case StyledColumnRedux.STYLED_COLUMN_ADD:
+                case StyledColumnRedux.STYLED_COLUMN_EDIT:
+                case StyledColumnRedux.STYLED_COLUMN_DELETE:
+                case StyledColumnRedux.STYLED_COLUMN_SUSPEND:
+                case StyledColumnRedux.STYLED_COLUMN_UNSUSPEND:
                 case CustomSortRedux.CUSTOM_SORT_ADD:
                 case CustomSortRedux.CUSTOM_SORT_EDIT:
                 case CustomSortRedux.CUSTOM_SORT_DELETE:
                 case CustomSortRedux.CUSTOM_SORT_SUSPEND:
-                case CustomSortRedux.CUSTOM_SORT_UNSUSPEND:
-                case ConditionalStyleRedux.CONDITIONAL_STYLE_ADD:
-                case ConditionalStyleRedux.CONDITIONAL_STYLE_EDIT:
-                case ConditionalStyleRedux.CONDITIONAL_STYLE_SUSPEND:
-                case ConditionalStyleRedux.CONDITIONAL_STYLE_UNSUSPEND:
-                case ConditionalStyleRedux.CONDITIONAL_STYLE_DELETE: {
+                case CustomSortRedux.CUSTOM_SORT_UNSUSPEND: {
                     const returnAction = next(action);
                     // called also for alert actions, see ALERT ACTIONS block
                     adaptable.setupColumns();

package/src/Strategy/ConditionalStyleModule.d.ts

@@ -1,29 +1,6 @@
 import { AdaptableApi } from '../Api/AdaptableApi';
-import { AdaptableColumn } from '../PredefinedConfig/Common/AdaptableColumn';
-import { AdaptableMenuItem } from '../PredefinedConfig/Common/Menu';
-import { ConditionalStyle } from '../PredefinedConfig/ConditionalStyleState';
-import { TeamSharingImportInfo } from '../PredefinedConfig/TeamSharingState';
 import { AdaptableModuleBase } from './AdaptableModuleBase';
-import { IConditionalStyleModule } from './Interface/IConditionalStyleModule';
-import { AdaptableObject } from '../PredefinedConfig/Common/AdaptableObject';
-import { AdaptableModuleView, AdaptableObjectView } from './Interface/IModule';
-export declare class ConditionalStyleModule extends AdaptableModuleBase implements IConditionalStyleModule {
+import { IModule } from './Interface/IModule';
+export declare class ConditionalStyleModule extends AdaptableModuleBase implements IModule {
     constructor(api: AdaptableApi);
-    getModuleAdaptableObjects(config?: {
-        includeLayoutNotAssociatedObjects?: boolean;
-    }): AdaptableObject[];
-    getExplicitlyReferencedColumnIds(conditionalStyle: ConditionalStyle): string[];
-    getReferencedNamedQueryNames(conditionalStyle: ConditionalStyle): string[];
-    updateOldConfig(): void;
-    addColumnMenuItems(column: AdaptableColumn): AdaptableMenuItem[] | undefined;
-    getTeamSharingAction(): TeamSharingImportInfo<ConditionalStyle>;
-    isConditionalStyleActiveForColumn(conditionalStyleForColumn: ConditionalStyle, column: AdaptableColumn, params: any): boolean;
-    isConditionalStyleActiveForRow(conditionalStyleForRow: ConditionalStyle, params: any): boolean;
-    private evaluatePredicate;
-    private evaluateExpression;
-    private shouldRunStyle;
-    toView(conditionalStyle: ConditionalStyle): AdaptableObjectView;
-    toViewAll(): AdaptableObjectView[];
-    getViewProperties(): AdaptableModuleView;
-    canBeAssociatedWithLayouts(): boolean;
 }