@adaptabletools/adaptable 17.0.0-canary.1 → 17.0.0-canary.10

package/src/View/Export/Wizard/ReportSettingsWizard.js

@@ -1,11 +1,15 @@
-import * as React from 'react';
-import { StringExtensions } from '../../../Utilities/Extensions/StringExtensions';
-import WizardPanel from '../../../components/WizardPanel';
-import Input from '../../../components/Input';
-import { Text } from 'rebass';
-import ErrorBox from '../../../components/ErrorBox';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-export class ReportSettingsWizard extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReportSettingsWizard = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const StringExtensions_1 = require("../../../Utilities/Extensions/StringExtensions");
+const WizardPanel_1 = tslib_1.__importDefault(require("../../../components/WizardPanel"));
+const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
+const rebass_1 = require("rebass");
+const ErrorBox_1 = tslib_1.__importDefault(require("../../../components/ErrorBox"));
+const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
+class ReportSettingsWizard extends React.Component {
     constructor(props) {
         super(props);
         this.state = {
@@ -14,18 +18,18 @@ export class ReportSettingsWizard extends React.Component {
         };
     }
     render() {
-        let validationState = StringExtensions.IsNullOrEmpty(this.state.ErrorMessage)
+        let validationState = StringExtensions_1.StringExtensions.IsNullOrEmpty(this.state.ErrorMessage)
             ? null
             : 'error';
         return (React.createElement("div", { "data-name": 'report-settings' },
-            React.createElement(WizardPanel, null,
-                React.createElement(FormLayout, { columns: [1, 2] },
-                    React.createElement(FormRow, null,
-                        React.createElement(Text, { marginRight: 2 }, "Enter Report Name:"),
-                        React.createElement(Input, { width: "100%", type: "text", placeholder: "Name", value: this.state.ReportName, onChange: (e) => this.onReportNameChanged(e) })),
-                    React.createElement(FormRow, null,
+            React.createElement(WizardPanel_1.default, null,
+                React.createElement(FormLayout_1.default, { columns: [1, 2] },
+                    React.createElement(FormLayout_1.FormRow, null,
+                        React.createElement(rebass_1.Text, { marginRight: 2 }, "Enter Report Name:"),
+                        React.createElement(Input_1.default, { width: "100%", type: "text", placeholder: "Name", value: this.state.ReportName, onChange: (e) => this.onReportNameChanged(e) })),
+                    React.createElement(FormLayout_1.FormRow, null,
                         React.createElement(React.Fragment, null),
-                        this.state.ErrorMessage ? React.createElement(ErrorBox, null, this.state.ErrorMessage) : null)))));
+                        this.state.ErrorMessage ? React.createElement(ErrorBox_1.default, null, this.state.ErrorMessage) : null)))));
     }
     onReportNameChanged(event) {
         let e = event.target;
@@ -37,8 +41,8 @@ export class ReportSettingsWizard extends React.Component {
         }, () => this.props.updateGoBackState());
     }
     canNext() {
-        return (StringExtensions.IsNotNullOrEmpty(this.state.ReportName) &&
-            StringExtensions.IsNullOrEmpty(this.state.ErrorMessage));
+        return (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.state.ReportName) &&
+            StringExtensions_1.StringExtensions.IsNullOrEmpty(this.state.ErrorMessage));
     }
     canBack() {
         return true;
@@ -54,3 +58,4 @@ export class ReportSettingsWizard extends React.Component {
         return this.props.data.ReportRowScope == 'ExpressionRows' ? 1 : 2;
     }
 }
+exports.ReportSettingsWizard = ReportSettingsWizard;

package/src/View/Export/Wizard/ReportSummaryWizard.js

@@ -1,6 +1,10 @@
-import * as React from 'react';
-import { WizardSummaryPage } from '../../Components/WizardSummaryPage';
-export class ReportSummaryWizard extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReportSummaryWizard = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const WizardSummaryPage_1 = require("../../Components/WizardSummaryPage");
+class ReportSummaryWizard extends React.Component {
     constructor(props) {
         super(props);
     }
@@ -20,7 +24,7 @@ export class ReportSummaryWizard extends React.Component {
                     .GetReportExpressionDescription(this.props.data, this.props.api.columnApi.getColumns()),
             },
         ];
-        return (React.createElement(WizardSummaryPage, { KeyValuePairs: keyValuePairs, header: this.props.moduleInfo.FriendlyName }));
+        return (React.createElement(WizardSummaryPage_1.WizardSummaryPage, { KeyValuePairs: keyValuePairs, header: this.props.moduleInfo.FriendlyName }));
     }
     canNext() {
         return true;
@@ -37,3 +41,4 @@ export class ReportSummaryWizard extends React.Component {
         return 1;
     }
 }
+exports.ReportSummaryWizard = ReportSummaryWizard;

package/src/View/Export/constants.js

@@ -1,2 +1,5 @@
-export const SELECT_REPORT_STRING = 'Select Report';
-export const SELECT_DESTINATION_STRING = 'Select Destination';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SELECT_DESTINATION_STRING = exports.SELECT_REPORT_STRING = void 0;
+exports.SELECT_REPORT_STRING = 'Select Report';
+exports.SELECT_DESTINATION_STRING = 'Select Destination';

package/src/View/Filter/ActiveFiltersPanel.js

@@ -1,10 +1,15 @@
-import * as React from 'react';
-import { useAdaptable } from '../AdaptableContext';
-import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
-import { AdaptableObjectCompactList } from '../Components/AdaptableObjectList/AdaptableObjectCompactList';
-export const ActiveFiltersPanel = () => {
-    const adaptable = useAdaptable();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActiveFiltersPanel = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const AdaptableContext_1 = require("../AdaptableContext");
+const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
+const AdaptableObjectCompactList_1 = require("../Components/AdaptableObjectList/AdaptableObjectCompactList");
+const ActiveFiltersPanel = () => {
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const filterModule = adaptable.ModuleService.getModuleById(ModuleConstants.ColumnFilterModuleId);
     const columnFilters = adaptable.api.columnFilterApi.getColumnFilters();
-    return React.createElement(AdaptableObjectCompactList, { abObjects: columnFilters, module: filterModule });
+    return React.createElement(AdaptableObjectCompactList_1.AdaptableObjectCompactList, { abObjects: columnFilters, module: filterModule });
 };
+exports.ActiveFiltersPanel = ActiveFiltersPanel;

package/src/View/Filter/FilterStatusBarSubPanelPopover.js

@@ -1,5 +1,10 @@
-import * as React from 'react';
-import { ActiveFiltersPanel } from './ActiveFiltersPanel';
-export const FilterStatusBarSubPanelPopover = () => {
-    return React.createElement(ActiveFiltersPanel, null);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterStatusBarSubPanelPopover = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const ActiveFiltersPanel_1 = require("./ActiveFiltersPanel");
+const FilterStatusBarSubPanelPopover = () => {
+    return React.createElement(ActiveFiltersPanel_1.ActiveFiltersPanel, null);
 };
+exports.FilterStatusBarSubPanelPopover = FilterStatusBarSubPanelPopover;

package/src/View/Filter/FilterSummary.js

@@ -1,27 +1,31 @@
-import * as React from 'react';
-import { connect } from 'react-redux';
-import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
-import * as PopupRedux from '../../Redux/ActionsReducers/PopupRedux';
-import * as TeamSharingRedux from '../../Redux/ActionsReducers/TeamSharingRedux';
-import * as LayoutRedux from '../../Redux/ActionsReducers/LayoutRedux';
-import { SummaryRowItem } from '../Components/ModuleSummary/SummaryRowItem';
-import { ModuleProfile } from '../Components/ModuleProfile';
-import { ButtonClear } from '../Components/Buttons/ButtonClear';
-import { UIHelper } from '../UIHelper';
-import { getColumnFilterSelector } from '../../Redux/ActionsReducers/LayoutRedux';
-export class FilterSummaryComponent extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterSummary = exports.FilterSummaryComponent = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
+const PopupRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/PopupRedux"));
+const TeamSharingRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/TeamSharingRedux"));
+const LayoutRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/LayoutRedux"));
+const SummaryRowItem_1 = require("../Components/ModuleSummary/SummaryRowItem");
+const ModuleProfile_1 = require("../Components/ModuleProfile");
+const ButtonClear_1 = require("../Components/Buttons/ButtonClear");
+const UIHelper_1 = require("../UIHelper");
+const LayoutRedux_1 = require("../../Redux/ActionsReducers/LayoutRedux");
+class FilterSummaryComponent extends React.Component {
     constructor(props) {
         super(props);
-        this.state = UIHelper.getEmptyConfigState();
+        this.state = UIHelper_1.UIHelper.getEmptyConfigState();
     }
     render() {
         let columnFilter = this.props.ColumnFilters.find((c) => c.ColumnId == this.props.summarisedColumn.columnId);
         let description = this.getDescription(columnFilter);
         let summaryItems = [];
-        summaryItems.push(React.createElement("b", null, React.createElement(ModuleProfile, { moduleInfo: this.props.moduleInfo })));
+        summaryItems.push(React.createElement("b", null, React.createElement(ModuleProfile_1.ModuleProfile, { moduleInfo: this.props.moduleInfo })));
         summaryItems.push(description);
-        summaryItems.push(React.createElement(ButtonClear, { marginLeft: 1, onClick: () => this.props.onClearFilter(columnFilter), tooltip: "Clear Filter", disabled: columnFilter == null, accessLevel: this.props.accessLevel }));
-        return React.createElement(SummaryRowItem, { SummaryItems: summaryItems });
+        summaryItems.push(React.createElement(ButtonClear_1.ButtonClear, { marginLeft: 1, onClick: () => this.props.onClearFilter(columnFilter), tooltip: "Clear Filter", disabled: columnFilter == null, accessLevel: this.props.accessLevel }));
+        return React.createElement(SummaryRowItem_1.SummaryRowItem, { SummaryItems: summaryItems });
     }
     getDescription(columnFilter) {
         if (this.props.summarisedColumn && !this.props.summarisedColumn.filterable) {
@@ -33,9 +37,10 @@ export class FilterSummaryComponent extends React.Component {
         return this.props.api.columnFilterApi.internalApi.columnFilterToString(columnFilter);
     }
 }
+exports.FilterSummaryComponent = FilterSummaryComponent;
 function mapStateToProps(state) {
     return {
-        ColumnFilters: getColumnFilterSelector(state),
+        ColumnFilters: (0, LayoutRedux_1.getColumnFilterSelector)(state),
     };
 }
 function mapDispatchToProps(dispatch) {
@@ -45,4 +50,4 @@ function mapDispatchToProps(dispatch) {
         onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.ColumnFilterModuleId, config)),
     };
 }
-export let FilterSummary = connect(mapStateToProps, mapDispatchToProps)(FilterSummaryComponent);
+exports.FilterSummary = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(FilterSummaryComponent);

package/src/View/Filter/FilterViewPanel.js

@@ -1,15 +1,19 @@
-import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
-import * as React from 'react';
-import { ActiveFiltersPanel } from './ActiveFiltersPanel';
-import { Flex } from 'rebass';
-import { ArrayExtensions } from '../../Utilities/Extensions/ArrayExtensions';
-import { AdaptablePopover } from '../AdaptablePopover';
-import { ButtonClear } from '../Components/Buttons/ButtonClear';
-import { CheckBox } from '../../components/CheckBox';
-import { connect } from 'react-redux';
-import { getColumnFilterSelector } from '../../Redux/ActionsReducers/LayoutRedux';
-import SimpleButton from '../../components/SimpleButton';
-import join from '../../components/utils/join';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterViewPanelControl = void 0;
+const tslib_1 = require("tslib");
+const SystemRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/SystemRedux"));
+const React = tslib_1.__importStar(require("react"));
+const ActiveFiltersPanel_1 = require("./ActiveFiltersPanel");
+const rebass_1 = require("rebass");
+const ArrayExtensions_1 = require("../../Utilities/Extensions/ArrayExtensions");
+const AdaptablePopover_1 = require("../AdaptablePopover");
+const ButtonClear_1 = require("../Components/Buttons/ButtonClear");
+const CheckBox_1 = require("../../components/CheckBox");
+const react_redux_1 = require("react-redux");
+const LayoutRedux_1 = require("../../Redux/ActionsReducers/LayoutRedux");
+const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
+const join_1 = tslib_1.__importDefault(require("../../components/utils/join"));
 class FilterViewPanelComponent extends React.Component {
     constructor(props) {
         super(props);
@@ -29,12 +33,12 @@ class FilterViewPanelComponent extends React.Component {
                 this.props.api.columnFilterApi.unSuspendAllColumnFilters();
             }
         };
-        return (React.createElement(Flex, { flexDirection: "row", className: `ab-${elementType}__Filter__wrap`, flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
-            React.createElement(Flex, null,
-                ArrayExtensions.IsNotNullOrEmpty(this.props.ColumnFilters) && (React.createElement(AdaptablePopover, { popupPadding: 0, className: `ab-${elementType}__Filter__info`, headerText: "", bodyText: [React.createElement(ActiveFiltersPanel, null)], useButton: true, showEvent: 'focus', hideEvent: "blur", popoverMinWidth: 400 })),
-                showClearButton && (React.createElement(ButtonClear, { className: `ab-${elementType}__Filter__clear`, marginLeft: 1, marginBottom: 0, marginRight: 1, onClick: () => this.onClearFilters(), tooltip: "Clear Filters", disabled: this.props.ColumnFilters.length == 0, showText: this.props.viewType === 'ToolPanel' }, this.props.viewType === 'ToolPanel' && 'Clear')),
-                showSuspendFilterButton && (React.createElement(SimpleButton, { className: join(`ab-${elementType}__Filter__suspend-button`, isAtLeastOneFilterActive && `ab-${elementType}__Filter__suspend-all`, !isAtLeastOneFilterActive && `ab-${elementType}__Filter__un-suspend-all`), disabled: !isAtLeastOneFilter, onClick: handleSuspendUnsuspendAll, tone: isAtLeastOneFilterActive ? 'neutral' : 'success', variant: "text", icon: isAtLeastOneFilterActive ? 'pause' : 'play', accessLevel: this.props.accessLevel }))),
-            React.createElement(Flex, { alignItems: "center" }, this.props.api.columnFilterApi.isQuickFilterAvailable() && (React.createElement(CheckBox, { className: `ab-${elementType}__Filter__active-check`, disabled: this.props.accessLevel === 'ReadOnly' ||
+        return (React.createElement(rebass_1.Flex, { flexDirection: "row", className: `ab-${elementType}__Filter__wrap`, flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
+            React.createElement(rebass_1.Flex, null,
+                ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(this.props.ColumnFilters) && (React.createElement(AdaptablePopover_1.AdaptablePopover, { popupPadding: 0, className: `ab-${elementType}__Filter__info`, headerText: "", bodyText: [React.createElement(ActiveFiltersPanel_1.ActiveFiltersPanel, null)], useButton: true, showEvent: 'focus', hideEvent: "blur", popoverMinWidth: 400 })),
+                showClearButton && (React.createElement(ButtonClear_1.ButtonClear, { className: `ab-${elementType}__Filter__clear`, marginLeft: 1, marginBottom: 0, marginRight: 1, onClick: () => this.onClearFilters(), tooltip: "Clear Filters", disabled: this.props.ColumnFilters.length == 0, showText: this.props.viewType === 'ToolPanel' }, this.props.viewType === 'ToolPanel' && 'Clear')),
+                showSuspendFilterButton && (React.createElement(SimpleButton_1.default, { className: (0, join_1.default)(`ab-${elementType}__Filter__suspend-button`, isAtLeastOneFilterActive && `ab-${elementType}__Filter__suspend-all`, !isAtLeastOneFilterActive && `ab-${elementType}__Filter__un-suspend-all`), disabled: !isAtLeastOneFilter, onClick: handleSuspendUnsuspendAll, tone: isAtLeastOneFilterActive ? 'neutral' : 'success', variant: "text", icon: isAtLeastOneFilterActive ? 'pause' : 'play', accessLevel: this.props.accessLevel }))),
+            React.createElement(rebass_1.Flex, { alignItems: "center" }, this.props.api.columnFilterApi.isQuickFilterAvailable() && (React.createElement(CheckBox_1.CheckBox, { className: `ab-${elementType}__Filter__active-check`, disabled: this.props.accessLevel === 'ReadOnly' ||
                     this.props.api.internalApi.isGridInPivotMode(), marginTop: 0, marginBottom: 0, fontSize: 2, padding: 1, checked: this.props.IsQuickFilterVisible, onChange: (checked) => {
                     checked ? this.props.onShowQuickFilterBar() : this.props.onHideQuickFilterBar();
                 } }, "Filter Bar")))));
@@ -48,7 +52,7 @@ class FilterViewPanelComponent extends React.Component {
 }
 function mapStateToProps(state) {
     return {
-        ColumnFilters: getColumnFilterSelector(state),
+        ColumnFilters: (0, LayoutRedux_1.getColumnFilterSelector)(state),
         IsQuickFilterVisible: state.System.IsQuickFilterVisible,
     };
 }
@@ -58,4 +62,4 @@ function mapDispatchToProps(dispatch) {
         onShowQuickFilterBar: () => dispatch(SystemRedux.SystemQuickFilterBarShow()),
     };
 }
-export const FilterViewPanelControl = connect(mapStateToProps, mapDispatchToProps)(FilterViewPanelComponent);
+exports.FilterViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(FilterViewPanelComponent);

package/src/View/FlashingCell/FlashingCellStyle.js

@@ -1,17 +1,21 @@
-import { __rest } from "tslib";
-import React from 'react';
-import { Flex } from 'rebass';
-import { StylePreview } from '../../components/StylePreview';
-export const FlashingCellStyle = (props) => {
-    const { data } = props, boxProps = __rest(props, ["data"]);
-    return (React.createElement(Flex, Object.assign({ flexDirection: "row" }, boxProps),
-        React.createElement(StylePreview, { "data-value": "up-style", mr: 1, flex: 1, styleObject: props.data.UpChangeStyle },
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlashingCellStyle = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const rebass_1 = require("rebass");
+const StylePreview_1 = require("../../components/StylePreview");
+const FlashingCellStyle = (props) => {
+    const { data } = props, boxProps = tslib_1.__rest(props, ["data"]);
+    return (react_1.default.createElement(rebass_1.Flex, Object.assign({ flexDirection: "row" }, boxProps),
+        react_1.default.createElement(StylePreview_1.StylePreview, { "data-value": "up-style", mr: 1, flex: 1, styleObject: props.data.UpChangeStyle },
             "Up ",
             !props.data.UpChangeStyle ? ' - no style' : ''),
-        React.createElement(StylePreview, { "data-value": "down-style", mr: 1, flex: 1, styleObject: props.data.DownChangeStyle },
+        react_1.default.createElement(StylePreview_1.StylePreview, { "data-value": "down-style", mr: 1, flex: 1, styleObject: props.data.DownChangeStyle },
             "Down",
             !props.data.DownChangeStyle ? ' - no style' : ''),
-        React.createElement(StylePreview, { "data-value": "neutral-style", flex: 1, styleObject: props.data.NeutralChangeStyle },
+        react_1.default.createElement(StylePreview_1.StylePreview, { "data-value": "neutral-style", flex: 1, styleObject: props.data.NeutralChangeStyle },
             "Neutral ",
             !props.data.NeutralChangeStyle ? ' - no style' : '')));
 };
+exports.FlashingCellStyle = FlashingCellStyle;

package/src/View/FlashingCell/Wizard/FlashingCellRulesWizardSection.js

@@ -1,32 +1,37 @@
-import * as React from 'react';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import { CodeBlock } from '../../../components/CodeBlock';
-import { EntityRulesEditor, EntityRulesSummary } from '../../Components/EntityRulesEditor';
-export const renderFlashingAlertRulesSummary = (flashingAlert) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlashingAlertRulesWizardSection = exports.renderFlashingAlertRulesSummary = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+const CodeBlock_1 = require("../../../components/CodeBlock");
+const EntityRulesEditor_1 = require("../../Components/EntityRulesEditor");
+const renderFlashingAlertRulesSummary = (flashingAlert) => {
     var _a;
-    const { api: { flashingCellApi }, } = useOnePageAdaptableWizardContext();
+    const { api: { flashingCellApi }, } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const FlashTarget = (_a = flashingAlert.FlashTarget) !== null && _a !== void 0 ? _a : flashingCellApi.getFlashingCellFlashTarget(flashingAlert);
-    return (React.createElement(EntityRulesSummary, { data: flashingAlert, renderPredicate: (content) => {
+    return (React.createElement(EntityRulesEditor_1.EntityRulesSummary, { data: flashingAlert, renderPredicate: (content) => {
             return (React.createElement(React.Fragment, null,
                 "Flash ",
-                React.createElement(CodeBlock, null, FlashTarget),
+                React.createElement(CodeBlock_1.CodeBlock, null, FlashTarget),
                 " - value condition",
                 ' ',
-                React.createElement(CodeBlock, null, content)));
+                React.createElement(CodeBlock_1.CodeBlock, null, content)));
         }, renderQueryExpression: (content) => {
             return (React.createElement(React.Fragment, null,
                 "Flash ",
-                React.createElement(CodeBlock, null, FlashTarget),
+                React.createElement(CodeBlock_1.CodeBlock, null, FlashTarget),
                 " when",
                 ' ',
                 React.createElement("b", null,
-                    React.createElement(CodeBlock, null, content))));
+                    React.createElement(CodeBlock_1.CodeBlock, null, content))));
         } }));
 };
-export const FlashingAlertRulesWizardSection = (props) => {
-    const { data, api, moduleInfo } = useOnePageAdaptableWizardContext();
+exports.renderFlashingAlertRulesSummary = renderFlashingAlertRulesSummary;
+const FlashingAlertRulesWizardSection = (props) => {
+    const { data, api, moduleInfo } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const predicateDefs = api.flashingCellApi.getFlashingCellPredicateDefsForScope(data.Scope);
-    return (React.createElement(EntityRulesEditor, { module: moduleInfo.ModuleName, defaultPredicateId: "AnyChange", data: data, predicateDefs: predicateDefs, getPredicateDefsForColId: (colId) => api.flashingCellApi.getFlashingCellPredicateDefsForScope({ ColumnIds: [colId] }), onChange: props.onChange, showAggregation: false, showObservable: false, showBoolean: true, showPredicate: true, descriptions: {
+    return (React.createElement(EntityRulesEditor_1.EntityRulesEditor, { module: moduleInfo.ModuleName, defaultPredicateId: "AnyChange", data: data, predicateDefs: predicateDefs, getPredicateDefsForColId: (colId) => api.flashingCellApi.getFlashingCellPredicateDefsForScope({ ColumnIds: [colId] }), onChange: props.onChange, showAggregation: false, showObservable: false, showBoolean: true, showPredicate: true, descriptions: {
             selectPredicate: 'Select an Flashing Cell Rule - to be applied when data changes',
             useBooleanQuery: (React.createElement(React.Fragment, null,
                 "Use an BooleanQuery if ",
@@ -42,3 +47,4 @@ export const FlashingAlertRulesWizardSection = (props) => {
                 " is 'All Columns' - so any data change may be evaluated in a complex AggregatedBooleanExpression")),
         } }));
 };
+exports.FlashingAlertRulesWizardSection = FlashingAlertRulesWizardSection;

package/src/View/FlashingCell/Wizard/FlashingCellScopeWizardSection.js

@@ -1,11 +1,15 @@
-import * as React from 'react';
-import { Flex } from 'rebass';
-import { NewScopeComponent } from '../../Components/NewScopeComponent';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-export const FlashingAlertScopeWizardSection = (props) => {
-    const { data, api } = useOnePageAdaptableWizardContext();
-    return (React.createElement(Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
-        React.createElement(NewScopeComponent, { descriptions: {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlashingAlertScopeWizardSection = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
+const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+const FlashingAlertScopeWizardSection = (props) => {
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    return (React.createElement(rebass_1.Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
+        React.createElement(NewScopeComponent_1.NewScopeComponent, { descriptions: {
                 rowScope: 'Changes anywhere in the row will trigger an Flashing Cell',
                 columnScope: 'Changes in selected columns will trigger an Flashing Cell',
             }, scope: data.Scope, updateScope: (Scope) => {
@@ -20,3 +24,4 @@ export const FlashingAlertScopeWizardSection = (props) => {
                 props.onChange(newData);
             } })));
 };
+exports.FlashingAlertScopeWizardSection = FlashingAlertScopeWizardSection;

package/src/View/FlashingCell/Wizard/FlashingCellSettingsWizardSection.js

@@ -1,33 +1,38 @@
-import * as React from 'react';
-import { useRef } from 'react';
-import { Flex, Text } from 'rebass';
-import Input from '../../../components/Input';
-import usePrevious from '../../../components/utils/usePrevious';
-import Radio from '../../../components/Radio';
-import { Tabs } from '../../../components/Tabs';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import { CodeBlock } from '../../../components/CodeBlock';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import { CheckBox } from '../../../components/CheckBox';
-export const renderFlashingAlertSettingsSummary = (flashingAlert) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlashingAlertSettingsWizardSection = exports.renderFlashingAlertSettingsSummary = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
+const rebass_1 = require("rebass");
+const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
+const usePrevious_1 = tslib_1.__importDefault(require("../../../components/utils/usePrevious"));
+const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
+const Tabs_1 = require("../../../components/Tabs");
+const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+const CodeBlock_1 = require("../../../components/CodeBlock");
+const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
+const CheckBox_1 = require("../../../components/CheckBox");
+const renderFlashingAlertSettingsSummary = (flashingAlert) => {
     return (React.createElement(React.Fragment, null,
-        React.createElement(Text, { fontSize: 2 }, flashingAlert.FlashDuration === 'always' ? (React.createElement(React.Fragment, null, "Flashing is never removed")) : (React.createElement(React.Fragment, null,
+        React.createElement(rebass_1.Text, { fontSize: 2 }, flashingAlert.FlashDuration === 'always' ? (React.createElement(React.Fragment, null, "Flashing is never removed")) : (React.createElement(React.Fragment, null,
             "Flashing is removed after ",
-            React.createElement(CodeBlock, null, flashingAlert.FlashDuration),
+            React.createElement(CodeBlock_1.CodeBlock, null, flashingAlert.FlashDuration),
             ' ',
             "milliseconds")))));
 };
-export const FlashingAlertSettingsWizardSection = (props) => {
+exports.renderFlashingAlertSettingsSummary = renderFlashingAlertSettingsSummary;
+const FlashingAlertSettingsWizardSection = (props) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    let { data: flashingCell } = useOnePageAdaptableWizardContext();
+    let { data: flashingCell } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     flashingCell = flashingCell !== null && flashingCell !== void 0 ? flashingCell : props.flashingCell;
     const setDuration = (FlashDuration) => {
         props.onChange(Object.assign(Object.assign({}, flashingCell), { FlashDuration: FlashDuration }));
     };
     const duration = (_a = flashingCell.FlashDuration) !== null && _a !== void 0 ? _a : 500;
     const numberDuration = React.useRef(typeof duration === 'number' ? duration : 500);
-    const inputRef = useRef(null);
-    const oldDuration = usePrevious(duration, duration);
+    const inputRef = (0, react_1.useRef)(null);
+    const oldDuration = (0, usePrevious_1.default)(duration, duration);
     React.useEffect(() => {
         var _a;
         if (oldDuration === 'always' && duration != oldDuration) {
@@ -53,28 +58,29 @@ export const FlashingAlertSettingsWizardSection = (props) => {
         }
         props.onChange(Object.assign(Object.assign({}, flashingCell), { FlashTarget }));
     };
-    return (React.createElement(Flex, { height: "100%", flexDirection: "column", "data-name": "plus-minus-column-settings" },
-        React.createElement(Tabs, { autoFocus: false, padding: 2 },
-            React.createElement(Tabs.Tab, null, "Flashing Cell Settings"),
-            React.createElement(Tabs.Content, null,
-                React.createElement(FormLayout, null,
-                    React.createElement(FormRow, { label: "Duration Type" },
-                        React.createElement(Radio, { "data-name": "duration-type-always", mr: 3, checked: duration == 'always', tabIndex: -1, onChange: () => handleTypeChange('always') }, "Always"),
-                        React.createElement(Radio, { "data-name": "duration-type-number", checked: duration !== 'always', tabIndex: -1, onChange: () => handleTypeChange('number') }, "Limited (ms)")),
-                    React.createElement(FormRow, { label: "" },
-                        duration !== 'always' && (React.createElement(Flex, { flexDirection: "row", alignItems: "baseline" },
-                            React.createElement(Text, { fontSize: 2, mr: 2 }, "After"),
-                            React.createElement(Input, { "data-name": "duration-input", readOnly: props.readOnly, type: "text", name: "value", ref: inputRef, mt: 2, mr: 1, value: duration, onChange: (event) => {
+    return (React.createElement(rebass_1.Flex, { height: "100%", flexDirection: "column", "data-name": "plus-minus-column-settings" },
+        React.createElement(Tabs_1.Tabs, { autoFocus: false, padding: 2 },
+            React.createElement(Tabs_1.Tabs.Tab, null, "Flashing Cell Settings"),
+            React.createElement(Tabs_1.Tabs.Content, null,
+                React.createElement(FormLayout_1.default, null,
+                    React.createElement(FormLayout_1.FormRow, { label: "Duration Type" },
+                        React.createElement(Radio_1.default, { "data-name": "duration-type-always", mr: 3, checked: duration == 'always', tabIndex: -1, onChange: () => handleTypeChange('always') }, "Always"),
+                        React.createElement(Radio_1.default, { "data-name": "duration-type-number", checked: duration !== 'always', tabIndex: -1, onChange: () => handleTypeChange('number') }, "Limited (ms)")),
+                    React.createElement(FormLayout_1.FormRow, { label: "" },
+                        duration !== 'always' && (React.createElement(rebass_1.Flex, { flexDirection: "row", alignItems: "baseline" },
+                            React.createElement(rebass_1.Text, { fontSize: 2, mr: 2 }, "After"),
+                            React.createElement(Input_1.default, { "data-name": "duration-input", readOnly: props.readOnly, type: "text", name: "value", ref: inputRef, mt: 2, mr: 1, value: duration, onChange: (event) => {
                                     const value = event.target.value;
                                     setDuration(isNaN(Number(value)) ? 500 : Number(value));
                                 } }),
-                            React.createElement(Text, { fontSize: 2 }, "milliseconds"))),
-                        duration === 'always' && (React.createElement(Text, { height: 43, fontSize: 3 }, "Persists the flashing style indeterminately - can be removed manually"))),
-                    React.createElement(FormRow, { label: "Flash Target" },
-                        React.createElement(CheckBox, { "data-name": "flashing-target", onChange: (checked) => handleTargetChange('cell', checked), mr: 3, checked: (flashingCell === null || flashingCell === void 0 ? void 0 : flashingCell.FlashTarget) === 'cell' ||
+                            React.createElement(rebass_1.Text, { fontSize: 2 }, "milliseconds"))),
+                        duration === 'always' && (React.createElement(rebass_1.Text, { height: 43, fontSize: 3 }, "Persists the flashing style indeterminately - can be removed manually"))),
+                    React.createElement(FormLayout_1.FormRow, { label: "Flash Target" },
+                        React.createElement(CheckBox_1.CheckBox, { "data-name": "flashing-target", onChange: (checked) => handleTargetChange('cell', checked), mr: 3, checked: (flashingCell === null || flashingCell === void 0 ? void 0 : flashingCell.FlashTarget) === 'cell' ||
                                 ((_c = (_b = flashingCell === null || flashingCell === void 0 ? void 0 : flashingCell.FlashTarget) === null || _b === void 0 ? void 0 : _b.includes) === null || _c === void 0 ? void 0 : _c.call(_b, 'cell')), tabIndex: -1 }, "Cell"),
-                        React.createElement(CheckBox, { "data-name": "flashing-target-row", mr: 3, onChange: (checked) => handleTargetChange('row', checked), checked: (flashingCell === null || flashingCell === void 0 ? void 0 : flashingCell.FlashTarget) === 'row' ||
+                        React.createElement(CheckBox_1.CheckBox, { "data-name": "flashing-target-row", mr: 3, onChange: (checked) => handleTargetChange('row', checked), checked: (flashingCell === null || flashingCell === void 0 ? void 0 : flashingCell.FlashTarget) === 'row' ||
                                 ((_e = (_d = flashingCell === null || flashingCell === void 0 ? void 0 : flashingCell.FlashTarget) === null || _d === void 0 ? void 0 : _d.includes) === null || _e === void 0 ? void 0 : _e.call(_d, 'row')), tabIndex: -1 }, "Row"),
-                        React.createElement(CheckBox, { "data-name": "flashing-target-aggFuncCell", onChange: (checked) => handleTargetChange('aggFuncCell', checked), checked: (flashingCell === null || flashingCell === void 0 ? void 0 : flashingCell.FlashTarget) === 'aggFuncCell' ||
+                        React.createElement(CheckBox_1.CheckBox, { "data-name": "flashing-target-aggFuncCell", onChange: (checked) => handleTargetChange('aggFuncCell', checked), checked: (flashingCell === null || flashingCell === void 0 ? void 0 : flashingCell.FlashTarget) === 'aggFuncCell' ||
                                 ((_g = (_f = flashingCell === null || flashingCell === void 0 ? void 0 : flashingCell.FlashTarget) === null || _f === void 0 ? void 0 : _f.includes) === null || _g === void 0 ? void 0 : _g.call(_f, 'aggFuncCell')), tabIndex: -1 }, "Aggregated Function Cell")))))));
 };
+exports.FlashingAlertSettingsWizardSection = FlashingAlertSettingsWizardSection;