@adaptabletools/adaptable 12.0.0-canary.1 → 12.0.0-canary.4

package/src/View/Dashboard/CustomToolbarWrapper.js

@@ -7,7 +7,7 @@ const react_1 = require("react");
 const PanelDashboard_1 = require("../Components/Panels/PanelDashboard");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
 const AdaptableContext_1 = require("../AdaptableContext");
-exports.CustomToolbarWrapper = (props) => {
+const CustomToolbarWrapper = (props) => {
     let contentsDivId = 'ab-CustomToolbar__' + props.customToolbar.name + '__contents';
     let buttonsDivId = 'ab-CustomToolbar__' + props.customToolbar.name + '__buttons';
     const [contentsHTML, setContentsHTML] = react_1.useState('');
@@ -97,3 +97,4 @@ exports.CustomToolbarWrapper = (props) => {
                     buttonLabel));
             }))));
 };
+exports.CustomToolbarWrapper = CustomToolbarWrapper;

package/src/View/Dashboard/Dashboard.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import * as Redux from 'redux';
 import { ModuleViewPopupProps } from '../Components/SharedProps/ModuleViewPopupProps';
-import { DashboardState, AdaptableCoordinate } from '../../PredefinedConfig/DashboardState';
+import { AdaptableCoordinate, DashboardState } from '../../PredefinedConfig/DashboardState';
 import { GridState } from '../../PredefinedConfig/GridState';
 import * as DashboardRedux from '../../Redux/ActionsReducers/DashboardRedux';
 import * as PopupRedux from '../../Redux/ActionsReducers/PopupRedux';

package/src/View/Dashboard/Dashboard.js

@@ -6,6 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const react_redux_1 = require("react-redux");
 const AdaptableViewFactory_1 = require("../AdaptableViewFactory");
 const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
+const ModuleConstants_1 = require("../../Utilities/Constants/ModuleConstants");
 const DashboardRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/DashboardRedux"));
 const PopupRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/PopupRedux"));
 const QuickSearchRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/QuickSearchRedux"));
@@ -19,9 +20,8 @@ const useQuickSearchDebounced_1 = require("../QuickSearch/useQuickSearchDebounce
 const UIHelper_1 = tslib_1.__importDefault(require("../UIHelper"));
 const ModuleToolbarWrapper_1 = require("./ModuleToolbarWrapper");
 const CustomToolbarWrapper_1 = require("./CustomToolbarWrapper");
-const ModuleConstants_1 = require("../../Utilities/Constants/ModuleConstants");
-const ApplicationIcon_1 = require("../../components/ApplicationIcon");
 const CustomDashboardButton_1 = require("./CustomDashboardButton");
+const AdaptableIconComponent_1 = require("../../components/AdaptableIconComponent");
 const DashboardComponent = (props) => {
     const [searchText, search] = useQuickSearchDebounced_1.useQuickSearchDebounced(props);
     const dashboardAccessLevel = props.api.internalApi
@@ -106,6 +106,7 @@ const DashboardComponent = (props) => {
     let dashboardOptions = props.api.internalApi.getAdaptableOptions().dashboardOptions;
     const shouldRenderQuickSearchHeader = dashboardOptions.showQuickSearchInHeader &&
         props.api.internalApi.getModuleService().getModuleById(ModuleConstants_1.QuickSearchModuleId).isModuleAvailable();
+    const applicationIcon = props.api.internalApi.getAdaptableOptions().userInterfaceOptions.applicationIcon;
     return props.DashboardState.IsHidden ? (React.createElement("div", null)) : (React.createElement(Dashboard_1.Dashboard, { title: instanceName, canFloat: props.api.internalApi.getAdaptableOptions().dashboardOptions.canFloat, activeTabIndex: props.DashboardState.ActiveTabIndex, onActiveTabIndexChange: (ActiveTabIndex) => {
             props.onSetActiveTabIndex(ActiveTabIndex);
         }, collapsed: props.DashboardState.IsCollapsed, onCollapsedChange: (IsCollapsed) => {
@@ -123,7 +124,7 @@ const DashboardComponent = (props) => {
                 props.onSetFloatingPosition(FloatingPositionCallback);
             }
         }, left: React.createElement(React.Fragment, null,
-            React.createElement(ApplicationIcon_1.ApplicationIcon, { className: "ab-Dashboard__application-icon", icon: props.api.internalApi.getAdaptableOptions().userInterfaceOptions.applicationIcon }),
+            React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { icon: applicationIcon, iconClassName: "ab-Dashboard__application-icon" }),
             dashboardOptions.buttonsLocation === 'left' && renderModuleButtons()), right: React.createElement(React.Fragment, null,
             renderDashboardButtons(),
             dashboardOptions.buttonsLocation === 'right' && renderModuleButtons(),

package/src/View/Dashboard/DashboardPopup.js

@@ -70,7 +70,7 @@ class DashboardPopupComponent extends React.Component {
             }
             return false;
         };
-        return (React.createElement(PopupPanel_1.PopupPanel, { headerText: this.props.moduleInfo.FriendlyName, glyphicon: this.props.moduleInfo.Glyph },
+        return (React.createElement(PopupPanel_1.PopupPanel, { headerText: this.props.moduleInfo.FriendlyName, glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed() },
             React.createElement(rebass_1.Flex, { flex: 1, height: "100%", flexDirection: "column" },
                 areDashboardSettingsVisible && (React.createElement(Panel_1.default, { header: 'Dashboard Views', style: { height: 'auto', overflow: 'visible' }, variant: "default", borderRadius: "none", marginLeft: 2, marginRight: 2 },
                     React.createElement(rebass_1.Flex, null,

package/src/View/Dashboard/ModuleToolbarWrapper.js

@@ -7,7 +7,7 @@ const PanelDashboard_1 = require("../Components/Panels/PanelDashboard");
 const PopupRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/PopupRedux"));
 const DashboardRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/DashboardRedux"));
 const AdaptableContext_1 = require("../AdaptableContext");
-exports.ModuleToolbarWrapper = (props) => {
+const ModuleToolbarWrapper = (props) => {
     const moduleName = props.moduleInfo.ModuleName;
     const moduleFriendlyName = props.moduleInfo.FriendlyName;
     const { api } = AdaptableContext_1.useAdaptable();
@@ -20,3 +20,4 @@ exports.ModuleToolbarWrapper = (props) => {
             api.internalApi.dispatchReduxAction(PopupRedux.PopupShowScreen(moduleName, props.moduleInfo.Popup, popupParams));
         }, onClose: () => api.internalApi.dispatchReduxAction(DashboardRedux.DashboardCloseToolbar(moduleName)), accessLevel: props.accessLevel }, props.children));
 };
+exports.ModuleToolbarWrapper = ModuleToolbarWrapper;

package/src/View/DataChangeHistory/DataChangeHistoryGrid.d.ts

@@ -1,5 +1,12 @@
 /// <reference types="react" />
 import { CellDataChangedInfo } from '../../PredefinedConfig/Common/CellDataChangedInfo';
+export interface DataChangeHistoryData {
+    primaryKey: string;
+    changeKey: string;
+    changeTriggerLabel: string;
+    changedColumnLabel: string;
+    changeInfo: CellDataChangedInfo;
+}
 export interface DataChangeHistoryGridProps {
     adaptableContainerId: string;
     agGridContainerId: string;

package/src/View/DataChangeHistory/DataChangeHistoryGrid.js

@@ -9,7 +9,7 @@ const react_1 = require("react");
 const usePrevious_1 = tslib_1.__importDefault(require("../../components/utils/usePrevious"));
 const ModuleConstants_1 = require("../../Utilities/Constants/ModuleConstants");
 const buildActionColumnButton_1 = require("./buildActionColumnButton");
-exports.DataChangeHistoryGrid = (props) => {
+const DataChangeHistoryGrid = (props) => {
     const { changeHistoryLog, adaptableContainerId, agGridContainerId, onUndoChange } = props;
     const mainAdaptableInstance = AdaptableContext_1.useAdaptable();
     const [_adaptableApi, setAdaptableApi] = react_1.useState(null);
@@ -72,13 +72,14 @@ exports.DataChangeHistoryGrid = (props) => {
     }, [changeHistoryLog]);
     return React.createElement(React.Fragment, null);
 };
+exports.DataChangeHistoryGrid = DataChangeHistoryGrid;
 const buildAdaptableOptions = (mainAdaptableInstance, gridOptions, adaptableContainerId, agGridContainerId, undoChangeEnabled, onUndoChange) => {
     var _a, _b, _c;
     const mainAdaptableOptions = mainAdaptableInstance.adaptableOptions;
     const mainAdaptableTheme = mainAdaptableInstance.api.themeApi.getCurrentTheme();
     const undoRowNode = (rowNode) => {
-        var _a;
-        const changeKey = (_a = rowNode === null || rowNode === void 0 ? void 0 : rowNode.data) === null || _a === void 0 ? void 0 : _a['changeKey'];
+        const rowData = rowNode === null || rowNode === void 0 ? void 0 : rowNode.data;
+        const changeKey = rowData === null || rowData === void 0 ? void 0 : rowData['changeKey'];
         changeKey && onUndoChange(changeKey);
     };
     const actionColumnButton = buildActionColumnButton_1.buildActionColumnButton((_a = mainAdaptableInstance.adaptableOptions) === null || _a === void 0 ? void 0 : _a.dataChangeHistoryOptions, undoRowNode);
@@ -113,9 +114,7 @@ const buildAdaptableOptions = (mainAdaptableInstance, gridOptions, adaptableCont
         layoutOptions: {
             createDefaultLayout: false,
         },
-        userInterfaceOptions: {
-            actionOptions: actionOptions,
-        },
+        actionOptions: actionOptions,
         predefinedConfig: {
             Layout: {
                 Revision: Date.now(),
@@ -201,6 +200,7 @@ const buildGridOptions = (mainAdaptableInstance, changeHistoryLog) => {
         },
         autoGroupColumnDef: {
             sortable: true,
+            // suppressMenu: true,
         },
         columnDefs: [
             {

package/src/View/DataChangeHistory/DataChangeHistoryStatusBarContent.js

@@ -4,6 +4,7 @@ exports.DataChangeHistoryStatusBarContent = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const DataChangeHistoryViewPanel_1 = require("./DataChangeHistoryViewPanel");
-exports.DataChangeHistoryStatusBarContent = () => {
+const DataChangeHistoryStatusBarContent = () => {
     return React.createElement(DataChangeHistoryViewPanel_1.DataChangeHistoryViewPanelControl, { gap: 0, buttonsPaddingY: 0 });
 };
+exports.DataChangeHistoryStatusBarContent = DataChangeHistoryStatusBarContent;

package/src/View/DataChangeHistory/DataChangeHistoryViewPanel.js

@@ -12,7 +12,7 @@ const ButtonStop_1 = require("../Components/Buttons/ButtonStop");
 const FormatHelper_1 = require("../../Utilities/Helpers/FormatHelper");
 const Tooltip_1 = tslib_1.__importDefault(require("../../components/Tooltip"));
 const AdaptableContext_1 = require("../AdaptableContext");
-exports.DataChangeHistoryViewPanelControl = (props) => {
+const DataChangeHistoryViewPanelControl = (props) => {
     var _a, _b;
     const adaptable = AdaptableContext_1.useAdaptable();
     const dispatch = react_redux_1.useDispatch();
@@ -46,3 +46,4 @@ exports.DataChangeHistoryViewPanelControl = (props) => {
         buttonPanel,
         statusPanel));
 };
+exports.DataChangeHistoryViewPanelControl = DataChangeHistoryViewPanelControl;

package/src/View/DataChangeHistory/buildActionColumnButton.d.ts

@@ -1,3 +1,3 @@
 import { RowNode } from '@ag-grid-community/all-modules';
-import { ActionColumnButtonContext, AdaptableButton, DataChangeHistoryOptions } from '../../types';
-export declare const buildActionColumnButton: (options: DataChangeHistoryOptions, undoRowNode: (rowNode: RowNode) => void) => AdaptableButton<ActionColumnButtonContext>[];
+import { ActionColumnContext, AdaptableButton, DataChangeHistoryOptions } from '../../types';
+export declare const buildActionColumnButton: (options: DataChangeHistoryOptions, undoRowNode: (rowNode: RowNode) => void) => AdaptableButton<ActionColumnContext>[];

package/src/View/DataChangeHistory/buildActionColumnButton.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildActionColumnButton = void 0;
-exports.buildActionColumnButton = (options, undoRowNode) => {
-    let actionColumnButtonsOptions = options.actionColumnButton;
-    if (!actionColumnButtonsOptions ||
-        (Array.isArray(actionColumnButtonsOptions) && actionColumnButtonsOptions.length === 0)) {
+const buildActionColumnButton = (options, undoRowNode) => {
+    let changeHistoryButtons = options.changeHistoryButton;
+    if (!changeHistoryButtons ||
+        (Array.isArray(changeHistoryButtons) && changeHistoryButtons.length === 0)) {
         return null;
     }
-    if (!Array.isArray(actionColumnButtonsOptions)) {
-        actionColumnButtonsOptions = [actionColumnButtonsOptions];
+    if (!Array.isArray(changeHistoryButtons)) {
+        changeHistoryButtons = [changeHistoryButtons];
     }
     const isGroupNode = (context) => context.adaptableApi.gridApi.isGroupRowNode(context.rowNode);
     const onUndo = (context) => {
@@ -25,8 +25,11 @@ exports.buildActionColumnButton = (options, undoRowNode) => {
             undoRowNode(rowNode);
         }
     };
-    const buildContext = (context) => (Object.assign(Object.assign({}, context), { isGroupNode: isGroupNode(context), undoDataChange: () => onUndo(context) }));
-    return actionColumnButtonsOptions.map((actionColumnOption) => ({
+    const buildContext = (context) => {
+        const dataChangedInfo = context.rowNode.data.changeInfo;
+        return Object.assign(Object.assign({}, context), { isGroupNode: isGroupNode(context), undoDataChange: () => onUndo(context), dataChangedInfo });
+    };
+    return changeHistoryButtons.map((actionColumnOption) => ({
         label: (button, context) => {
             if (typeof actionColumnOption.label !== 'function') {
                 return actionColumnOption.label;
@@ -52,7 +55,7 @@ exports.buildActionColumnButton = (options, undoRowNode) => {
             return actionColumnOption.disabled(button, buildContext(context));
         },
         onClick: (button, context) => {
-            if (actionColumnOption.Action === 'undo') {
+            if (actionColumnOption.action === 'undo') {
                 onUndo(buildContext(context));
             }
             if (typeof actionColumnOption.onClick === 'function') {
@@ -68,3 +71,4 @@ exports.buildActionColumnButton = (options, undoRowNode) => {
         icon: actionColumnOption.icon,
     }));
 };
+exports.buildActionColumnButton = buildActionColumnButton;

package/src/View/DataSet/DataSetSelector.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const Radio_1 = tslib_1.__importDefault(require("../../components/Radio"));
 const AdaptableContext_1 = require("../AdaptableContext");
-exports.DataSetSelector = ({ data }) => {
+const DataSetSelector = ({ data }) => {
     const adaptable = AdaptableContext_1.useAdaptable();
     const dataSets = adaptable.api.dataSetApi.getAllDataSets();
     const selectedDataSet = adaptable.api.dataSetApi.getCurrentDataSet();
@@ -16,3 +16,4 @@ exports.DataSetSelector = ({ data }) => {
     }, [isSelected]);
     return React.createElement(Radio_1.default, { id: data.name, disabled: isDisabled, checked: isSelected, onClick: handleToggle });
 };
+exports.DataSetSelector = DataSetSelector;

package/src/View/DataSet/DataSetStatusPanelPopover.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const SelectList_1 = require("../../components/SelectList");
 const AdaptableContext_1 = require("../AdaptableContext");
-exports.DataSetStatusPanelPopover = () => {
+const DataSetStatusPanelPopover = () => {
     const adaptable = AdaptableContext_1.useAdaptable();
     const dataSets = adaptable.api.dataSetApi.getAllDataSets();
     const handleDataSetChange = React.useCallback((option) => {
@@ -17,3 +17,4 @@ exports.DataSetStatusPanelPopover = () => {
     }));
     return React.createElement(SelectList_1.SelectList, { options: options, onChange: handleDataSetChange });
 };
+exports.DataSetStatusPanelPopover = DataSetStatusPanelPopover;

package/src/View/DataSet/DataSetViewPanel.d.ts

@@ -15,5 +15,5 @@ declare class DataSetViewPanelComponent extends React.Component<DataSetViewPanel
     render(): JSX.Element;
     onSelectedDataSetChanged(dataSetName: string): void;
 }
-export declare let DataSetViewPanelControl: import("react-redux").ConnectedComponent<typeof DataSetViewPanelComponent, Pick<React.ClassAttributes<DataSetViewPanelComponent> & DataSetViewPanelComponentProps, "ref" | "key">>;
+export declare let DataSetViewPanelControl: import("react-redux").ConnectedComponent<typeof DataSetViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<DataSetViewPanelComponent> & DataSetViewPanelComponentProps, "api" | "accessLevel" | "moduleInfo" | "viewType" | "CurrentDataSetName" | "onSelectDataSet">>;
 export {};

package/src/View/Export/ExportSelector.js

@@ -15,7 +15,7 @@ const dropdownStyle = {
 const isCustomDestination = (destination) => {
     return !!destination.name;
 };
-exports.ExportSelector = () => {
+const ExportSelector = () => {
     const adaptable = AdaptableContext_1.useAdaptable();
     // reports
     const handleReportChange = (report) => {
@@ -73,3 +73,4 @@ exports.ExportSelector = () => {
         React.createElement(DropdownButton_1.default, { disabled: currentReportId === constants_1.SELECT_REPORT_STRING, style: dropdownStyle, items: destinationItems, columns: ['label'], onClear: () => handleDestinationChange(null), showClearButton: !!currentDestination, variant: "outlined", marginRight: 2 }, currentDestinationId),
         React.createElement(SimpleButton_1.default, { disabled: currentDestinationId === constants_1.SELECT_DESTINATION_STRING, iconSize: 15, icon: "export", variant: "text", onClick: handleExport })));
 };
+exports.ExportSelector = ExportSelector;

package/src/View/Export/ExportViewPanel.d.ts

@@ -25,5 +25,5 @@ declare class ExportViewPanelComponent extends React.Component<ExportViewPanelCo
     private isCustomDestination;
     private onNewReportSchedule;
 }
-export declare let ExportViewPanelControl: import("react-redux").ConnectedComponent<typeof ExportViewPanelComponent, Pick<React.ClassAttributes<ExportViewPanelComponent> & ExportViewPanelComponentProps, "ref" | "key">>;
+export declare let ExportViewPanelControl: import("react-redux").ConnectedComponent<typeof ExportViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<ExportViewPanelComponent> & ExportViewPanelComponentProps, "api" | "accessLevel" | "CurrentReport" | "moduleInfo" | "Columns" | "viewType" | "onApplyExport" | "onSelectReport" | "onSelectDestination" | "onNewReport" | "onEditReport" | "onNewReportSchedule" | "Reports" | "CurrentDestination">>;
 export {};

package/src/View/Export/ReportExportDropdown.js

@@ -10,7 +10,7 @@ const Enums_1 = require("../../PredefinedConfig/Common/Enums");
 const ExportRedux_1 = require("../../Redux/ActionsReducers/ExportRedux");
 const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const AdaptableContext_1 = require("../AdaptableContext");
-exports.ReportExportDropdown = (props) => {
+const ReportExportDropdown = (props) => {
     const report = props.data;
     const adaptable = AdaptableContext_1.useAdaptable();
     const dispatch = react_redux_1.useDispatch();
@@ -35,3 +35,4 @@ exports.ReportExportDropdown = (props) => {
     return (React.createElement(DropdownButton_1.default, { columns: ['label'], tooltip: "Export Report", variant: "text", items: destinationItems },
         React.createElement(icons_1.Icon, { name: "export" })));
 };
+exports.ReportExportDropdown = ReportExportDropdown;

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

@@ -14,9 +14,10 @@ const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/Obje
 const react_redux_1 = require("react-redux");
 const ExportRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ExportRedux"));
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
-exports.NewReportWizard = (props) => {
+const NewReportWizard = (props) => {
     var _a, _b;
-    const isEdit = ((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.action) ? props.popupParams.action === 'Edit'
+    const isEdit = ((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.action)
+        ? props.popupParams.action === 'Edit'
         : Boolean(props.data);
     const currentReport = react_redux_1.useSelector((state) => {
         if (!isEdit) {
@@ -78,3 +79,4 @@ exports.NewReportWizard = (props) => {
             },
         ] }));
 };
+exports.NewReportWizard = NewReportWizard;

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

@@ -8,13 +8,14 @@ const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
 const Tabs_1 = require("../../../components/Tabs");
 const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-exports.isValidReportColumnsScope = (report) => {
+const isValidReportColumnsScope = (report) => {
     if (report.ReportColumnScope === 'ScopeColumns') {
         return report.Scope != null ? true : 'Column scope is not defined';
     }
     return true;
 };
-exports.renderReportColumnsSummary = (report) => {
+exports.isValidReportColumnsScope = isValidReportColumnsScope;
+const renderReportColumnsSummary = (report) => {
     return (React.createElement(rebass_1.Box, { fontSize: 2 },
         report.ReportColumnScope === 'AllColumns' ? (React.createElement(React.Fragment, null,
             "Include ",
@@ -30,8 +31,9 @@ exports.renderReportColumnsSummary = (report) => {
             scopeDataTypes: 'Report will include columns with the following types',
         }))) : null));
 };
-exports.ReportColumnsWizardSection = (props) => {
-    const { api, data } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+exports.renderReportColumnsSummary = renderReportColumnsSummary;
+const ReportColumnsWizardSection = (props) => {
+    const { api, data } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     return (React.createElement(rebass_1.Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
         React.createElement(Tabs_1.Tabs, { m: 2, value: data.ReportColumnScope, onValueChange: (ReportColumnScope) => {
                 const report = Object.assign(Object.assign({}, data), { ReportColumnScope });
@@ -68,3 +70,4 @@ exports.ReportColumnsWizardSection = (props) => {
                     props.onChange(report);
                 } }))) : null));
 };
+exports.ReportColumnsWizardSection = ReportColumnsWizardSection;

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

@@ -9,13 +9,14 @@ const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayou
 const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
 const Tag_1 = require("../../../components/Tag");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-exports.renderReportNameSummary = (report) => {
+const renderReportNameSummary = (report) => {
     return (React.createElement(rebass_1.Box, { fontSize: 2 },
         ' ',
         "Report Name: ",
         React.createElement(Tag_1.Tag, null, report.Name)));
 };
-exports.isValidReportName = (report, api) => {
+exports.renderReportNameSummary = renderReportNameSummary;
+const isValidReportName = (report, api) => {
     if (!report.Name) {
         return 'Report name cannot be empty';
     }
@@ -27,8 +28,9 @@ exports.isValidReportName = (report, api) => {
         : reportsWithSameNameCount > 0;
     return hasAlreadyExistingName ? 'A Report already exists with that name' : true;
 };
-exports.ReportNameWizardSection = (props) => {
-    const { api, data } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+exports.isValidReportName = isValidReportName;
+const ReportNameWizardSection = (props) => {
+    const { api, data } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const validCheck = exports.isValidReportName(data, api);
     const ErrorMessage = validCheck === true ? null : validCheck;
     return (React.createElement(React.Fragment, null,
@@ -43,3 +45,4 @@ exports.ReportNameWizardSection = (props) => {
                     React.createElement(React.Fragment, null),
                     ErrorMessage ? React.createElement(ErrorBox_1.default, null, ErrorMessage) : null)))));
 };
+exports.ReportNameWizardSection = ReportNameWizardSection;

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

@@ -10,14 +10,15 @@ const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
 const Tabs_1 = require("../../../components/Tabs");
 const Tag_1 = require("../../../components/Tag");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-exports.isValidReportRowsQuery = (report) => {
+const isValidReportRowsQuery = (report) => {
     var _a;
     if (report.ReportRowScope === 'ExpressionRows' && !((_a = report.Query) === null || _a === void 0 ? void 0 : _a.BooleanExpression)) {
         return 'Rows query cannot be empty';
     }
     return true;
 };
-exports.renderReportRowsSummary = (report) => {
+exports.isValidReportRowsQuery = isValidReportRowsQuery;
+const renderReportRowsSummary = (report) => {
     var _a;
     return (React.createElement(rebass_1.Box, { fontSize: 2 },
         report.ReportRowScope === 'AllRows' ? (React.createElement(React.Fragment, null,
@@ -32,9 +33,10 @@ exports.renderReportRowsSummary = (report) => {
             "Include Rows matching the query: ",
             React.createElement(Tag_1.Tag, null, (_a = report.Query) === null || _a === void 0 ? void 0 : _a.BooleanExpression))) : null));
 };
-exports.ReportRowsWizardSection = (props) => {
+exports.renderReportRowsSummary = renderReportRowsSummary;
+const ReportRowsWizardSection = (props) => {
     var _a, _b;
-    const { api, data, moduleInfo } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+    const { api, data, moduleInfo } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const initialData = react_1.useMemo(() => api.internalApi.getQueryPreviewData(), []);
     return (React.createElement(React.Fragment, null,
         React.createElement(Tabs_1.Tabs, { m: 2, value: data.ReportRowScope, onValueChange: (ReportRowScope) => {
@@ -69,3 +71,4 @@ exports.ReportRowsWizardSection = (props) => {
                             } }));
                     }, initialData: initialData, columns: api.columnApi.getQueryableColumns(), namedQueries: api.queryApi.getAllNamedQuery(), api: api })))));
 };
+exports.ReportRowsWizardSection = ReportRowsWizardSection;

package/src/View/Filter/ActiveFiltersPanel.js

@@ -6,9 +6,10 @@ 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");
-exports.ActiveFiltersPanel = () => {
+const ActiveFiltersPanel = () => {
     const adaptable = 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 });
 };
+exports.ActiveFiltersPanel = ActiveFiltersPanel;

package/src/View/Filter/FilterStatusBarSubPanelPopover.js

@@ -4,6 +4,7 @@ exports.FilterStatusBarSubPanelPopover = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const ActiveFiltersPanel_1 = require("./ActiveFiltersPanel");
-exports.FilterStatusBarSubPanelPopover = () => {
+const FilterStatusBarSubPanelPopover = () => {
     return React.createElement(ActiveFiltersPanel_1.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, Pick<React.ClassAttributes<FilterSummaryComponent> & FilterSummaryProps, "ref" | "key" | "api" | "onSuspend" | "accessLevel" | "popupParams" | "teamSharingActivated" | "moduleInfo" | "onUnSuspend" | "summarisedColumn">>;
+export declare let FilterSummary: import("react-redux").ConnectedComponent<typeof FilterSummaryComponent, import("react-redux").Omit<React.ClassAttributes<FilterSummaryComponent> & FilterSummaryProps, "onClearPopupParams" | "ColumnFilters" | "onShare" | "onClearFilter">>;

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, Pick<React.ClassAttributes<FilterViewPanelComponent> & FilterViewPanelComponentProps, "ref" | "key">>;
+export declare const FilterViewPanelControl: import("react-redux").ConnectedComponent<typeof FilterViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<FilterViewPanelComponent> & FilterViewPanelComponentProps, "api" | "accessLevel" | "IsQuickFilterVisible" | "moduleInfo" | "Columns" | "ColumnFilters" | "viewType" | "onHideQuickFilterBar" | "onShowQuickFilterBar" | "Entitlements">>;
 export {};

package/src/View/FlashingCell/FlashingCellStyle.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const rebass_1 = require("rebass");
 const StylePreview_1 = require("../../components/StylePreview");
-exports.FlashingCellStyle = (props) => {
+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, { mr: 1, flex: 1, styleObject: props.data.UpChangeStyle },
@@ -18,3 +18,4 @@ exports.FlashingCellStyle = (props) => {
             "Neutral ",
             !props.data.NeutralChangeStyle ? ' - no style' : '')));
 };
+exports.FlashingCellStyle = FlashingCellStyle;

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

@@ -6,9 +6,9 @@ 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");
-exports.renderFlashingAlertRulesSummary = (flashingAlert) => {
+const renderFlashingAlertRulesSummary = (flashingAlert) => {
     var _a;
-    const { api: { flashingCellApi }, } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+    const { api: { flashingCellApi }, } = OnePageAdaptableWizard_1.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(React.Fragment, null,
@@ -27,8 +27,9 @@ exports.renderFlashingAlertRulesSummary = (flashingAlert) => {
                     React.createElement(CodeBlock_1.CodeBlock, null, content))));
         } }));
 };
-exports.FlashingAlertRulesWizardSection = (props) => {
-    const { data, api, moduleInfo } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+exports.renderFlashingAlertRulesSummary = renderFlashingAlertRulesSummary;
+const FlashingAlertRulesWizardSection = (props) => {
+    const { data, api, moduleInfo } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const predicateDefs = api.flashingCellApi.getFlashingCellPredicateDefsForScope(data.Scope);
     return (React.createElement(EntityRulesEditor_1.EntityRulesEditor, { module: moduleInfo.ModuleName, defaultPredicateId: "Any", data: data, predicateDefs: predicateDefs, onChange: props.onChange, showAggregation: false, showObservable: false, showBoolean: true, showPredicate: true, descriptions: {
             selectPredicate: 'Select an Flashing Cell Rule - to be applied when data changes',
@@ -46,3 +47,4 @@ exports.FlashingAlertRulesWizardSection = (props) => {
                 " is 'Whole Row' - so any data change may be evaluated in a complex AggregatedBooleanExpression")),
         } }));
 };
+exports.FlashingAlertRulesWizardSection = FlashingAlertRulesWizardSection;

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

@@ -6,8 +6,8 @@ const React = tslib_1.__importStar(require("react"));
 const rebass_1 = require("rebass");
 const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-exports.FlashingAlertScopeWizardSection = (props) => {
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+const FlashingAlertScopeWizardSection = (props) => {
+    const { data, api } = 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',
@@ -24,3 +24,4 @@ exports.FlashingAlertScopeWizardSection = (props) => {
                 props.onChange(newData);
             } })));
 };
+exports.FlashingAlertScopeWizardSection = FlashingAlertScopeWizardSection;

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

@@ -13,7 +13,7 @@ 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");
-exports.renderFlashingAlertSettingsSummary = (flashingAlert) => {
+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,
             "Flashing is removed after ",
@@ -21,9 +21,10 @@ exports.renderFlashingAlertSettingsSummary = (flashingAlert) => {
             ' ',
             "milliseconds")))));
 };
-exports.FlashingAlertSettingsWizardSection = (props) => {
+exports.renderFlashingAlertSettingsSummary = renderFlashingAlertSettingsSummary;
+const FlashingAlertSettingsWizardSection = (props) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    let { data: flashingCell } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+    let { data: flashingCell } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     flashingCell = flashingCell !== null && flashingCell !== void 0 ? flashingCell : props.flashingCell;
     const setDuration = (FlashDuration) => {
         props.onChange(Object.assign(Object.assign({}, flashingCell), { FlashDuration: FlashDuration }));
@@ -75,7 +76,11 @@ exports.FlashingAlertSettingsWizardSection = (props) => {
                             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, { 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, { 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, { 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")))))));
+                        React.createElement(CheckBox_1.CheckBox, { 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, { 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, { 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

@@ -9,9 +9,9 @@ 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"));
-exports.FlashingAlertStyleWizardSection = (props) => {
+const FlashingAlertStyleWizardSection = (props) => {
     var _a, _b, _c;
-    let { data: flashingAlert, api } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+    let { data: flashingAlert, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     flashingAlert = flashingAlert !== null && flashingAlert !== void 0 ? flashingAlert : props.flashingAlert;
     return (React.createElement(React.Fragment, null,
         React.createElement(Tabs_1.Tabs, { defaultValue: "up" },
@@ -31,7 +31,8 @@ exports.FlashingAlertStyleWizardSection = (props) => {
             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) })))));
 };
-exports.FlashingCellStyle = (props) => {
+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 },
@@ -44,6 +45,8 @@ exports.FlashingCellStyle = (props) => {
             "Neutral change style ",
             !props.data.NeutralChangeStyle ? ' - no style' : '')));
 };
-exports.renderFlashingAlertStyleSummary = (flashingAlert) => {
+exports.FlashingCellStyle = FlashingCellStyle;
+const renderFlashingAlertStyleSummary = (flashingAlert) => {
     return React.createElement(exports.FlashingCellStyle, { data: flashingAlert });
 };
+exports.renderFlashingAlertStyleSummary = renderFlashingAlertStyleSummary;