@adaptabletools/adaptable 16.2.3 → 17.0.0-canary.0

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

@@ -1,10 +1,6 @@
-"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 {
+import * as React from 'react';
+import { WizardSummaryPage } from '../../Components/WizardSummaryPage';
+export class ReportSummaryWizard extends React.Component {
     constructor(props) {
         super(props);
     }
@@ -24,7 +20,7 @@ class ReportSummaryWizard extends React.Component {
                     .GetReportExpressionDescription(this.props.data, this.props.api.columnApi.getColumns()),
             },
         ];
-        return (React.createElement(WizardSummaryPage_1.WizardSummaryPage, { KeyValuePairs: keyValuePairs, header: this.props.moduleInfo.FriendlyName }));
+        return (React.createElement(WizardSummaryPage, { KeyValuePairs: keyValuePairs, header: this.props.moduleInfo.FriendlyName }));
     }
     canNext() {
         return true;
@@ -41,4 +37,3 @@ class ReportSummaryWizard extends React.Component {
         return 1;
     }
 }
-exports.ReportSummaryWizard = ReportSummaryWizard;

package/src/View/Export/constants.js

@@ -1,5 +1,2 @@
-"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';
+export const SELECT_REPORT_STRING = 'Select Report';
+export const SELECT_DESTINATION_STRING = 'Select Destination';

package/src/View/Filter/ActiveFiltersPanel.js

@@ -1,15 +1,10 @@
-"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.FilterModuleId);
-    const columnFilters = adaptable.api.filterApi.getColumnFilters();
-    return React.createElement(AdaptableObjectCompactList_1.AdaptableObjectCompactList, { abObjects: columnFilters, module: filterModule });
+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();
+    const filterModule = adaptable.ModuleService.getModuleById(ModuleConstants.ColumnFilterModuleId);
+    const columnFilters = adaptable.api.columnFilterApi.getColumnFilters();
+    return React.createElement(AdaptableObjectCompactList, { abObjects: columnFilters, module: filterModule });
 };
-exports.ActiveFiltersPanel = ActiveFiltersPanel;

package/src/View/Filter/FilterStatusBarSubPanelPopover.js

@@ -1,10 +1,5 @@
-"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);
+import * as React from 'react';
+import { ActiveFiltersPanel } from './ActiveFiltersPanel';
+export const FilterStatusBarSubPanelPopover = () => {
+    return React.createElement(ActiveFiltersPanel, null);
 };
-exports.FilterStatusBarSubPanelPopover = FilterStatusBarSubPanelPopover;

package/src/View/Filter/FilterSummary.d.ts

@@ -12,4 +12,4 @@ export declare class FilterSummaryComponent extends React.Component<FilterSummar
     render(): any;
     getDescription(columnFilter: ColumnFilter): string;
 }
-export declare let FilterSummary: import("react-redux").ConnectedComponent<typeof FilterSummaryComponent, import("react-redux").Omit<React.ClassAttributes<FilterSummaryComponent> & FilterSummaryProps, "ColumnFilters" | "onClearPopupParams" | "onShare" | "onClearFilter">>;
+export declare let FilterSummary: import("react-redux").ConnectedComponent<typeof FilterSummaryComponent, import("react-redux").Omit<JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>, "ColumnFilters" | "onClearPopupParams" | "onShare" | "onClearFilter">>;

package/src/View/Filter/FilterSummary.js

@@ -1,31 +1,27 @@
-"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 {
+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 {
     constructor(props) {
         super(props);
-        this.state = UIHelper_1.UIHelper.getEmptyConfigState();
+        this.state = 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_1.ModuleProfile, { moduleInfo: this.props.moduleInfo })));
+        summaryItems.push(React.createElement("b", null, React.createElement(ModuleProfile, { moduleInfo: this.props.moduleInfo })));
         summaryItems.push(description);
-        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 });
+        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 });
     }
     getDescription(columnFilter) {
         if (this.props.summarisedColumn && !this.props.summarisedColumn.filterable) {
@@ -34,20 +30,19 @@ class FilterSummaryComponent extends React.Component {
         if (columnFilter == null) {
             return 'No Column Filter Active';
         }
-        return this.props.api.filterApi.internalApi.columnFilterToString(columnFilter);
+        return this.props.api.columnFilterApi.internalApi.columnFilterToString(columnFilter);
     }
 }
-exports.FilterSummaryComponent = FilterSummaryComponent;
 function mapStateToProps(state) {
     return {
-        ColumnFilters: (0, LayoutRedux_1.getColumnFilterSelector)(state),
+        ColumnFilters: getColumnFilterSelector(state),
     };
 }
 function mapDispatchToProps(dispatch) {
     return {
         onClearFilter: (columnFilter) => dispatch(LayoutRedux.LayoutColumnFilterClear(columnFilter)),
         onClearPopupParams: () => dispatch(PopupRedux.PopupClearParam()),
-        onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.FilterModuleId, config)),
+        onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.ColumnFilterModuleId, config)),
     };
 }
-exports.FilterSummary = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(FilterSummaryComponent);
+export let FilterSummary = connect(mapStateToProps, mapDispatchToProps)(FilterSummaryComponent);

package/src/View/Filter/FilterViewPanel.d.ts

@@ -18,5 +18,5 @@ declare class FilterViewPanelComponent extends React.Component<FilterViewPanelCo
     private onClearFilters;
     private onClearColumnFilter;
 }
-export declare const FilterViewPanelControl: import("react-redux").ConnectedComponent<typeof FilterViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<FilterViewPanelComponent> & FilterViewPanelComponentProps, "api" | "accessLevel" | "moduleInfo" | "Columns" | "ColumnFilters" | "IsQuickFilterVisible" | "viewType" | "onHideQuickFilterBar" | "onShowQuickFilterBar" | "Entitlements">>;
+export declare const FilterViewPanelControl: import("react-redux").ConnectedComponent<typeof FilterViewPanelComponent, import("react-redux").Omit<JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>, keyof FilterViewPanelComponentProps>>;
 export {};

package/src/View/Filter/FilterViewPanel.js

@@ -1,19 +1,15 @@
-"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"));
+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';
 class FilterViewPanelComponent extends React.Component {
     constructor(props) {
         super(props);
@@ -21,38 +17,38 @@ class FilterViewPanelComponent extends React.Component {
     render() {
         var _a, _b;
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-        const showClearButton = (_a = this.props.api.optionsApi.getFilterOptions()) === null || _a === void 0 ? void 0 : _a.showClearFilterButton;
-        const showSuspendFilterButton = (_b = this.props.api.optionsApi.getFilterOptions()) === null || _b === void 0 ? void 0 : _b.showSuspendFilterButton;
-        const isAtLeastOneFilterActive = this.props.api.filterApi.getActiveColumnFilters().length > 0;
-        const isAtLeastOneFilter = this.props.api.filterApi.getColumnFilters().length > 0;
+        const showClearButton = (_a = this.props.api.optionsApi.getColumnFilterOptions()) === null || _a === void 0 ? void 0 : _a.showClearFilterButton;
+        const showSuspendFilterButton = (_b = this.props.api.optionsApi.getColumnFilterOptions()) === null || _b === void 0 ? void 0 : _b.showSuspendFilterButton;
+        const isAtLeastOneFilterActive = this.props.api.columnFilterApi.getActiveColumnFilters().length > 0;
+        const isAtLeastOneFilter = this.props.api.columnFilterApi.getColumnFilters().length > 0;
         const handleSuspendUnsuspendAll = () => {
             if (isAtLeastOneFilterActive) {
-                this.props.api.filterApi.suspendAllColumnFilters();
+                this.props.api.columnFilterApi.suspendAllColumnFilters();
             }
             else {
-                this.props.api.filterApi.unSuspendAllColumnFilters();
+                this.props.api.columnFilterApi.unSuspendAllColumnFilters();
             }
         };
-        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.filterApi.isQuickFilterAvailable() && (React.createElement(CheckBox_1.CheckBox, { className: `ab-${elementType}__Filter__active-check`, disabled: this.props.accessLevel === 'ReadOnly' ||
+        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' ||
                     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();
                 } }, "Quick Filter")))));
     }
     onClearFilters() {
-        this.props.api.filterApi.clearColumnFilters();
+        this.props.api.columnFilterApi.clearColumnFilters();
     }
     onClearColumnFilter(columnFilter) {
-        this.props.api.filterApi.clearColumnFilterForColumn(columnFilter.ColumnId);
+        this.props.api.columnFilterApi.clearColumnFilterForColumn(columnFilter.ColumnId);
     }
 }
 function mapStateToProps(state) {
     return {
-        ColumnFilters: (0, LayoutRedux_1.getColumnFilterSelector)(state),
+        ColumnFilters: getColumnFilterSelector(state),
         IsQuickFilterVisible: state.System.IsQuickFilterVisible,
     };
 }
@@ -62,4 +58,4 @@ function mapDispatchToProps(dispatch) {
         onShowQuickFilterBar: () => dispatch(SystemRedux.SystemQuickFilterBarShow()),
     };
 }
-exports.FilterViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(FilterViewPanelComponent);
+export const FilterViewPanelControl = connect(mapStateToProps, mapDispatchToProps)(FilterViewPanelComponent);

package/src/View/FlashingCell/FlashingCellStyle.js

@@ -1,21 +1,17 @@
-"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 },
+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 },
             "Up ",
             !props.data.UpChangeStyle ? ' - no style' : ''),
-        react_1.default.createElement(StylePreview_1.StylePreview, { "data-value": "down-style", mr: 1, flex: 1, styleObject: props.data.DownChangeStyle },
+        React.createElement(StylePreview, { "data-value": "down-style", mr: 1, flex: 1, styleObject: props.data.DownChangeStyle },
             "Down",
             !props.data.DownChangeStyle ? ' - no style' : ''),
-        react_1.default.createElement(StylePreview_1.StylePreview, { "data-value": "neutral-style", flex: 1, styleObject: props.data.NeutralChangeStyle },
+        React.createElement(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,37 +1,32 @@
-"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) => {
+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) => {
     var _a;
-    const { api: { flashingCellApi }, } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const { api: { flashingCellApi }, } = useOnePageAdaptableWizardContext();
     const FlashTarget = (_a = flashingAlert.FlashTarget) !== null && _a !== void 0 ? _a : flashingCellApi.getFlashingCellFlashTarget(flashingAlert);
-    return (React.createElement(EntityRulesEditor_1.EntityRulesSummary, { data: flashingAlert, renderPredicate: (content) => {
+    return (React.createElement(EntityRulesSummary, { data: flashingAlert, renderPredicate: (content) => {
             return (React.createElement(React.Fragment, null,
                 "Flash ",
-                React.createElement(CodeBlock_1.CodeBlock, null, FlashTarget),
+                React.createElement(CodeBlock, null, FlashTarget),
                 " - value condition",
                 ' ',
-                React.createElement(CodeBlock_1.CodeBlock, null, content)));
+                React.createElement(CodeBlock, null, content)));
         }, renderQueryExpression: (content) => {
             return (React.createElement(React.Fragment, null,
                 "Flash ",
-                React.createElement(CodeBlock_1.CodeBlock, null, FlashTarget),
+                React.createElement(CodeBlock, null, FlashTarget),
                 " when",
                 ' ',
                 React.createElement("b", null,
-                    React.createElement(CodeBlock_1.CodeBlock, null, content))));
+                    React.createElement(CodeBlock, null, content))));
         } }));
 };
-exports.renderFlashingAlertRulesSummary = renderFlashingAlertRulesSummary;
-const FlashingAlertRulesWizardSection = (props) => {
-    const { data, api, moduleInfo } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+export const FlashingAlertRulesWizardSection = (props) => {
+    const { data, api, moduleInfo } = useOnePageAdaptableWizardContext();
     const predicateDefs = api.flashingCellApi.getFlashingCellPredicateDefsForScope(data.Scope);
-    return (React.createElement(EntityRulesEditor_1.EntityRulesEditor, { module: moduleInfo.ModuleName, defaultPredicateId: "Any", 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, { module: moduleInfo.ModuleName, defaultPredicateId: "Any", 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 ",
@@ -47,4 +42,3 @@ 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,15 +1,11 @@
-"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: {
+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: {
                 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) => {
@@ -24,4 +20,3 @@ const FlashingAlertScopeWizardSection = (props) => {
                 props.onChange(newData);
             } })));
 };
-exports.FlashingAlertScopeWizardSection = FlashingAlertScopeWizardSection;

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

@@ -1,38 +1,33 @@
-"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) => {
+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) => {
     return (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,
+        React.createElement(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_1.CodeBlock, null, flashingAlert.FlashDuration),
+            React.createElement(CodeBlock, null, flashingAlert.FlashDuration),
             ' ',
             "milliseconds")))));
 };
-exports.renderFlashingAlertSettingsSummary = renderFlashingAlertSettingsSummary;
-const FlashingAlertSettingsWizardSection = (props) => {
+export const FlashingAlertSettingsWizardSection = (props) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    let { data: flashingCell } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    let { data: flashingCell } = 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 = (0, react_1.useRef)(null);
-    const oldDuration = (0, usePrevious_1.default)(duration, duration);
+    const inputRef = useRef(null);
+    const oldDuration = usePrevious(duration, duration);
     React.useEffect(() => {
         var _a;
         if (oldDuration === 'always' && duration != oldDuration) {
@@ -58,29 +53,28 @@ const FlashingAlertSettingsWizardSection = (props) => {
         }
         props.onChange(Object.assign(Object.assign({}, flashingCell), { FlashTarget }));
     };
-    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) => {
+    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) => {
                                     const value = event.target.value;
                                     setDuration(isNaN(Number(value)) ? 500 : Number(value));
                                 } }),
-                            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' ||
+                            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' ||
                                 ((_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_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' ||
+                        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' ||
                                 ((_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_1.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, { "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;

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

@@ -1,52 +1,46 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderFlashingAlertStyleSummary = exports.FlashingCellStyle = exports.FlashingAlertStyleWizardSection = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const Tabs_1 = require("../../../components/Tabs");
-const StyleComponent_1 = require("../../Components/StyleComponent");
-const StylePreview_1 = require("../../../components/StylePreview");
-const changeStyle = (React.createElement(rebass_1.Text, { fontSize: 2, style: { display: 'inline-block' } }, "Change style"));
-const FlashingAlertStyleWizardSection = (props) => {
+import { __rest } from "tslib";
+import * as React from 'react';
+import { Box, Text } from 'rebass';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { Tabs } from '../../../components/Tabs';
+import { StyleComponent } from '../../Components/StyleComponent';
+import { StylePreview } from '../../../components/StylePreview';
+const changeStyle = (React.createElement(Text, { fontSize: 2, style: { display: 'inline-block' } }, "Change style"));
+export const FlashingAlertStyleWizardSection = (props) => {
     var _a, _b, _c;
-    let { data: flashingAlert, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    let { data: flashingAlert, api } = useOnePageAdaptableWizardContext();
     flashingAlert = flashingAlert !== null && flashingAlert !== void 0 ? flashingAlert : props.flashingAlert;
     return (React.createElement(React.Fragment, null,
-        React.createElement(Tabs_1.Tabs, { defaultValue: "up" },
-            React.createElement(Tabs_1.Tabs.Tab, { value: "up" },
+        React.createElement(Tabs, { defaultValue: "up" },
+            React.createElement(Tabs.Tab, { value: "up" },
                 "Up ",
                 changeStyle),
-            React.createElement(Tabs_1.Tabs.Content, { value: "up" },
-                React.createElement(StyleComponent_1.StyleComponent, { headless: true, api: api, Style: (_a = flashingAlert.UpChangeStyle) !== null && _a !== void 0 ? _a : {}, UpdateStyle: (style) => props.onStyleChange('UpChangeStyle', style) })),
-            React.createElement(Tabs_1.Tabs.Tab, { value: "down" },
+            React.createElement(Tabs.Content, { value: "up" },
+                React.createElement(StyleComponent, { headless: true, api: api, Style: (_a = flashingAlert.UpChangeStyle) !== null && _a !== void 0 ? _a : {}, UpdateStyle: (style) => props.onStyleChange('UpChangeStyle', style) })),
+            React.createElement(Tabs.Tab, { value: "down" },
                 "Down ",
                 changeStyle),
-            React.createElement(Tabs_1.Tabs.Content, { value: "down" },
-                React.createElement(StyleComponent_1.StyleComponent, { headless: true, api: api, Style: (_b = flashingAlert.DownChangeStyle) !== null && _b !== void 0 ? _b : {}, UpdateStyle: (style) => props.onStyleChange('DownChangeStyle', style) })),
-            React.createElement(Tabs_1.Tabs.Tab, { value: "neutral" },
+            React.createElement(Tabs.Content, { value: "down" },
+                React.createElement(StyleComponent, { headless: true, api: api, Style: (_b = flashingAlert.DownChangeStyle) !== null && _b !== void 0 ? _b : {}, UpdateStyle: (style) => props.onStyleChange('DownChangeStyle', style) })),
+            React.createElement(Tabs.Tab, { value: "neutral" },
                 "Neutral ",
                 changeStyle),
-            React.createElement(Tabs_1.Tabs.Content, { value: "neutral" },
-                React.createElement(StyleComponent_1.StyleComponent, { headless: true, api: api, Style: (_c = flashingAlert.NeutralChangeStyle) !== null && _c !== void 0 ? _c : {}, UpdateStyle: (style) => props.onStyleChange('NeutralChangeStyle', style) })))));
+            React.createElement(Tabs.Content, { value: "neutral" },
+                React.createElement(StyleComponent, { headless: true, api: api, Style: (_c = flashingAlert.NeutralChangeStyle) !== null && _c !== void 0 ? _c : {}, UpdateStyle: (style) => props.onStyleChange('NeutralChangeStyle', style) })))));
 };
-exports.FlashingAlertStyleWizardSection = FlashingAlertStyleWizardSection;
-const FlashingCellStyle = (props) => {
-    const { data } = props, boxProps = tslib_1.__rest(props, ["data"]);
-    return (React.createElement(rebass_1.Box, Object.assign({}, boxProps),
-        React.createElement(StylePreview_1.StylePreview, { styleObject: props.data.UpChangeStyle },
+export const FlashingCellStyle = (props) => {
+    const { data } = props, boxProps = __rest(props, ["data"]);
+    return (React.createElement(Box, Object.assign({}, boxProps),
+        React.createElement(StylePreview, { styleObject: props.data.UpChangeStyle },
             "Up change style ",
             !props.data.UpChangeStyle ? ' - no style' : ''),
-        React.createElement(StylePreview_1.StylePreview, { mt: 2, styleObject: props.data.DownChangeStyle },
+        React.createElement(StylePreview, { mt: 2, styleObject: props.data.DownChangeStyle },
             "Down change style ",
             !props.data.DownChangeStyle ? ' - no style' : ''),
-        React.createElement(StylePreview_1.StylePreview, { mt: 2, styleObject: props.data.NeutralChangeStyle },
+        React.createElement(StylePreview, { mt: 2, styleObject: props.data.NeutralChangeStyle },
             "Neutral change style ",
             !props.data.NeutralChangeStyle ? ' - no style' : '')));
 };
-exports.FlashingCellStyle = FlashingCellStyle;
-const renderFlashingAlertStyleSummary = (flashingAlert) => {
-    return React.createElement(exports.FlashingCellStyle, { data: flashingAlert });
+export const renderFlashingAlertStyleSummary = (flashingAlert) => {
+    return React.createElement(FlashingCellStyle, { data: flashingAlert });
 };
-exports.renderFlashingAlertStyleSummary = renderFlashingAlertStyleSummary;