@adaptabletools/adaptable 12.2.2 → 14.0.0-canary.0

package/src/View/ConditionalStyle/Wizard/ConditionalStyleRuleWizardSection.js

@@ -21,7 +21,7 @@ function renderConditionalStyleRuleSummary(data) {
 }
 exports.renderConditionalStyleRuleSummary = renderConditionalStyleRuleSummary;
 function ConditionalStyleRuleWizardSection(props) {
-    const { data, api, moduleInfo } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data, api, moduleInfo } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     return (React.createElement(React.Fragment, null,
         React.createElement(EntityRulesEditor_1.EntityRulesEditor, { module: moduleInfo.ModuleName, defaultPredicateId: props.defaultPredicateId, predicateDefs: api.conditionalStyleApi.getCondStylePredicateDefsForScope(data.Scope), showAggregation: false, showObservable: false, showPredicate: !api.scopeApi.scopeIsAll(data.Scope), data: data, onChange: props.onChange, descriptions: {
                 selectPredicate: 'Select a Conditional Style Rule - to be applied when data changes',

package/src/View/ConditionalStyle/Wizard/ConditionalStyleScopeWizardSection.js

@@ -7,7 +7,7 @@ const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
 const DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE_1 = require("./DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE");
 const renderConditionalStyleScopeSummary = (data) => {
-    return NewScopeComponent_1.renderScopeSummary(data.Scope, {
+    return (0, NewScopeComponent_1.renderScopeSummary)(data.Scope, {
         scopeWholeRow: 'Matching rows will display the Conditionally Style',
         scopeColumns: 'Cells in selected columns will display the Conditionally Style',
         scopeDataTypes: 'Cells in columns of the selected data-types will display the Conditionally Style',
@@ -15,7 +15,7 @@ const renderConditionalStyleScopeSummary = (data) => {
 };
 exports.renderConditionalStyleScopeSummary = renderConditionalStyleScopeSummary;
 function ConditionalStyleScopeWizardSection(props) {
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     return (React.createElement(React.Fragment, null,
         React.createElement(NewScopeComponent_1.NewScopeComponent, { scope: data.Scope, descriptions: {
                 rowScope: 'Matching Rows will have the Conditional Style applied',

package/src/View/ConditionalStyle/Wizard/ConditionalStyleSettingsWizardSettings.js

@@ -13,7 +13,7 @@ const renderConditionalStyleSettingsSummary = (data) => (React.createElement(reb
     React.createElement(rebass_1.Text, { mt: 3 }, data.IncludeGroupedRows ? 'Yes' : 'No')));
 exports.renderConditionalStyleSettingsSummary = renderConditionalStyleSettingsSummary;
 const ConditionalStyleSettingsWizardSettings = (props) => {
-    const { data } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const onIncludeGroupedRowsChanged = (checked) => {
         props.onChange(Object.assign(Object.assign({}, data), { IncludeGroupedRows: checked }));
     };

package/src/View/ConditionalStyle/Wizard/ConditionalStyleStyleWizardSection.js

@@ -8,14 +8,14 @@ const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const rebass_1 = require("rebass");
 const StyleHelper_1 = require("../../../Utilities/Helpers/StyleHelper");
 const toStyle = (style) => {
-    return Object.assign(Object.assign({}, StyleHelper_1.convertAdaptableStyleToCSS(style !== null && style !== void 0 ? style : {})), { borderWidth: (style === null || style === void 0 ? void 0 : style.BorderColor) ? 2 : 0, borderStyle: 'solid' });
+    return Object.assign(Object.assign({}, (0, StyleHelper_1.convertAdaptableStyleToCSS)(style !== null && style !== void 0 ? style : {})), { borderWidth: (style === null || style === void 0 ? void 0 : style.BorderColor) ? 2 : 0, borderStyle: 'solid' });
 };
 const renderConditionalStyleStyleSummary = (data) => {
     return (React.createElement(rebass_1.Text, { padding: 2, style: toStyle(data.Style) }, "Preview result"));
 };
 exports.renderConditionalStyleStyleSummary = renderConditionalStyleStyleSummary;
 function ConditionalStyleStyleWizardSection(props) {
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     return (React.createElement(StyleComponent_1.StyleComponent, { headless: true, api: api, Style: data.Style, UpdateStyle: (Style) => {
             props.onChange(Object.assign(Object.assign({}, data), { Style }));
         } }));

package/src/View/ConditionalStyle/Wizard/ConditionalStyleWizard.js

@@ -22,12 +22,12 @@ const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection"
 const ConditionalStyleWizard = (props) => {
     var _a, _b;
     const data = (_a = props.data) !== null && _a !== void 0 ? _a : (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.value;
-    const [conditionalStyle, setConditionalStyle] = react_1.useState(() => {
+    const [conditionalStyle, setConditionalStyle] = (0, react_1.useState)(() => {
         var _a, _b, _c;
         const DEFAULT_RULE = {
             BooleanExpression: '',
         };
-        const conditionalStyle = data ? Helper_1.cloneObject(data) : ObjectFactory_1.default.CreateEmptyConditionalStyle();
+        const conditionalStyle = data ? (0, Helper_1.cloneObject)(data) : ObjectFactory_1.default.CreateEmptyConditionalStyle();
         conditionalStyle.Scope = (_a = conditionalStyle.Scope) !== null && _a !== void 0 ? _a : { All: true };
         if (!conditionalStyle.Rule) {
             conditionalStyle.Rule = DEFAULT_RULE;
@@ -42,7 +42,7 @@ const ConditionalStyleWizard = (props) => {
         }
         return conditionalStyle;
     });
-    const dispatch = react_redux_1.useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const handleFinish = () => {
         if (data) {
             dispatch(ConditionalStyleRedux.ConditionalStyleEdit(conditionalStyle));

package/src/View/CustomSort/CustomSortSummary.js

@@ -107,4 +107,4 @@ function mapDispatchToProps(dispatch) {
         onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.CustomSortModuleId, config)),
     };
 }
-exports.CustomSortSummary = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(CustomSortSummaryComponent);
+exports.CustomSortSummary = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(CustomSortSummaryComponent);

package/src/View/CustomSort/Wizard/CustomSortColumnWizardSection.js

@@ -9,7 +9,7 @@ const Tag_1 = require("../../../components/Tag");
 const ColumnSelector_1 = require("../../Components/ColumnSelector");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const renderCustomSortColumn = (data) => {
-    const { api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     return (React.createElement(rebass_1.Text, { pr: 2, py: 2, fontSize: 2 },
         "Custom sort column: ",
         React.createElement(Tag_1.Tag, null, api.columnApi.getFriendlyNameFromColumnId(data.ColumnId))));
@@ -23,7 +23,7 @@ const isValidCustomSortColumn = (data) => {
 };
 exports.isValidCustomSortColumn = isValidCustomSortColumn;
 const CustomSortColumnWizardSection = (props) => {
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const sortableCols = React.useMemo(() => {
         var _a, _b;
         const sortableColumns = api.columnApi.getSortableColumns();

package/src/View/CustomSort/Wizard/CustomSortValuesWizardSection.js

@@ -25,15 +25,15 @@ const renderCustomSortValuesSummary = (data) => {
 };
 exports.renderCustomSortValuesSummary = renderCustomSortValuesSummary;
 const CustomSortValuesWizardSection = (props) => {
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
-    const [distinctValues, setDistinctValues] = react_1.useState([]);
-    const [isDistinctValuesLoading, setIsDistinctValuesLoading] = react_1.useState(false);
-    react_1.useEffect(() => {
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const [distinctValues, setDistinctValues] = (0, react_1.useState)([]);
+    const [isDistinctValuesLoading, setIsDistinctValuesLoading] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
         let isMounted = true;
         (async () => {
             // for sync and very fast resolving promises does not make sense to show a loader
             setDistinctValues([]);
-            const newValues = await runIfNotResolvedIn_1.runIfNotResolvedIn(api.columnApi.getDistinctCustomSortDisplayValuesForColumn(data.ColumnId), () => isMounted && setIsDistinctValuesLoading(true));
+            const newValues = await (0, runIfNotResolvedIn_1.runIfNotResolvedIn)(api.columnApi.getDistinctCustomSortDisplayValuesForColumn(data.ColumnId), () => isMounted && setIsDistinctValuesLoading(true));
             if (!isMounted) {
                 return;
             }
@@ -44,7 +44,7 @@ const CustomSortValuesWizardSection = (props) => {
             isMounted = false;
         };
     }, [data.ColumnId]);
-    const sortedValuesMap = react_1.useMemo(() => {
+    const sortedValuesMap = (0, react_1.useMemo)(() => {
         if (!data.SortedValues || !data.SortedValues.length) {
             return new Map();
         }
@@ -56,13 +56,13 @@ const CustomSortValuesWizardSection = (props) => {
     const allowReorder = React.useCallback((option) => {
         return sortedValuesMap.has(option);
     }, [sortedValuesMap]);
-    const options = react_1.useMemo(() => {
-        return sortWithOrder_1.sortWithOrderArray(distinctValues, data.SortedValues, {
+    const options = (0, react_1.useMemo)(() => {
+        return (0, sortWithOrder_1.sortWithOrderArray)(distinctValues, data.SortedValues, {
             sortUnorderedItems: false,
         });
     }, [allowReorder, distinctValues, data.SortedValues]);
     const baseClassName = 'ab-CustomSortWizard__SortOrder';
-    const className = join_1.default(baseClassName, isDistinctValuesLoading && `${baseClassName}--loading`);
+    const className = (0, join_1.default)(baseClassName, isDistinctValuesLoading && `${baseClassName}--loading`);
     return (React.createElement(Tabs_1.Tabs, { style: { height: '100%' }, className: className },
         React.createElement(Tabs_1.Tabs.Tab, null, "Sort Order"),
         React.createElement(Tabs_1.Tabs.Content, null,

package/src/View/CustomSort/Wizard/CustomSortWizard.js

@@ -16,14 +16,14 @@ const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection"
 const CustomSortWizard = (props) => {
     var _a, _b;
     let data = props.data;
-    const allCustomSorts = react_redux_1.useSelector((state) => { var _a; return (_a = state.CustomSort) === null || _a === void 0 ? void 0 : _a.CustomSorts; });
+    const allCustomSorts = (0, react_redux_1.useSelector)((state) => { var _a; return (_a = state.CustomSort) === null || _a === void 0 ? void 0 : _a.CustomSorts; });
     if (((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.action) === 'Edit' && ((_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.column)) {
         data = allCustomSorts.find((x) => { var _a; return x.ColumnId == ((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.column.columnId); });
     }
-    const [customSort, setCustomSort] = react_1.useState(() => {
+    const [customSort, setCustomSort] = (0, react_1.useState)(() => {
         var _a, _b;
         if (data) {
-            return Helper_1.cloneObject(data);
+            return (0, Helper_1.cloneObject)(data);
         }
         const newData = ObjectFactory_1.default.CreateEmptyCustomSort();
         if ((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.column) {
@@ -31,7 +31,7 @@ const CustomSortWizard = (props) => {
         }
         return newData;
     });
-    const dispatch = react_redux_1.useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const handleFinish = () => {
         if (data) {
             dispatch(CustomSortRedux.CustomSortEdit(customSort));

package/src/View/Dashboard/CustomDashboardButton.js

@@ -8,7 +8,7 @@ const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleB
 const kebabCase_1 = tslib_1.__importDefault(require("lodash/kebabCase"));
 const CustomDashboardButton = (props) => {
     const { button } = props;
-    const [componentRevision, setComponentRevision] = react_1.useState(1);
+    const [componentRevision, setComponentRevision] = (0, react_1.useState)(1);
     // TODO: variants of this mapping are present in several places (just search for api.internalApi.getStyleForButton() usages)
     // with the next opportunity we should abstract it
     const dashboardContext = {
@@ -23,7 +23,7 @@ const CustomDashboardButton = (props) => {
         return null;
     }
     const disabled = button.disabled && button.disabled(button, dashboardContext);
-    return (React.createElement(SimpleButton_1.default, { key: buttonLabel, variant: buttonStyle && buttonStyle.variant ? buttonStyle.variant : 'text', tone: buttonStyle && buttonStyle.tone ? buttonStyle.tone : 'none', className: `ab-DashboardToolbar__Home__${kebabCase_1.default(buttonLabel)} ${(buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className) || ''}`, tooltip: buttonTooltip, icon: buttonIcon, disabled: disabled || props.accessLevel == 'ReadOnly', onClick: () => {
+    return (React.createElement(SimpleButton_1.default, { key: buttonLabel, variant: buttonStyle && buttonStyle.variant ? buttonStyle.variant : 'text', tone: buttonStyle && buttonStyle.tone ? buttonStyle.tone : 'none', className: `ab-DashboardToolbar__Home__${(0, kebabCase_1.default)(buttonLabel)} ${(buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className) || ''}`, tooltip: buttonTooltip, icon: buttonIcon, disabled: disabled || props.accessLevel == 'ReadOnly', onClick: () => {
             var _a;
             (_a = button.onClick) === null || _a === void 0 ? void 0 : _a.call(button, button, dashboardContext);
             setTimeout(() => {

package/src/View/Dashboard/CustomToolbarWrapper.js

@@ -10,12 +10,12 @@ const AdaptableContext_1 = require("../AdaptableContext");
 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('');
+    const [contentsHTML, setContentsHTML] = (0, react_1.useState)('');
     // dummy object which is used to force a re-render of the toolbar
-    const [componentRevision, setComponentRevision] = react_1.useState(1);
-    const contentsDivRef = react_1.useRef(null);
-    const { api } = AdaptableContext_1.useAdaptable();
-    react_1.useLayoutEffect(() => {
+    const [componentRevision, setComponentRevision] = (0, react_1.useState)(1);
+    const contentsDivRef = (0, react_1.useRef)(null);
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
+    (0, react_1.useLayoutEffect)(() => {
         const element = contentsDivRef.current;
         const adaptableApi = api;
         if (props.customToolbar.render) {
@@ -27,7 +27,7 @@ const CustomToolbarWrapper = (props) => {
             setContentsHTML(html);
         }
     }, [componentRevision, props.dashboardRevision]);
-    react_1.useLayoutEffect(() => {
+    (0, react_1.useLayoutEffect)(() => {
         const element = contentsDivRef.current;
         const adaptableApi = api;
         // cleanup runs in a separate effect, this way it's executed only once on unmount
@@ -37,7 +37,7 @@ const CustomToolbarWrapper = (props) => {
             }
         };
     }, []);
-    react_1.useLayoutEffect(() => {
+    (0, react_1.useLayoutEffect)(() => {
         const element = contentsDivRef.current;
         const adaptableApi = api;
         if (props.customToolbar.frameworkComponent) {

package/src/View/Dashboard/Dashboard.js

@@ -23,7 +23,7 @@ const CustomToolbarWrapper_1 = require("./CustomToolbarWrapper");
 const CustomDashboardButton_1 = require("./CustomDashboardButton");
 const AdaptableIconComponent_1 = require("../../components/AdaptableIconComponent");
 const DashboardComponent = (props) => {
-    const [searchText, search] = useQuickSearchDebounced_1.useQuickSearchDebounced(props);
+    const [searchText, search] = (0, useQuickSearchDebounced_1.useQuickSearchDebounced)(props);
     const dashboardAccessLevel = props.api.internalApi
         .getEntitlementService()
         .getEntitlementAccessLevelForModule('Dashboard');
@@ -60,7 +60,7 @@ const DashboardComponent = (props) => {
                             React.createElement(ModuleToolbarWrapper_1.ModuleToolbarWrapper, { moduleInfo: moduleInfo, accessLevel: dashboardAccessLevel }, moduleToolbarElement)));
                     }
                     else {
-                        LoggingHelper_1.LogAdaptableError('Cannot find Dashboard Control for ' + visibleToolbarName);
+                        (0, LoggingHelper_1.LogAdaptableError)('Cannot find Dashboard Control for ' + visibleToolbarName);
                     }
                 }
             }
@@ -81,7 +81,7 @@ const DashboardComponent = (props) => {
                 var _a, _b, _c;
                 let menuItem = props.GridState.ModuleButtonMenuItems.find((y) => y.isVisible && y.module == x);
                 if (menuItem) {
-                    return (React.createElement(SimpleButton_1.default, { "data-name": `dashboard-module-button-${(_a = menuItem.module) !== null && _a !== void 0 ? _a : 'custom-' + index}`, key: menuItem.label, variant: menuItem.module === 'SystemStatus' ? 'outlined' : 'text', tone: menuItem.module === 'SystemStatus' ? 'neutral' : 'none', className: `ab-DashboardToolbar__Home__${kebabCase_1.default(menuItem.label)}`, icon: menuItem.icon, tooltip: menuItem.label, disabled: props.accessLevel == 'ReadOnly', onClick: () => props.dispatch(menuItem.reduxAction), accessLevel: 'Full', style: menuItem.module === 'SystemStatus'
+                    return (React.createElement(SimpleButton_1.default, { "data-name": `dashboard-module-button-${(_a = menuItem.module) !== null && _a !== void 0 ? _a : 'custom-' + index}`, key: menuItem.label, variant: menuItem.module === 'SystemStatus' ? 'outlined' : 'text', tone: menuItem.module === 'SystemStatus' ? 'neutral' : 'none', className: `ab-DashboardToolbar__Home__${(0, kebabCase_1.default)(menuItem.label)}`, icon: menuItem.icon, tooltip: menuItem.label, disabled: props.accessLevel == 'ReadOnly', onClick: () => props.dispatch(menuItem.reduxAction), accessLevel: 'Full', style: menuItem.module === 'SystemStatus'
                             ? Object.assign(Object.assign({}, UIHelper_1.default.getStyleForMessageType((_c = (_b = props.api.systemStatusApi.getCurrentSystemStatusMessageInfo()) === null || _b === void 0 ? void 0 : _b.statusType) !== null && _c !== void 0 ? _c : 'Success')), { border: 0 }) : {} }));
                 }
             });
@@ -152,4 +152,4 @@ function mapDispatchToProps(dispatch) {
         onShowDashboardPopup: () => dispatch(PopupRedux.PopupShowScreen(ModuleConstants.DashboardModuleId, 'DashboardPopup')),
     };
 }
-exports.Dashboard = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(DashboardComponent);
+exports.Dashboard = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(DashboardComponent);

package/src/View/Dashboard/DashboardPopup.js

@@ -114,4 +114,4 @@ function mapDispatchToProps(dispatch) {
         onSetDashboardFloating: (isFloating) => dispatch(DashboardRedux.DashboardSetIsFloating(isFloating)),
     };
 }
-exports.DashboardPopup = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(DashboardPopupComponent);
+exports.DashboardPopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(DashboardPopupComponent);

package/src/View/Dashboard/DashboardViewPanel.js

@@ -36,4 +36,4 @@ function mapDispatchToProps(dispatch) {
         onSetDashboardFloating: (isFloating) => dispatch(DashboardRedux.DashboardSetIsFloating(isFloating)),
     };
 }
-exports.DashboardViewPanelControl = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(DashboardViewPanelComponent);
+exports.DashboardViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(DashboardViewPanelComponent);

package/src/View/Dashboard/ModuleToolbarWrapper.js

@@ -10,7 +10,7 @@ const AdaptableContext_1 = require("../AdaptableContext");
 const ModuleToolbarWrapper = (props) => {
     const moduleName = props.moduleInfo.ModuleName;
     const moduleFriendlyName = props.moduleInfo.FriendlyName;
-    const { api } = AdaptableContext_1.useAdaptable();
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
     const isConfigurable = moduleName !== 'OpenFin' && moduleName !== 'IPushPull' && moduleName !== 'Glue42';
     return (React.createElement(PanelDashboard_1.PanelDashboard, { className: `ab-DashboardToolbar__${moduleName}`, "data-name": `ab-DashboardToolbar__${moduleName}`, headerText: moduleFriendlyName, showConfigureButton: isConfigurable, onConfigure: () => {
             const maxWidth = api.internalApi.getModuleService().getPopupMaxWidth(moduleName);

package/src/View/DataChangeHistory/DataChangeHistoryGrid.js

@@ -4,23 +4,22 @@ exports.DataChangeHistoryGrid = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const AdaptableContext_1 = require("../AdaptableContext");
-const all_modules_1 = require("@ag-grid-community/all-modules");
 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");
 const DataChangeHistoryGrid = (props) => {
     const { changeHistoryLog, adaptableContainerId, agGridContainerId, onUndoChange } = props;
-    const mainAdaptableInstance = AdaptableContext_1.useAdaptable();
-    const [_adaptableApi, setAdaptableApi] = react_1.useState(null);
-    const adaptableApiRef = react_1.useRef(null);
+    const mainAdaptableInstance = (0, AdaptableContext_1.useAdaptable)();
+    const [_adaptableApi, setAdaptableApi] = (0, react_1.useState)(null);
+    const adaptableApiRef = (0, react_1.useRef)(null);
     adaptableApiRef.current = _adaptableApi;
     const undoChangeEnabled = mainAdaptableInstance.api.internalApi
         .getEntitlementService()
         .isModuleFullEntitlement(ModuleConstants_1.DataChangeHistoryModuleId);
-    const previousChangeHistoryLog = usePrevious_1.default(changeHistoryLog, changeHistoryLog);
+    const previousChangeHistoryLog = (0, usePrevious_1.default)(changeHistoryLog, changeHistoryLog);
     // initialize Adaptable grid
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const initializeAdaptableGrid = async () => {
             const gridOptions = buildGridOptions(mainAdaptableInstance, changeHistoryLog);
             const adaptableOptions = buildAdaptableOptions(mainAdaptableInstance, gridOptions, adaptableContainerId, agGridContainerId, undoChangeEnabled, onUndoChange);
@@ -36,7 +35,7 @@ const DataChangeHistoryGrid = (props) => {
         };
     }, []);
     // update row data
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const adaptableApi = adaptableApiRef.current;
         if (!adaptableApi) {
             // initial render
@@ -82,7 +81,7 @@ const buildAdaptableOptions = (mainAdaptableInstance, gridOptions, adaptableCont
         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);
+    const actionColumnButton = (0, buildActionColumnButton_1.buildActionColumnButton)((_a = mainAdaptableInstance.adaptableOptions) === null || _a === void 0 ? void 0 : _a.dataChangeHistoryOptions, undoRowNode);
     let actionOptions = undefined;
     if (actionColumnButton) {
         actionOptions = {
@@ -99,7 +98,6 @@ const buildAdaptableOptions = (mainAdaptableInstance, gridOptions, adaptableCont
     }
     const options = {
         gridOptions: gridOptions,
-        modules: [...all_modules_1.AllCommunityModules],
         primaryKey: 'primaryKey',
         licenseKey: mainAdaptableOptions.licenseKey,
         userName: `${mainAdaptableOptions.userName}`,

package/src/View/DataChangeHistory/DataChangeHistoryPopup.js

@@ -38,13 +38,13 @@ class DataChangeHistoryPopupComponent extends React.Component {
                 React.createElement(rebass_1.Text, { className: "ab-DataChangeHistoryPanel--status-active", style: { color: 'var(--ab-color-success)', fontWeight: 'bold' } }, "Active"),
                 !!activationTime && (React.createElement(rebass_1.Text, { style: { fontStyle: 'italic' }, fontSize: 2 },
                     "(since ",
-                    FormatHelper_1.DateFormatter(activationTime, { Pattern: dateFormat }),
+                    (0, FormatHelper_1.DateFormatter)(activationTime, { Pattern: dateFormat }),
                     ")")))),
             suspended && (React.createElement(React.Fragment, null,
                 React.createElement(rebass_1.Text, { className: "ab-DataChangeHistoryPopup--status-suspended", style: { color: 'var(--ab-color-warn)', fontWeight: 'bold' } }, "Suspended"),
                 !!suspensionTime && (React.createElement(rebass_1.Text, { style: { fontStyle: 'italic' }, fontSize: 2 },
                     "(since ",
-                    FormatHelper_1.DateFormatter(suspensionTime, { Pattern: dateFormat }),
+                    (0, FormatHelper_1.DateFormatter)(suspensionTime, { Pattern: dateFormat }),
                     ")")))),
             disabled && (React.createElement(rebass_1.Text, { className: "ab-DataChangeHistoryPopup--status-disabled", fontSize: 2 }))));
         const handleChangeUndo = (changeKey) => {
@@ -79,10 +79,10 @@ function mapStateToProps(state, ownProps) {
 }
 function mapDispatchToProps(dispatch) {
     return {
-        onChangeHistoryEnable: () => dispatch(SystemRedux_1.SystemDataChangeHistoryEnable()),
-        onChangeHistoryDisable: () => dispatch(SystemRedux_1.SystemDataChangeHistoryDisable()),
-        onChangeHistorySuspend: () => dispatch(SystemRedux_1.SystemDataChangeHistorySuspend()),
-        onChangeHistoryResume: () => dispatch(SystemRedux_1.SystemDataChangeHistoryResume()),
+        onChangeHistoryEnable: () => dispatch((0, SystemRedux_1.SystemDataChangeHistoryEnable)()),
+        onChangeHistoryDisable: () => dispatch((0, SystemRedux_1.SystemDataChangeHistoryDisable)()),
+        onChangeHistorySuspend: () => dispatch((0, SystemRedux_1.SystemDataChangeHistorySuspend)()),
+        onChangeHistoryResume: () => dispatch((0, SystemRedux_1.SystemDataChangeHistoryResume)()),
     };
 }
-exports.DataChangeHistoryPopup = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(DataChangeHistoryPopupComponent);
+exports.DataChangeHistoryPopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(DataChangeHistoryPopupComponent);

package/src/View/DataChangeHistory/DataChangeHistoryViewPanel.js

@@ -14,13 +14,13 @@ const Tooltip_1 = tslib_1.__importDefault(require("../../components/Tooltip"));
 const AdaptableContext_1 = require("../AdaptableContext");
 const DataChangeHistoryViewPanelControl = (props) => {
     var _a, _b;
-    const adaptable = AdaptableContext_1.useAdaptable();
-    const dispatch = react_redux_1.useDispatch();
-    const onChangeHistoryEnable = React.useCallback(() => dispatch(SystemRedux_1.SystemDataChangeHistoryEnable()), []);
-    const onChangeHistoryDisable = React.useCallback(() => dispatch(SystemRedux_1.SystemDataChangeHistoryDisable()), []);
-    const onChangeHistorySuspend = React.useCallback(() => dispatch(SystemRedux_1.SystemDataChangeHistorySuspend()), []);
-    const onChangeHistoryResume = React.useCallback(() => dispatch(SystemRedux_1.SystemDataChangeHistoryResume()), []);
-    const { changeHistoryMode, activationTime, suspensionTime } = react_redux_1.useSelector((state) => ({
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const onChangeHistoryEnable = React.useCallback(() => dispatch((0, SystemRedux_1.SystemDataChangeHistoryEnable)()), []);
+    const onChangeHistoryDisable = React.useCallback(() => dispatch((0, SystemRedux_1.SystemDataChangeHistoryDisable)()), []);
+    const onChangeHistorySuspend = React.useCallback(() => dispatch((0, SystemRedux_1.SystemDataChangeHistorySuspend)()), []);
+    const onChangeHistoryResume = React.useCallback(() => dispatch((0, SystemRedux_1.SystemDataChangeHistoryResume)()), []);
+    const { changeHistoryMode, activationTime, suspensionTime } = (0, react_redux_1.useSelector)((state) => ({
         changeHistoryMode: state.System.DataChangeHistory.currentMode,
         activationTime: state.System.DataChangeHistory.enableTime,
         suspensionTime: state.System.DataChangeHistory.suspendTime,
@@ -37,9 +37,9 @@ const DataChangeHistoryViewPanelControl = (props) => {
         (enabled || suspended) && (React.createElement(ButtonStop_1.ButtonStop, { className: "ab-DataChangeHistoryPanel--button-deactivate", "data-name": 'data-change-history--button-deactivate', tooltip: 'Deactivate data change tracking', onClick: () => onChangeHistoryDisable() }))));
     const dateFormat = `${adaptable.api.internalApi.getAdaptableOptions().userInterfaceOptions.dateInputOptions.dateFormat} HH:mm:ss`;
     const statusPanel = (React.createElement(rebass_1.Flex, { className: "ab-DataChangeHistoryPanel--status-panel", alignItems: 'center', style: { gap: gap } },
-        enabled && (React.createElement(Tooltip_1.default, { label: !!activationTime && `since ${FormatHelper_1.DateFormatter(activationTime, { Pattern: dateFormat })}` },
+        enabled && (React.createElement(Tooltip_1.default, { label: !!activationTime && `since ${(0, FormatHelper_1.DateFormatter)(activationTime, { Pattern: dateFormat })}` },
             React.createElement(rebass_1.Text, { className: "ab-DataChangeHistoryPanel--status-active", fontSize: 2, style: { color: 'var(--ab-color-success)' } }, "Active"))),
-        suspended && (React.createElement(Tooltip_1.default, { label: !!suspensionTime && `since ${FormatHelper_1.DateFormatter(suspensionTime, { Pattern: dateFormat })}` },
+        suspended && (React.createElement(Tooltip_1.default, { label: !!suspensionTime && `since ${(0, FormatHelper_1.DateFormatter)(suspensionTime, { Pattern: dateFormat })}` },
             React.createElement(rebass_1.Text, { className: "ab-DataChangeHistoryPanel--status-suspended", fontSize: 2, style: { color: 'var(--ab-color-warn)' } }, "Suspended"))),
         disabled && (React.createElement(rebass_1.Text, { className: "ab-DataChangeHistoryPanel--status-disabled", fontSize: 2 }, "Activate data tracking"))));
     return (React.createElement(rebass_1.Flex, { flexDirection: 'row' },

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

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

package/src/View/DataSet/DataSetSelector.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const Radio_1 = tslib_1.__importDefault(require("../../components/Radio"));
 const AdaptableContext_1 = require("../AdaptableContext");
 const DataSetSelector = ({ data }) => {
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const dataSets = adaptable.api.dataSetApi.getAllDataSets();
     const selectedDataSet = adaptable.api.dataSetApi.getCurrentDataSet();
     const isDisabled = (dataSets === null || dataSets === void 0 ? void 0 : dataSets.length) === 1;

package/src/View/DataSet/DataSetStatusPanelPopover.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const SelectList_1 = require("../../components/SelectList");
 const AdaptableContext_1 = require("../AdaptableContext");
 const DataSetStatusPanelPopover = () => {
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const dataSets = adaptable.api.dataSetApi.getAllDataSets();
     const handleDataSetChange = React.useCallback((option) => {
         adaptable.api.dataSetApi.setDataSet(option.label);

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, import("react-redux").Omit<React.ClassAttributes<DataSetViewPanelComponent> & DataSetViewPanelComponentProps, "api" | "accessLevel" | "moduleInfo" | "viewType" | "CurrentDataSetName" | "onSelectDataSet">>;
+export declare let DataSetViewPanelControl: import("react-redux").ConnectedComponent<typeof DataSetViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<DataSetViewPanelComponent> & DataSetViewPanelComponentProps, "api" | "moduleInfo" | "accessLevel" | "viewType" | "CurrentDataSetName" | "onSelectDataSet">>;
 export {};

package/src/View/DataSet/DataSetViewPanel.js

@@ -55,4 +55,4 @@ function mapDispatchToProps(dispatch) {
         },
     };
 }
-exports.DataSetViewPanelControl = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(DataSetViewPanelComponent);
+exports.DataSetViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(DataSetViewPanelComponent);

package/src/View/Export/ExportSelector.js

@@ -16,7 +16,7 @@ const isCustomDestination = (destination) => {
     return !!destination.name;
 };
 const ExportSelector = () => {
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     // reports
     const handleReportChange = (report) => {
         adaptable.api.exportApi.selectReport(report);

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

@@ -14,6 +14,7 @@ export interface ExportViewPanelComponentProps extends ViewPanelProps {
     onNewReportSchedule: (reportSchedule: ReportSchedule) => PopupRedux.PopupShowScreenAction;
     Columns: AdaptableColumn[];
     CurrentReport: string | undefined;
+    UserReports: Report[] | undefined;
     CurrentDestination: ExportDestination | string | undefined;
 }
 declare class ExportViewPanelComponent extends React.Component<ExportViewPanelComponentProps> {
@@ -24,5 +25,5 @@ declare class ExportViewPanelComponent extends React.Component<ExportViewPanelCo
     private isCustomDestination;
     private onNewReportSchedule;
 }
-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" | "CurrentDestination">>;
+export declare let ExportViewPanelControl: import("react-redux").ConnectedComponent<typeof ExportViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<ExportViewPanelComponent> & ExportViewPanelComponentProps, "api" | "Columns" | "CurrentReport" | "CurrentDestination" | "moduleInfo" | "accessLevel" | "viewType" | "onApplyExport" | "onSelectReport" | "onSelectDestination" | "onNewReport" | "onEditReport" | "onNewReportSchedule" | "UserReports">>;
 export {};

package/src/View/Export/ExportViewPanel.js

@@ -22,6 +22,7 @@ const ObjectFactory_1 = tslib_1.__importDefault(require("../../Utilities/ObjectF
 const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
 const react_redux_1 = require("react-redux");
 const constants_1 = require("./constants");
+const ArrayExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/ArrayExtensions"));
 class ExportViewPanelComponent extends React.Component {
     render() {
         let currentReport = this.props.api.exportApi.getReportByName(this.props.CurrentReport);
@@ -81,7 +82,7 @@ class ExportViewPanelComponent extends React.Component {
                 React.createElement(DropdownButton_1.default, { disabled: allReportNames.length == 0, width: "100%", fontSize: "small", items: reportItems, columns: ['label'], className: `ab-${elementType}__Export__select`, onClear: () => this.onSelectedReportChanged(null), showClearButton: !!currentReport, variant: "outlined", marginRight: 2 }, currentReportId)),
             React.createElement(rebass_1.Flex, { flex: 1 },
                 React.createElement(DropdownButton_1.default, { disabled: currentReportId === constants_1.SELECT_REPORT_STRING, width: "100%", fontSize: "small", items: destinationItems, columns: ['label'], className: `ab-${elementType}__Export__export`, onClear: () => this.onSelectedDestinationChanged(null), showClearButton: !!currentDestination, variant: "outlined", marginRight: 2 }, currentDestinationId)),
-            React.createElement(rebass_1.Flex, { className: join_1.default(accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__Export__controls`), style: { width: '100%' } },
+            React.createElement(rebass_1.Flex, { className: (0, join_1.default)(accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__Export__controls`), style: { width: '100%' } },
                 React.createElement(ButtonExport_1.ButtonExport, { onClick: () => onApplyExport(), tooltip: "Export Report", className: `ab-${elementType}__Export__export`, disabled: currentReport == null || currentDestination == null }),
                 React.createElement(ButtonEdit_1.ButtonEdit, { onClick: () => this.props.onEditReport(this.props.moduleInfo.Popup), tooltip: "Edit Report", className: `ab-${elementType}__Export__edit`, disabled: currentReport == null || this.props.api.exportApi.isCustomReport(currentReport), accessLevel: accessLevel }),
                 React.createElement(ButtonNew_1.ButtonNew, { variant: "text", className: `ab-${elementType}__Export__new`, tone: "neutral", children: null, onClick: () => this.props.onNewReport(this.props.moduleInfo.Popup), tooltip: "Create New Report", accessLevel: accessLevel }),
@@ -97,11 +98,18 @@ class ExportViewPanelComponent extends React.Component {
         this.props.onSelectDestination(destination);
     }
     getAllReportNames() {
-        return [...this.props.api.exportApi.getAllReports().map((r) => r.Name)];
+        const reportNames = [
+            ...this.props.api.exportApi.getAvailableSystemReports(),
+            ...this.props.UserReports.map((r) => r.Name),
+        ];
+        const customReports = this.props.api.exportApi.getAllCustomReports();
+        if (ArrayExtensions_1.default.IsNotNullOrEmpty(customReports)) {
+            reportNames.push(...customReports.map((r) => r.name));
+        }
+        return reportNames;
     }
     isCustomDestination(destination) {
-        var _a;
-        return !!((_a = destination) === null || _a === void 0 ? void 0 : _a.name);
+        return !!(destination === null || destination === void 0 ? void 0 : destination.name);
         // && typeof (destination as CustomDestination)?.onExport === 'function'
     }
     onNewReportSchedule() {
@@ -113,6 +121,7 @@ function mapStateToProps(state) {
     return {
         CurrentReport: state.Export.CurrentReport,
         CurrentDestination: state.Export.CurrentDestination,
+        UserReports: state.Export.Reports,
     };
 }
 function mapDispatchToProps(dispatch) {
@@ -135,4 +144,4 @@ function mapDispatchToProps(dispatch) {
         })),
     };
 }
-exports.ExportViewPanelControl = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(ExportViewPanelComponent);
+exports.ExportViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(ExportViewPanelComponent);

package/src/View/Export/ReportExportDropdown.js

@@ -12,10 +12,10 @@ const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants")
 const AdaptableContext_1 = require("../AdaptableContext");
 const ReportExportDropdown = (props) => {
     const report = props.data;
-    const adaptable = AdaptableContext_1.useAdaptable();
-    const dispatch = react_redux_1.useDispatch();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const handleExport = (destination) => {
-        dispatch(ExportRedux_1.ExportApply(report, destination));
+        dispatch((0, ExportRedux_1.ExportApply)(report, destination));
     };
     const destinationItems = [
         ...adaptable.api.exportApi.getAvailableExportDestinations().map((destination) => ({

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

@@ -19,17 +19,17 @@ const NewReportWizard = (props) => {
     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) => {
+    const currentReport = (0, react_redux_1.useSelector)((state) => {
         if (!isEdit) {
             return;
         }
         return state.Export.Reports.find((report) => report.Name === state.Export.CurrentReport);
     });
     const data = (_b = props.data) !== null && _b !== void 0 ? _b : currentReport;
-    const [report, setReport] = react_1.useState(() => {
-        return data ? Helper_1.cloneObject(data) : ObjectFactory_1.default.CreateEmptyReport();
+    const [report, setReport] = (0, react_1.useState)(() => {
+        return data ? (0, Helper_1.cloneObject)(data) : ObjectFactory_1.default.CreateEmptyReport();
     });
-    const dispatch = react_redux_1.useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const handleFinish = () => {
         if (isEdit) {
             dispatch(ExportRedux.ReportEdit(report));

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

@@ -25,7 +25,7 @@ const renderReportColumnsSummary = (report) => {
             "Include ",
             React.createElement("b", null, "only visible Columns"),
             " in the Report")) : null,
-        report.ReportColumnScope === 'ScopeColumns' ? (React.createElement(React.Fragment, null, NewScopeComponent_1.renderScopeSummary(report.Scope, {
+        report.ReportColumnScope === 'ScopeColumns' ? (React.createElement(React.Fragment, null, (0, NewScopeComponent_1.renderScopeSummary)(report.Scope, {
             scopeColumns: 'Report Columns',
             scopeWholeRow: 'not available',
             scopeDataTypes: 'Report will include columns with the following types',
@@ -33,7 +33,7 @@ const renderReportColumnsSummary = (report) => {
 };
 exports.renderReportColumnsSummary = renderReportColumnsSummary;
 const ReportColumnsWizardSection = (props) => {
-    const { api, data } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { api, data } = (0, 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 });