@adaptabletools/adaptable-cjs 22.1.1 → 23.0.0-canary.0

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UIOptionsStatusbarForm.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UIOptionsStatusbarForm = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const ModuleManager_1 = require("../../../../components/DragAndDropContext/ModuleManager");
 const HelpBlock_1 = tslib_1.__importDefault(require("../../../../components/HelpBlock"));
@@ -94,24 +95,11 @@ const UIOptionsStatusbarForm = (props) => {
             },
         });
     };
-    return (React.createElement(Flex_1.Box, null,
-        React.createElement(HelpBlock_1.default, null, "Status Bar"),
-        React.createElement(Flex_1.Box, { className: "twa:p-2" },
-            React.createElement(FormBox_1.NocodeWizardFormBox, null,
-                React.createElement(Flex_1.Box, { as: "b" }, "Create Adaptable Statusbar Panel"),
-                React.createElement(FormLayout_1.default, { className: "twa:mt-2" },
-                    React.createElement(FormLayout_1.FormRow, { label: "Panel Name" },
-                        React.createElement(Input_1.default, { value: adaptablePanelTitle, placeholder: 'Adaptable Panel Name', onChange: (event) => setAdaptablePanelTitle(event.target.value) })),
-                    React.createElement(FormLayout_1.FormRow, { label: "Align" },
-                        React.createElement(DropdownButton_1.default, { columns: ['label'], items: alignOptions }, alignOptions.find((option) => option.value === adaptablePanelAlign)?.label)),
-                    React.createElement(FormLayout_1.FormRow, { label: "" },
-                        React.createElement(SimpleButton_1.default, { disabled: !isAdaptablePanelTitleAvailable, onClick: handleNewAdaptablePanel, icon: "plus", variant: "raised" }, "Add"),
-                        !isAdaptablePanelTitleAvailable && (React.createElement(Flex_1.Box, { className: "twa:mt-2 twa:text-error" }, "Adaptable panel name must be unique."))))),
-            React.createElement(ModuleManager_1.ModuleManager, { permittedActions: {
-                    createTab: false,
-                    dragAndDropTab: false,
-                    deleteTab: false,
-                    editTabName: false,
-                }, onTabsChange: handleTabChange, disabled: disabled, tabs: tabs, availableItems: availableItems, tabsTitle: 'Status Bar Panels', unusedPanelTitle: "Ag Grid Status Bar Panels", dragItemText: "Drag into a Status Bar Panel below" }))));
+    return ((0, jsx_runtime_1.jsxs)(Flex_1.Box, { children: [(0, jsx_runtime_1.jsx)(HelpBlock_1.default, { children: "Status Bar" }), (0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: "twa:p-2", children: [(0, jsx_runtime_1.jsxs)(FormBox_1.NocodeWizardFormBox, { children: [(0, jsx_runtime_1.jsx)(Flex_1.Box, { as: "b", children: "Create Adaptable Statusbar Panel" }), (0, jsx_runtime_1.jsxs)(FormLayout_1.default, { className: "twa:mt-2", children: [(0, jsx_runtime_1.jsx)(FormLayout_1.FormRow, { label: "Panel Name", children: (0, jsx_runtime_1.jsx)(Input_1.default, { value: adaptablePanelTitle, placeholder: 'Adaptable Panel Name', onChange: (event) => setAdaptablePanelTitle(event.target.value) }) }), (0, jsx_runtime_1.jsx)(FormLayout_1.FormRow, { label: "Align", children: (0, jsx_runtime_1.jsx)(DropdownButton_1.default, { columns: ['label'], items: alignOptions, children: alignOptions.find((option) => option.value === adaptablePanelAlign)?.label }) }), (0, jsx_runtime_1.jsxs)(FormLayout_1.FormRow, { label: "", children: [(0, jsx_runtime_1.jsx)(SimpleButton_1.default, { disabled: !isAdaptablePanelTitleAvailable, onClick: handleNewAdaptablePanel, icon: "plus", variant: "raised", children: "Add" }), !isAdaptablePanelTitleAvailable && ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:mt-2 twa:text-error", children: "Adaptable panel name must be unique." }))] })] })] }), (0, jsx_runtime_1.jsx)(ModuleManager_1.ModuleManager, { permittedActions: {
+                            createTab: false,
+                            dragAndDropTab: false,
+                            deleteTab: false,
+                            editTabName: false,
+                        }, onTabsChange: handleTabChange, disabled: disabled, tabs: tabs, availableItems: availableItems, tabsTitle: 'Status Bar Panels', unusedPanelTitle: "Ag Grid Status Bar Panels", dragItemText: "Drag into a Status Bar Panel below" })] })] }));
 };
 exports.UIOptionsStatusbarForm = UIOptionsStatusbarForm;

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UiOptionsForm.js

@@ -1,21 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UIElementsForm = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const Tabs_1 = require("../../../../components/Tabs");
 const UIOptionsSidebarForm_1 = require("./UIOptionsSidebarForm");
 const UIOptionsStatusbarForm_1 = require("./UIOptionsStatusbarForm");
 const Flex_1 = require("../../../../components/Flex");
 const UIElementsForm = (props) => {
-    return (React.createElement(Flex_1.Box, { className: "twa:p-2" },
-        React.createElement(Tabs_1.Tabs, null,
-            React.createElement(Tabs_1.Tabs.Tab, null, "Tool Panel"),
-            React.createElement(Tabs_1.Tabs.Tab, null, "Status Bar"),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(UIOptionsSidebarForm_1.UIOptionsSidebarForm, { gridOptions: props.gridOptions, onChange: props.onChangedGridOptions })),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(UIOptionsStatusbarForm_1.UIOptionsStatusbarForm, { gridOptions: props.gridOptions, onChange: props.onChangedGridOptions })),
-            ' ')));
+    return ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:p-2", children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Tab, { children: "Tool Panel" }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Tab, { children: "Status Bar" }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Content, { children: (0, jsx_runtime_1.jsx)(UIOptionsSidebarForm_1.UIOptionsSidebarForm, { gridOptions: props.gridOptions, onChange: props.onChangedGridOptions }) }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Content, { children: (0, jsx_runtime_1.jsx)(UIOptionsStatusbarForm_1.UIOptionsStatusbarForm, { gridOptions: props.gridOptions, onChange: props.onChangedGridOptions }) }), ' '] }) }));
 };
 exports.UIElementsForm = UIElementsForm;

package/src/View/AdaptableWizardView/Wizard.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wizard = exports.reducer = exports.initialState = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const helper_1 = require("./helper");
 const AdaptableConfigurationDialog_1 = tslib_1.__importDefault(require("./AdaptableConfigurationDialog"));
@@ -87,7 +87,7 @@ const Wizard = (props) => {
     };
     let wizard;
     if (props.skipToWizard || state.dropped) {
-        wizard = (React.createElement(AdaptableConfigurationDialog_1.default, { startSections: props.startSections, adaptableConfig: {
+        wizard = ((0, jsx_runtime_1.jsx)(AdaptableConfigurationDialog_1.default, { startSections: props.startSections, adaptableConfig: {
                 adaptableOptions: state.adaptableOptions,
                 gridOptions: state.gridOptions,
             }, onCancel: () => {
@@ -111,9 +111,6 @@ const Wizard = (props) => {
         }
     }, []);
     const ddEnabled = props.ddEnabled ?? !props.fetchData;
-    return (React.createElement(React.Fragment, null,
-        ddEnabled && (React.createElement(FileDroppable_1.default, { key: droppableKey, className: 'ab-NocodeWizard', toJSON: props.fileContentsToJSON, readFile: props.readFile, fileAccept: props.fileAccept, helpText: props.helpText, message: state.error, defaultText: props.defaultActionMessage, dragOverText: props.dragOverActionMessage, loadingText: props.loadingMessage, onDropSuccess: handleDataSource })),
-        isDataLoading && (React.createElement(Flex_1.Flex, { className: 'ab-NocodeWizard', alignItems: "center", justifyContent: "center", flexDirection: "column" }, props.loadingMessage || 'Loading ...')),
-        wizard));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [ddEnabled && ((0, jsx_runtime_1.jsx)(FileDroppable_1.default, { className: 'ab-NocodeWizard', toJSON: props.fileContentsToJSON, readFile: props.readFile, fileAccept: props.fileAccept, helpText: props.helpText, message: state.error, defaultText: props.defaultActionMessage, dragOverText: props.dragOverActionMessage, loadingText: props.loadingMessage, onDropSuccess: handleDataSource }, droppableKey)), isDataLoading && ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { className: 'ab-NocodeWizard', alignItems: "center", justifyContent: "center", flexDirection: "column", children: props.loadingMessage || 'Loading ...' })), wizard] }));
 };
 exports.Wizard = Wizard;

package/src/View/AdaptableWizardView/index.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const Wizard_1 = require("./Wizard");
-const AdaptableWizardView = (props) => React.createElement(Wizard_1.Wizard, { ...props });
+const AdaptableWizardView = (props) => (0, jsx_runtime_1.jsx)(Wizard_1.Wizard, { ...props });
 exports.default = AdaptableWizardView;

package/src/View/Alert/ActiveAlertsPanel.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActiveAlertsPanel = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const AdaptableContext_1 = require("../AdaptableContext");
 const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
 const AdaptableObjectCompactList_1 = require("../Components/AdaptableObjectList/AdaptableObjectCompactList");
@@ -19,6 +19,6 @@ const ActiveAlertsPanel = () => {
             alert.IsSuspended = liveAlertDef.IsSuspended;
         }
     });
-    return React.createElement(AdaptableObjectCompactList_1.AdaptableObjectCompactList, { abObjects: alerts, module: filterModule });
+    return (0, jsx_runtime_1.jsx)(AdaptableObjectCompactList_1.AdaptableObjectCompactList, { abObjects: alerts, module: filterModule });
 };
 exports.ActiveAlertsPanel = ActiveAlertsPanel;

package/src/View/Alert/ActiveAlertsPanelItemLabel.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActiveAlertsPanelItemLabel = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_1 = require("../../components/icons");
 const UIHelper_1 = tslib_1.__importDefault(require("../UIHelper"));
 const Flex_1 = require("../../components/Flex");
@@ -14,9 +14,7 @@ const ActiveAlertsPanelItemLabel = (props) => {
     };
     const iconName = UIHelper_1.default.getGlyphByMessageType(props.data.alertDefinition.MessageType);
     const IconCmp = icons_1.allIcons[iconName];
-    const icon = IconCmp ? React.createElement(IconCmp, null) : null;
-    return (React.createElement(Flex_1.Box, null,
-        React.createElement(Flex_1.Box, { className: "twa:float-left", style: iconStyle }, icon),
-        props.data.header));
+    const icon = IconCmp ? (0, jsx_runtime_1.jsx)(IconCmp, {}) : null;
+    return ((0, jsx_runtime_1.jsxs)(Flex_1.Box, { children: [(0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:float-left", style: iconStyle, children: icon }), props.data.header] }));
 };
 exports.ActiveAlertsPanelItemLabel = ActiveAlertsPanelItemLabel;

package/src/View/Alert/AlertEmptyView.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertEmptyView = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const AdaptableContext_1 = require("../AdaptableContext");
 const AlertEmptyView = (props) => {
@@ -11,6 +10,6 @@ const AlertEmptyView = (props) => {
     const text = accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY
         ? 'You have no Alert Definitions.'
         : "Click 'New' to create a new Alert Definition - this will include the Rule which triggers the Alert, and the behaviour of the Alert.";
-    return React.createElement(React.Fragment, null, text);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: text });
 };
 exports.AlertEmptyView = AlertEmptyView;

package/src/View/Alert/AlertStatusSubPanel.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertStatusPanel = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const react_redux_1 = require("react-redux");
 const AdaptableContext_1 = require("../AdaptableContext");
@@ -49,7 +50,7 @@ const AlertStatusPanel = () => {
             setStyle(initialStyle);
         }, statusbarHighlightDuration);
     }, [alerts]);
-    let alertsPanel = React.createElement(ActiveAlertsPanel_1.ActiveAlertsPanel, null);
-    return (React.createElement(StatusBarPanel_1.StatusBarPanel, { tooltip: module.moduleInfo.ModuleName, "data-name": module.moduleInfo.ModuleName, style: { backgroundColor: style.background, color: style.color }, onAction: handleAction, icon: module.moduleInfo.Glyph, popover: alerts.length ? alertsPanel : null, content: text }));
+    let alertsPanel = (0, jsx_runtime_1.jsx)(ActiveAlertsPanel_1.ActiveAlertsPanel, {});
+    return ((0, jsx_runtime_1.jsx)(StatusBarPanel_1.StatusBarPanel, { tooltip: module.moduleInfo.ModuleName, "data-name": module.moduleInfo.ModuleName, style: { backgroundColor: style.background, color: style.color }, onAction: handleAction, icon: module.moduleInfo.Glyph, popover: alerts.length ? alertsPanel : null, content: text }));
 };
 exports.AlertStatusPanel = AlertStatusPanel;

package/src/View/Alert/AlertViewPanel.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertViewPanelControl = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const react_redux_1 = require("react-redux");
 const InternalRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/InternalRedux"));
@@ -31,18 +32,13 @@ class AlertViewPanelComponent extends React.Component {
             : this.props.AdaptableAlerts.length == 1
                 ? '1 Alert'
                 : this.props.AdaptableAlerts.length + ' Alerts';
-        const alertsPanel = React.createElement(ActiveAlertsPanel_1.ActiveAlertsPanel, null);
+        const alertsPanel = (0, jsx_runtime_1.jsx)(ActiveAlertsPanel_1.ActiveAlertsPanel, {});
         const isToolbar = this.props.viewType === 'Toolbar';
         const elementType = isToolbar ? 'DashboardToolbar' : 'ToolPanel';
-        return (React.createElement(Flex_1.Flex, { alignItems: "stretch", className: (0, clsx_1.default)(`ab-${elementType}__Alert__wrap twa:gap-1`, {
+        return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { alignItems: "stretch", className: (0, clsx_1.default)(`ab-${elementType}__Alert__wrap twa:gap-1`, {
                 'twa:min-w-[140px] twa:w-[140px]': isToolbar,
                 [`twa:flex-1`]: !isToolbar,
-            }) },
-            React.createElement(Flex_1.Flex, { key: `${buttonTextColor}_${buttonBackground}_${collapsedText}`, className: `ab-${elementType}__Alert__text twa:flex-1 twa:rounded-standard twa:p-2 text-2 twa:items-center twa:justify-center twa:min-h-input`, style: { color: buttonTextColor, backgroundColor: buttonBackground } }, collapsedText),
-            this.props.AdaptableAlerts.length > 0 && (React.createElement(Flex_1.Flex, { className: 'twa:gap-1' },
-                React.createElement(Flex_1.Flex, { className: "twa:flex twa:box-border" },
-                    React.createElement(ButtonClear_1.ButtonClear, { "aria-label": 'Clear All Alerts', variant: 'outlined', className: `ab-${elementType}__Alert__clear`, onClick: () => this.props.onDeleteAllAlert(this.state.Alerts), tooltip: "Clear All Alerts", showText: this.props.viewType === 'ToolPanel' }, 'Clear Alerts')),
-                React.createElement(AdaptablePopover_1.AdaptablePopover, { className: `ab-${elementType}__Alert__info`, headerText: "Alerts Details", bodyText: [alertsPanel], MessageType: 'Info', useButton: true, showEvent: 'focus', hideEvent: "blur", popoverMinWidth: 400 })))));
+            }), children: [(0, jsx_runtime_1.jsx)(Flex_1.Flex, { className: `ab-${elementType}__Alert__text twa:flex-1 twa:rounded-standard twa:p-2 text-2 twa:items-center twa:justify-center twa:min-h-input`, style: { color: buttonTextColor, backgroundColor: buttonBackground }, children: collapsedText }, `${buttonTextColor}_${buttonBackground}_${collapsedText}`), this.props.AdaptableAlerts.length > 0 && ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { className: 'twa:gap-1', children: [(0, jsx_runtime_1.jsx)(Flex_1.Flex, { className: "twa:flex twa:box-border", children: (0, jsx_runtime_1.jsx)(ButtonClear_1.ButtonClear, { "aria-label": 'Clear All Alerts', variant: 'outlined', className: `ab-${elementType}__Alert__clear`, onClick: () => this.props.onDeleteAllAlert(this.state.Alerts), tooltip: "Clear All Alerts", showText: this.props.viewType === 'ToolPanel', children: 'Clear Alerts' }) }), (0, jsx_runtime_1.jsx)(AdaptablePopover_1.AdaptablePopover, { className: `ab-${elementType}__Alert__info`, headerText: "Alerts Details", bodyText: [alertsPanel], MessageType: 'Info', useButton: true, showEvent: 'focus', hideEvent: "blur", popoverMinWidth: 400 })] }))] }));
     }
 }
 function mapStateToProps(state, ownProps) {

package/src/View/Alert/Utilities/getAlertType.d.ts

@@ -4,7 +4,8 @@ export declare enum AlertType {
     Validation = "Validation",
     RowChange = "RowChange",
     Aggregation = "Aggregation",
-    Observable = "Observable"
+    Observable = "Observable",
+    Scheduled = "Scheduled"
 }
 /**
  * Based on alert shape the type is derived.

package/src/View/Alert/Utilities/getAlertType.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAlertTypeText = exports.getAlertType = exports.AlertType = void 0;
 const GeneralConstants_1 = require("./../../../Utilities/Constants/GeneralConstants");
+const ScheduledAlertHelper_1 = require("../../../Utilities/Helpers/ScheduledAlertHelper");
 var AlertType;
 (function (AlertType) {
     AlertType["DataChange"] = "DataChange";
@@ -9,6 +10,7 @@ var AlertType;
     AlertType["RowChange"] = "RowChange";
     AlertType["Aggregation"] = "Aggregation";
     AlertType["Observable"] = "Observable";
+    AlertType["Scheduled"] = "Scheduled";
 })(AlertType || (exports.AlertType = AlertType = {}));
 /**
  * Based on alert shape the type is derived.
@@ -17,6 +19,9 @@ var AlertType;
  * @param alert
  */
 const getAlertType = (alert) => {
+    if ((0, ScheduledAlertHelper_1.isScheduledAlertDefinition)(alert)) {
+        return AlertType.Scheduled;
+    }
     if (alert.Rule.ObservableExpression) {
         if (alert.Rule.ObservableExpression.includes(GeneralConstants_1.OBSERVABLE_EXPRESSION_ROW_ADDED) ||
             alert.Rule.ObservableExpression.includes(GeneralConstants_1.OBSERVABLE_EXPRESSION_ROW_REMOVED)) {
@@ -28,14 +33,14 @@ const getAlertType = (alert) => {
         return AlertType.Aggregation;
     }
     if (alert.Rule.BooleanExpression) {
-        if (alert.AlertProperties?.PreventEdit) {
+        if ((0, ScheduledAlertHelper_1.getRuleAlertProperties)(alert)?.PreventEdit) {
             return AlertType.Validation;
         }
         return AlertType.DataChange;
     }
     const predicates = alert.Rule.Predicates;
     if (predicates) {
-        return alert.AlertProperties?.PreventEdit ? AlertType.Validation : AlertType.DataChange;
+        return (0, ScheduledAlertHelper_1.getRuleAlertProperties)(alert)?.PreventEdit ? AlertType.Validation : AlertType.DataChange;
     }
     // the object is not a valid alert
     return null;
@@ -59,6 +64,9 @@ const getAlertTypeText = (alertType) => {
         case AlertType.Observable:
             text = 'Observable';
             break;
+        case AlertType.Scheduled:
+            text = 'Scheduled';
+            break;
     }
     return text;
 };

package/src/View/Alert/Utilities/getDefaultAlertDefinition.d.ts

@@ -6,14 +6,28 @@ import { AlertType } from './getAlertType';
  */
 export declare const getDefaultAlertDefinition: (alertDefinition: AlertDefinition, type: AlertType) => {
     Uuid: string;
-    Name: string;
     Scope: import("../../../types").ColumnScope;
     Rule: import("../../../types").AlertRule;
+    AlertProperties?: import("../../../types").RuleAlertProperties;
+    AlertForm?: string | import("../../../types").AlertButtonForm;
+    Name: string;
+    MessageType: import("../../../types").AdaptableMessageType;
+    MessageHeader?: string;
+    MessageText?: string;
+    IsSuspended?: boolean;
+    Source?: "InitialState" | "User";
+    AdaptableVersion?: import("../../../types").AdaptableVersion;
+    IsReadOnly?: boolean;
+    Tags?: import("../../../types").AdaptableObjectTag[];
+    Metadata?: any;
+} | {
+    Uuid: string;
+    Name: string;
+    Schedule: import("../../../types").Schedule;
+    AlertProperties?: import("../../../types").ScheduledAlertProperties;
     MessageType: import("../../../types").AdaptableMessageType;
     MessageHeader?: string;
     MessageText?: string;
-    AlertProperties?: import("../../../types").AlertProperties;
-    AlertForm?: string | import("../../../types").AlertButtonForm;
     IsSuspended?: boolean;
     Source?: "InitialState" | "User";
     AdaptableVersion?: import("../../../types").AdaptableVersion;

package/src/View/Alert/Utilities/getDefaultAlertDefinition.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDefaultAlertDefinition = void 0;
 const tslib_1 = require("tslib");
 const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
+const ScheduledAlertHelper_1 = require("../../../Utilities/Helpers/ScheduledAlertHelper");
 const getAlertType_1 = require("./getAlertType");
 /**
  * This logic should be moved into Object factory once we have types on alert definitions
@@ -31,6 +32,13 @@ const getDefaultAlertDefinition = (alertDefinition, type) => {
             PreventEdit: true,
         };
     }
+    if (type === getAlertType_1.AlertType.Scheduled) {
+        return {
+            ...(0, ScheduledAlertHelper_1.CreateEmptyScheduledAlertDefinition)(alertDefinition.Name),
+            Uuid: alertDefinition.Uuid,
+            Name: alertDefinition.Name,
+        };
+    }
     return newAlert;
 };
 exports.getDefaultAlertDefinition = getDefaultAlertDefinition;

package/src/View/Alert/Utilities/mapAlertDefinition.d.ts

@@ -1,2 +1,2 @@
 import { AdaptableApi, AlertDefinition } from '../../../types';
-export declare const mapAlertDefinition: (api: AdaptableApi, alertDefinition: AlertDefinition) => AlertDefinition;
+export declare const mapAlertDefinition: (api: AdaptableApi, alertDefinition: AlertDefinition) => import("../../../types").RuleBasedAlertDefinition | import("../../../types").ScheduledAlertDefinition;

package/src/View/Alert/Utilities/mapAlertDefinition.js

@@ -1,7 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mapAlertDefinition = void 0;
+const ScheduledAlertHelper_1 = require("../../../Utilities/Helpers/ScheduledAlertHelper");
 const mapAlertDefinition = (api, alertDefinition) => {
+    if (!(0, ScheduledAlertHelper_1.isRuleBasedAlertDefinition)(alertDefinition)) {
+        return alertDefinition;
+    }
     const isRemovedRowChangeAlert = api.alertApi.internalApi.isAlertDefinitionForRemovedRowChangeEvent(alertDefinition);
     const mapValidButtonActions = (alertCommand) => {
         if (isRemovedRowChangeAlert) {

package/src/View/Alert/Wizard/AlertBehaviourWizardSection.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertBehaviourWizardSection = exports.renderAlertBehaviourSummary = exports.renderAlertBehaviourWizardSummary = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ScheduledAlertHelper_1 = require("../../../Utilities/Helpers/ScheduledAlertHelper");
 const Tabs_1 = require("../../../components/Tabs");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const CheckBox_1 = require("../../../components/CheckBox");
@@ -12,27 +13,13 @@ const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/Obje
 const AdaptableContext_1 = require("../../AdaptableContext");
 const StylePreview_1 = require("../../../components/StylePreview");
 const Panel_1 = tslib_1.__importDefault(require("../../../components/Panel"));
-const Select_1 = require("../../../components/Select");
+const getAlertType_1 = require("../Utilities/getAlertType");
 const Flex_1 = require("../../../components/Flex");
 const Tag_1 = require("../../../components/Tag/Tag");
+const NewSelect_1 = require("../../../components/NewSelect");
 const HighlightStyle = (props) => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const options = [
-        {
-            label: 'Use Message Type',
-            onClick: () => {
-                props.onChange(true);
-            },
-        },
-        {
-            label: 'Custom Style',
-            onClick: () => {
-                const initialStyle = ObjectFactory_1.default.CreateEmptyStyle();
-                props.onChange(initialStyle);
-            },
-        },
-    ];
-    const options2 = [
         {
             label: 'Use Message Type',
             value: 'system',
@@ -42,25 +29,19 @@ const HighlightStyle = (props) => {
             value: 'custom',
         },
     ];
-    return (React.createElement(Flex_1.Box, { "data-name": props.dataName },
-        React.createElement(Flex_1.Flex, null,
-            React.createElement(CheckBox_1.CheckBox, { className: "twa:mr-2 twa:items-start", checked: Boolean(props.highlight), onChange: (checked) => {
-                    props.onChange(checked);
-                } }, props.label),
-            Boolean(props.highlight) && (React.createElement(Select_1.Select, { options: options2, value: typeof props.highlight === 'boolean' ? 'system' : 'custom', onChange: (value) => {
-                    if (value === 'system') {
-                        props.onChange(true);
-                    }
-                    else {
-                        const initialStyle = ObjectFactory_1.default.CreateEmptyStyle();
-                        props.onChange(initialStyle);
-                    }
-                } }))),
-        typeof props.highlight === 'object' && (React.createElement(Panel_1.default, { className: "twa:m-2" },
-            React.createElement(Flex_1.Box, { className: "twa:pl-3" },
-                React.createElement(StyleComponent_1.StyleComponent, { headless: true, api: adaptable.api, Style: props.highlight, UpdateStyle: (style) => {
-                        props.onChange(style);
-                    } }))))));
+    return ((0, jsx_runtime_1.jsxs)(Flex_1.Box, { "data-name": props.dataName, children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { children: [(0, jsx_runtime_1.jsx)(CheckBox_1.CheckBox, { className: "twa:mr-2 twa:items-start", checked: Boolean(props.highlight), onChange: (checked) => {
+                            props.onChange(checked);
+                        }, children: props.label }), Boolean(props.highlight) && ((0, jsx_runtime_1.jsx)(NewSelect_1.SingleSelect, { items: options, value: typeof props.highlight === 'boolean' ? 'system' : 'custom', onValueChange: (value) => {
+                            if (value === 'system') {
+                                props.onChange(true);
+                            }
+                            else {
+                                const initialStyle = ObjectFactory_1.default.CreateEmptyStyle();
+                                props.onChange(initialStyle);
+                            }
+                        } }))] }), typeof props.highlight === 'object' && ((0, jsx_runtime_1.jsx)(Panel_1.default, { className: "twa:m-2", children: (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:pl-3", children: (0, jsx_runtime_1.jsx)(StyleComponent_1.StyleComponent, { headless: true, api: adaptable.api, Style: props.highlight, UpdateStyle: (style) => {
+                            props.onChange(style);
+                        } }) }) }))] }));
 };
 const renderAlertBehaviourWizardSummary = (alertDefinition) => {
     const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
@@ -69,21 +50,25 @@ const renderAlertBehaviourWizardSummary = (alertDefinition) => {
 exports.renderAlertBehaviourWizardSummary = renderAlertBehaviourWizardSummary;
 const renderAlertBehaviourSummary = (alert, api, allowWrap = false) => {
     const { AlertProperties = {} } = alert;
+    const ruleProperties = (0, ScheduledAlertHelper_1.isRuleBasedAlertDefinition)(alert)
+        ? AlertProperties
+        : {};
     const values = [
-        AlertProperties.PreventEdit ? { label: 'Prevent Cell Edit', id: 'preventCellEdit' } : null,
-        AlertProperties.HighlightCell ? { label: 'Highlight Cell', id: 'highlightCell' } : null,
-        AlertProperties.HighlightRow ? { label: 'Highlight Row', id: 'highlightRow' } : null,
-        AlertProperties.JumpToCell ? { label: 'Jump To Cell', id: 'jumptocell' } : null,
-        AlertProperties.JumpToRow ? { label: 'Jump To Row', id: 'jumptorow' } : null,
+        ruleProperties.PreventEdit ? { label: 'Prevent Cell Edit', id: 'preventCellEdit' } : null,
+        ruleProperties.HighlightCell ? { label: 'Highlight Cell', id: 'highlightCell' } : null,
+        ruleProperties.HighlightRow ? { label: 'Highlight Row', id: 'highlightRow' } : null,
+        ruleProperties.JumpToCell ? { label: 'Jump To Cell', id: 'jumptocell' } : null,
+        ruleProperties.JumpToRow ? { label: 'Jump To Row', id: 'jumptorow' } : null,
         AlertProperties.ShowInDiv
             ? {
-                label: (React.createElement(React.Fragment, null,
-                    "Show in ",
-                    React.createElement(CodeBlock_1.CodeBlock, { className: "twa:p-0 twa:ml-1" }, `<div />`))),
+                label: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Show in ", (0, jsx_runtime_1.jsx)(CodeBlock_1.CodeBlock, { className: "twa:p-0 twa:ml-1", children: `<div />` })] })),
                 id: 'showInDiv',
             }
             : null,
         AlertProperties.LogToConsole ? { label: 'Log To Console', id: 'logtoconsole' } : null,
+        AlertProperties.DisplaySystemStatusMessage
+            ? { label: 'System Status Message', id: 'systemStatusMessage' }
+            : null,
     ].filter(Boolean);
     if (!values.length) {
         values.push({
@@ -91,72 +76,57 @@ const renderAlertBehaviourSummary = (alert, api, allowWrap = false) => {
             id: 'none',
         });
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Tag_1.TagBox, null, values.map((x) => {
-            let label = React.createElement(Flex_1.Box, { className: "twa:flex twa:items-center" }, x.label);
-            if (x.id === 'highlightCell' && typeof AlertProperties.HighlightCell === 'object') {
-                label = (React.createElement(StylePreview_1.StylePreview, { styleObject: AlertProperties.HighlightCell, className: "twa:mt-0 twa:p-0" }, "Highlight Cell"));
-            }
-            if (x.id === 'highlightRow' && typeof AlertProperties.HighlightRow === 'object') {
-                label = (React.createElement(StylePreview_1.StylePreview, { styleObject: AlertProperties.HighlightRow, className: "twa:mt-0 twa:p-0" }, "Highlight Row"));
-            }
-            return React.createElement(Tag_1.Tag, { key: x.id }, label);
-        }))));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Tag_1.TagBox, { children: values.map((x) => {
+                let label = (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:flex twa:items-center", children: x.label });
+                if (x.id === 'highlightCell' && typeof ruleProperties.HighlightCell === 'object') {
+                    label = ((0, jsx_runtime_1.jsx)(StylePreview_1.StylePreview, { styleObject: ruleProperties.HighlightCell, className: "twa:mt-0 twa:p-0", children: "Highlight Cell" }));
+                }
+                if (x.id === 'highlightRow' && typeof ruleProperties.HighlightRow === 'object') {
+                    label = ((0, jsx_runtime_1.jsx)(StylePreview_1.StylePreview, { styleObject: ruleProperties.HighlightRow, className: "twa:mt-0 twa:p-0", children: "Highlight Row" }));
+                }
+                return (0, jsx_runtime_1.jsx)(Tag_1.Tag, { children: label }, x.id);
+            }) }) }));
 };
 exports.renderAlertBehaviourSummary = renderAlertBehaviourSummary;
 const AlertBehaviourWizardSection = (props) => {
     const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    const { AlertProperties = {} } = data;
+    const presentationProperties = data.AlertProperties ?? {};
+    const ruleProperties = (0, ScheduledAlertHelper_1.isRuleBasedAlertDefinition)(data)
+        ? (data.AlertProperties ?? {})
+        : {};
+    const isScheduled = props.alertType === getAlertType_1.AlertType.Scheduled;
     const rowRemovedAlert = api.alertApi.internalApi.isAlertDefinitionForRemovedRowChangeEvent(data);
-    // data change only
-    const hasPreventCellEdit = props.alertType === 'Validation';
-    // except row change
-    const hasHighlightCell = props.alertType !== 'RowChange';
-    // except row removed
-    const hasHighlightRow = !rowRemovedAlert;
-    // except row changed
-    const hasJumpToCell = props.alertType !== 'RowChange';
-    // for all
+    const hasPreventCellEdit = !isScheduled && props.alertType === 'Validation';
+    const hasHighlightCell = !isScheduled && props.alertType !== 'RowChange';
+    const hasHighlightRow = !isScheduled && !rowRemovedAlert;
+    const hasJumpToCell = !isScheduled && props.alertType !== 'RowChange';
+    const hasJumpToRow = !isScheduled && !rowRemovedAlert;
     const showInSeparateDiv = true;
-    // for all
     const logToConsole = true;
-    // except row removed
-    const hasJumpToRow = !rowRemovedAlert;
-    const onChange = (AlertProperties) => {
+    const showSystemStatusMessage = true;
+    const onChange = (alertProperties) => {
         props.onChange({
             ...data,
             AlertProperties: {
                 ...data.AlertProperties,
-                ...AlertProperties,
+                ...alertProperties,
             },
         });
     };
-    return (React.createElement(Tabs_1.Tabs, null,
-        React.createElement(Tabs_1.Tabs.Tab, null, api.internalApi.getCorrectEnglishVariant('Behaviour')),
-        React.createElement(Tabs_1.Tabs.Content, { className: "twa:flex twa:flex-col twa:gap-1" },
-            hasPreventCellEdit && (React.createElement(CheckBox_1.CheckBox, { "data-name": "prevent-cell-edit", style: { alignItems: 'flex-start' }, checked: AlertProperties.PreventEdit, disabled: true },
-                "Prevent Cell Edit",
-                React.createElement(Flex_1.Box, { className: "twa:text-2 twa:mt-1" }, "(automatically undo data change which triggered Alert)"))),
-            hasHighlightCell && (React.createElement(HighlightStyle, { dataName: "highlight-cell", highlight: AlertProperties.HighlightCell, label: "Highlight Cell", onChange: (HighlightCell) => {
-                    onChange({ HighlightCell });
-                } })),
-            hasHighlightRow && (React.createElement(HighlightStyle, { dataName: "highlight-row", highlight: AlertProperties.HighlightRow, label: "Highlight Row", onChange: (HighlightRow) => {
-                    onChange({ HighlightRow });
-                } })),
-            hasJumpToCell && (React.createElement(CheckBox_1.CheckBox, { "data-name": "jump-to-cell", checked: AlertProperties.JumpToCell, onChange: (JumpToCell) => {
-                    onChange({ JumpToCell });
-                } }, "Jump To Cell")),
-            hasJumpToRow && (React.createElement(CheckBox_1.CheckBox, { "data-name": "jump-to-row", checked: AlertProperties.JumpToRow, onChange: (JumpToRow) => {
-                    onChange({ JumpToRow });
-                } }, "Jump To Row")),
-            showInSeparateDiv && (React.createElement(CheckBox_1.CheckBox, { "data-name": "show-in-div", checked: AlertProperties.ShowInDiv, onChange: (ShowInDiv) => {
-                    onChange({ ShowInDiv });
-                } },
-                "Show in separate ",
-                React.createElement(CodeBlock_1.CodeBlock, null, `<div />`),
-                " element")),
-            logToConsole && (React.createElement(CheckBox_1.CheckBox, { "data-name": "log-to-console", checked: AlertProperties.LogToConsole, onChange: (LogToConsole) => {
-                    onChange({ LogToConsole });
-                } }, "Log To Console")))));
+    return ((0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Tab, { children: api.internalApi.getCorrectEnglishVariant('Behaviour') }), (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs.Content, { className: "twa:flex twa:flex-col twa:gap-1", children: [hasPreventCellEdit && ((0, jsx_runtime_1.jsxs)(CheckBox_1.CheckBox, { "data-name": "prevent-cell-edit", style: { alignItems: 'flex-start' }, checked: ruleProperties.PreventEdit, disabled: true, children: ["Prevent Cell Edit", (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:text-2 twa:mt-1", children: "(automatically undo data change which triggered Alert)" })] })), hasHighlightCell && ((0, jsx_runtime_1.jsx)(HighlightStyle, { dataName: "highlight-cell", highlight: ruleProperties.HighlightCell, label: "Highlight Cell", onChange: (HighlightCell) => {
+                            onChange({ HighlightCell });
+                        } })), hasHighlightRow && ((0, jsx_runtime_1.jsx)(HighlightStyle, { dataName: "highlight-row", highlight: ruleProperties.HighlightRow, label: "Highlight Row", onChange: (HighlightRow) => {
+                            onChange({ HighlightRow });
+                        } })), hasJumpToCell && ((0, jsx_runtime_1.jsx)(CheckBox_1.CheckBox, { "data-name": "jump-to-cell", checked: ruleProperties.JumpToCell, onChange: (JumpToCell) => {
+                            onChange({ JumpToCell });
+                        }, children: "Jump To Cell" })), hasJumpToRow && ((0, jsx_runtime_1.jsx)(CheckBox_1.CheckBox, { "data-name": "jump-to-row", checked: ruleProperties.JumpToRow, onChange: (JumpToRow) => {
+                            onChange({ JumpToRow });
+                        }, children: "Jump To Row" })), showInSeparateDiv && ((0, jsx_runtime_1.jsxs)(CheckBox_1.CheckBox, { "data-name": "show-in-div", checked: presentationProperties.ShowInDiv, onChange: (ShowInDiv) => {
+                            onChange({ ShowInDiv });
+                        }, children: ["Show in separate ", (0, jsx_runtime_1.jsx)(CodeBlock_1.CodeBlock, { children: `<div />` }), " element"] })), logToConsole && ((0, jsx_runtime_1.jsx)(CheckBox_1.CheckBox, { "data-name": "log-to-console", checked: presentationProperties.LogToConsole, onChange: (LogToConsole) => {
+                            onChange({ LogToConsole });
+                        }, children: "Log To Console" })), showSystemStatusMessage && ((0, jsx_runtime_1.jsx)(CheckBox_1.CheckBox, { "data-name": "system-status-message", checked: presentationProperties.DisplaySystemStatusMessage, onChange: (DisplaySystemStatusMessage) => {
+                            onChange({ DisplaySystemStatusMessage });
+                        }, children: "Show as System Status Message" }))] })] }));
 };
 exports.AlertBehaviourWizardSection = AlertBehaviourWizardSection;