@adaptabletools/adaptable-plugin-ipushpull-cjs 19.2.4 → 20.0.0-canary.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-plugin-ipushpull-cjs",
-  "version": "19.2.4",
+  "version": "20.0.0-canary.1",
   "description": "",
   "homepage": "http://www.adaptabletools.com/",
   "author": {
@@ -13,14 +13,13 @@
     "ipushpull-js": "^2.25.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-redux": "7.2.8",
-    "rebass": "^3.2.2",
-    "redux": "4.0.5",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-redux": "^9.2.0",
+    "redux": "^5.0.1",
     "styled-components": "^4.4.1",
     "tinycolor2": "^1.4.2",
-    "tslib": "^2.3.0",
-    "@adaptabletools/adaptable-cjs": "19.2.4"
+    "tslib": "^2.8.1",
+    "@adaptabletools/adaptable-cjs": "20.0.0-canary.1"
   },
   "peerDependencies": {}
 }

package/src/IPushPullApiImpl.js

@@ -14,10 +14,10 @@ class IPushPullApiImpl extends ApiBase_1.ApiBase {
         this.options = options;
     }
     getCurrentIPushPullUsername() {
-        return this.getAdaptableState().System.CurrentIPushpullUsername;
+        return this.getAdaptableState().Internal.CurrentIPushpullUsername;
     }
     getCurrentIPushPullPassword() {
-        return this.getAdaptableState().System.CurrentIPushpullPassword;
+        return this.getAdaptableState().Internal.CurrentIPushpullPassword;
     }
     getIPushPullUsername() {
         return this.options.username;
@@ -26,11 +26,10 @@ class IPushPullApiImpl extends ApiBase_1.ApiBase {
         return this.options.password;
     }
     getAutoLogin() {
-        var _a;
-        return (_a = this.options.autoLogin) !== null && _a !== void 0 ? _a : false;
+        return this.options.autoLogin ?? false;
     }
     getCurrentLiveIPushPullReport() {
-        return this.getAdaptableState().System.CurrentLiveIPushPullReport;
+        return this.getAdaptableState().Internal.CurrentLiveIPushPullReport;
     }
     setIPushPullInstance(ippInstance) {
         this.ippInstance = ippInstance;
@@ -41,13 +40,13 @@ class IPushPullApiImpl extends ApiBase_1.ApiBase {
     sendSnapshot(iPushPullReport) {
         if (this.checkItemExists(iPushPullReport, iPushPullReport.ReportName, 'IPushPull Report')) {
             this.dispatchAction(IPushPullRedux.IPushPullSendSnapshot(iPushPullReport));
-            this.getAdaptableApi().exportApi.internalApi.publishLiveLiveDataChangedEvent('ipushpull', 'SnapshotSent');
+            this.getExportApi().internalApi.publishLiveLiveDataChangedEvent('ipushpull', 'SnapshotSent');
         }
     }
     startLiveData(iPushPullReport) {
         if (this.checkItemExists(iPushPullReport, iPushPullReport.ReportName, 'IPushPull Report')) {
             this.dispatchAction(IPushPullRedux.IPushPullLiveReportSet(iPushPullReport));
-            this.getAdaptableApi().exportApi.internalApi.publishLiveLiveDataChangedEvent('ipushpull', 'LiveDataStarted', iPushPullReport);
+            this.getExportApi().internalApi.publishLiveLiveDataChangedEvent('ipushpull', 'LiveDataStarted', iPushPullReport);
         }
     }
     stopLiveData() {
@@ -59,7 +58,7 @@ class IPushPullApiImpl extends ApiBase_1.ApiBase {
         // clear the live report
         this.dispatchAction(IPushPullRedux.IPushPullLiveReportClear());
         // fire the Live Report event for Export Stopped
-        this.getAdaptableApi().exportApi.internalApi.publishLiveLiveDataChangedEvent('ipushpull', 'LiveDataStopped', currentLiveReport);
+        this.getExportApi().internalApi.publishLiveLiveDataChangedEvent('ipushpull', 'LiveDataStopped', currentLiveReport);
     }
     isIPushPullReportLive(iPushPullReport) {
         if (!iPushPullReport) {
@@ -72,10 +71,10 @@ class IPushPullApiImpl extends ApiBase_1.ApiBase {
         return true;
     }
     isIPushPullRunning() {
-        return this.getAdaptableState().System.IsIPushPullRunning;
+        return this.getAdaptableState().Internal.IsIPushPullRunning;
     }
     getIPushPullDomains() {
-        return this.getAdaptableState().System.IPushPullDomainsPages || [];
+        return this.getAdaptableState().Internal.IPushPullDomainsPages || [];
     }
     getPagesForIPushPullDomain(folderName) {
         let returnArray = [];
@@ -125,11 +124,11 @@ class IPushPullApiImpl extends ApiBase_1.ApiBase {
     }
     setIPushPullRunningOn() {
         this.dispatchAction(IPushPullRedux.SetIPushPullRunningOn());
-        this.getAdaptableApi().exportApi.internalApi.publishLiveLiveDataChangedEvent('ipushpull', 'Connected');
+        this.getExportApi().internalApi.publishLiveLiveDataChangedEvent('ipushpull', 'Connected');
     }
     setIPushPullRunningOff() {
         this.dispatchAction(IPushPullRedux.SetIPushPullRunningOff());
-        this.getAdaptableApi().exportApi.internalApi.publishLiveLiveDataChangedEvent('ipushpull', 'Disconnected');
+        this.getExportApi().internalApi.publishLiveLiveDataChangedEvent('ipushpull', 'Disconnected');
     }
     isIPushPullLiveDataRunning() {
         return Helper_1.default.objectExists(this.getCurrentLiveIPushPullReport());

package/src/Module/PushPullModule.js

@@ -17,59 +17,59 @@ class PushPullModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             setTimeout(() => {
                 this.throttledRecomputeAndSendLiveDataEvent = (0, throttle_1.default)(() => this.sendNewLiveData(), this.getThrottleTimeFromState());
             }, 1000);
-        });
-        // if a piece of data has updated then update any live reports except cell or row selected where the data change is relevant
-        // currently we DONT send deltas - we simply send everything to ipushpull every time a relevant change happens
-        this.api.internalApi
-            .getDataService()
-            .on('CellDataChanged', (cellDataChangedInfo) => {
-            const api = this.getIPPApi();
-            const exportApi = this.api.exportApi;
-            if (api.isIPushPullLiveDataRunning()) {
-                let currentLiveIPushPullReport = api.getCurrentLiveIPushPullReport();
-                if (currentLiveIPushPullReport &&
-                    currentLiveIPushPullReport.ReportName !== GeneralConstants_1.SELECTED_CELLS_REPORT &&
-                    currentLiveIPushPullReport.ReportName !== GeneralConstants_1.SELECTED_ROWS_REPORT &&
-                    exportApi.internalApi.isDataChangeInReport(cellDataChangedInfo, this.getCurrentReport())) {
-                    this.throttledRecomputeAndSendLiveDataEvent();
-                }
-            }
-        });
-        // if the grid has refreshed then update all live reports
-        this.adaptable._on('GridRefreshed', () => {
-            if (this.getIPPApi().isIPushPullLiveDataRunning()) {
-                this.throttledRecomputeAndSendLiveDataEvent();
-            }
-        });
-        // if the grid filters have changed then update any live reports except cell or row selected
-        this.adaptable._on('AdapTableFiltersApplied', () => {
-            // Rerun all reports except selected cells / rows when filter changes
-            if (this.getIPPApi().isIPushPullLiveDataRunning()) {
-                let currentLiveIPushPullReport = this.getIPPApi().getCurrentLiveIPushPullReport();
-                if (currentLiveIPushPullReport &&
-                    currentLiveIPushPullReport.ReportName !== GeneralConstants_1.SELECTED_CELLS_REPORT &&
-                    currentLiveIPushPullReport.ReportName !== GeneralConstants_1.SELECTED_ROWS_REPORT) {
-                    this.throttledRecomputeAndSendLiveDataEvent();
-                }
-            }
-        });
-        // if grid selection has changed and the ipushpull Live report is 'Selected Cells' or 'Selected Rows' then send updated data
-        this.api.eventApi.on('CellSelectionChanged', () => {
-            if (this.getIPPApi().isIPushPullLiveDataRunning()) {
-                let currentLiveIPushPullReport = this.getIPPApi().getCurrentLiveIPushPullReport();
-                if (currentLiveIPushPullReport &&
-                    currentLiveIPushPullReport.ReportName === GeneralConstants_1.SELECTED_CELLS_REPORT) {
-                    this.throttledRecomputeAndSendLiveDataEvent();
-                }
-            }
-        });
-        this.api.eventApi.on('RowSelectionChanged', () => {
-            if (this.getIPPApi().isIPushPullLiveDataRunning()) {
-                let currentLiveIPushPullReport = this.getIPPApi().getCurrentLiveIPushPullReport();
-                if (currentLiveIPushPullReport &&
-                    currentLiveIPushPullReport.ReportName === GeneralConstants_1.SELECTED_ROWS_REPORT) {
-                    this.throttledRecomputeAndSendLiveDataEvent();
-                }
+            if (this.getIPPApi().isIPushPullRunning()) {
+                // if a piece of data has updated then update any live reports except cell or row selected where the data change is relevant
+                // currently we DONT send deltas - we simply send everything to ipushpull every time a relevant change happens
+                this.api.internalApi
+                    .getDataService()
+                    .on('CellDataChanged', (cellDataChangedInfo) => {
+                    const api = this.getIPPApi();
+                    const exportApi = this.api.exportApi;
+                    if (api.isIPushPullLiveDataRunning()) {
+                        let currentLiveIPushPullReport = api.getCurrentLiveIPushPullReport();
+                        if (currentLiveIPushPullReport &&
+                            currentLiveIPushPullReport.ReportName !== GeneralConstants_1.SELECTED_DATA_REPORT &&
+                            exportApi.internalApi.isDataChangeInReport(cellDataChangedInfo, this.getCurrentReport())) {
+                            this.throttledRecomputeAndSendLiveDataEvent();
+                        }
+                    }
+                });
+                // if the grid has refreshed then update all live reports
+                this.adaptable._on('GridRefreshed', () => {
+                    if (this.getIPPApi().isIPushPullLiveDataRunning()) {
+                        this.throttledRecomputeAndSendLiveDataEvent();
+                    }
+                });
+                // if the grid filters have changed then update any live reports except cell or row selected
+                this.adaptable._on('AdapTableFiltersApplied', () => {
+                    // Rerun all reports except selected cells / rows when filter changes
+                    if (this.getIPPApi().isIPushPullLiveDataRunning()) {
+                        let currentLiveIPushPullReport = this.getIPPApi().getCurrentLiveIPushPullReport();
+                        if (currentLiveIPushPullReport &&
+                            currentLiveIPushPullReport.ReportName !== GeneralConstants_1.SELECTED_DATA_REPORT) {
+                            this.throttledRecomputeAndSendLiveDataEvent();
+                        }
+                    }
+                });
+                // if grid selection has changed and the ipushpull Live report is 'Selected Cells' or 'Selected Rows' then send updated data
+                this.api.eventApi.on('CellSelectionChanged', () => {
+                    if (this.getIPPApi().isIPushPullLiveDataRunning()) {
+                        let currentLiveIPushPullReport = this.getIPPApi().getCurrentLiveIPushPullReport();
+                        if (currentLiveIPushPullReport &&
+                            currentLiveIPushPullReport.ReportName === GeneralConstants_1.SELECTED_DATA_REPORT) {
+                            this.throttledRecomputeAndSendLiveDataEvent();
+                        }
+                    }
+                });
+                this.api.eventApi.on('RowSelectionChanged', () => {
+                    if (this.getIPPApi().isIPushPullLiveDataRunning()) {
+                        let currentLiveIPushPullReport = this.getIPPApi().getCurrentLiveIPushPullReport();
+                        if (currentLiveIPushPullReport &&
+                            currentLiveIPushPullReport.ReportName === GeneralConstants_1.SELECTED_DATA_REPORT) {
+                            this.throttledRecomputeAndSendLiveDataEvent();
+                        }
+                    }
+                });
             }
         });
     }
@@ -82,8 +82,7 @@ class PushPullModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             this.AccessLevel = 'Hidden';
         }
         else {
-            this.AccessLevel = this.api.entitlementApi
-                .getEntitlementAccessLevelForModule(this.moduleInfo.ModuleName);
+            this.AccessLevel = this.api.entitlementApi.getEntitlementAccessLevelForModule(this.moduleInfo.ModuleName);
         }
     }
     getIPPApi() {

package/src/Redux/ActionReducers/IPushPullRedux.js

@@ -128,13 +128,24 @@ state, action) => {
             return Object.assign({}, state, { IsIPushPullRunning: false });
         case PluginsRedux_1.IPUSHPULL_SET_LOGIN_DETAILS: {
             let loginAction = action;
-            return Object.assign(Object.assign({}, state), { CurrentIPushpullUsername: loginAction.username, CurrentIPushpullPassword: loginAction.password });
+            return {
+                ...state,
+                CurrentIPushpullUsername: loginAction.username,
+                CurrentIPushpullPassword: loginAction.password,
+            };
         }
         case PluginsRedux_1.IPUSHPULL_LOGOUT: {
-            return Object.assign(Object.assign({}, state), { CurrentIPushpullUsername: undefined, CurrentIPushpullPassword: undefined });
+            return {
+                ...state,
+                CurrentIPushpullUsername: undefined,
+                CurrentIPushpullPassword: undefined,
+            };
         }
         case PluginsRedux_1.IPUSHPULL_SET_LOGIN_ERROR_MESSAGE: {
-            return Object.assign(Object.assign({}, state), { IPushPullLoginErrorMessage: action.errorMessage });
+            return {
+                ...state,
+                IPushPullLoginErrorMessage: action.errorMessage,
+            };
         }
         case PluginsRedux_1.IPUSHPULL_DOMAIN_PAGES_SET: {
             return Object.assign({}, state, {

package/src/Utilities/Services/Interface/IPushPullService.d.ts

@@ -1,5 +1,5 @@
 import { ServiceStatus } from '../PushPullService';
-import { IPushPullDomain } from "@adaptabletools/adaptable-cjs/src/PredefinedConfig/SystemState";
+import { IPushPullDomain } from "@adaptabletools/adaptable-cjs/src/PredefinedConfig/InternalState";
 export interface IPushPullService {
     login(login: string, password: string): Promise<any>;
     getDomainPages(): Promise<IPushPullDomain[]>;

package/src/Utilities/Services/PushPullService.d.ts

@@ -1,7 +1,7 @@
 import { IAdaptable } from "@adaptabletools/adaptable-cjs/src/AdaptableInterfaces/IAdaptable";
 import { IPPStyle } from "@adaptabletools/adaptable-cjs/src/Utilities/Interface/IPPStyle";
 import { IPushPullService } from './Interface/IPushPullService';
-import { IPushPullDomain } from "@adaptabletools/adaptable-cjs/src/PredefinedConfig/SystemState";
+import { IPushPullDomain } from "@adaptabletools/adaptable-cjs/src/PredefinedConfig/InternalState";
 export declare enum ServiceStatus {
     Unknown = "Unknown",
     Disconnected = "Disconnected",

package/src/Utilities/Services/PushPullService.js

@@ -10,7 +10,7 @@ var ServiceStatus;
     ServiceStatus["Disconnected"] = "Disconnected";
     ServiceStatus["Connected"] = "Connected";
     ServiceStatus["Error"] = "Error";
-})(ServiceStatus = exports.ServiceStatus || (exports.ServiceStatus = {}));
+})(ServiceStatus || (exports.ServiceStatus = ServiceStatus = {}));
 class PushPullService {
     constructor(adaptable) {
         this.adaptable = adaptable;
@@ -232,7 +232,7 @@ class PushPullService {
                 headerFontStyle: headerColStyle.fontStyle,
                 headerFontWeight: headerColStyle.fontWeight,
                 height: Number(headerColStyle.height.replace('px', '')),
-                Columns: this.adaptable.api.columnApi.getColumns().map((col) => {
+                Columns: this.adaptable.api.columnApi.getUIAvailableColumns().map((col) => {
                     const headerColumn = document.querySelector(`.ag-header-cell[col-id='${col.columnId}']`);
                     const headerColumnStyle = window.getComputedStyle(headerColumn || headerFirstCol, null);
                     return {
@@ -251,7 +251,7 @@ class PushPullService {
                 fontStyle: firstRowStyle.fontStyle,
                 fontWeight: firstRowStyle.fontWeight,
                 height: Number(firstRowStyle.height.replace('px', '')),
-                Columns: this.adaptable.api.columnApi.getColumns().map((col) => {
+                Columns: this.adaptable.api.columnApi.getUIAvailableColumns().map((col) => {
                     const cellElement = document.querySelector(`.ag-cell[col-id='${col.columnId}']`);
                     const headerColumnStyle = window.getComputedStyle(cellElement || firstRow, null);
                     return {
@@ -273,7 +273,7 @@ class PushPullService {
                 headerFontStyle: 'normal',
                 headerFontWeight: '400',
                 height: 65,
-                Columns: this.adaptable.api.columnApi.getColumns().map((col) => {
+                Columns: this.adaptable.api.columnApi.getUIAvailableColumns().map((col) => {
                     return {
                         columnFriendlyName: col.friendlyName,
                         width: 200,
@@ -290,7 +290,7 @@ class PushPullService {
                 fontStyle: 'normal',
                 fontWeight: '400',
                 height: 30,
-                Columns: this.adaptable.api.columnApi.getColumns().map((col) => {
+                Columns: this.adaptable.api.columnApi.getUIAvailableColumns().map((col) => {
                     return {
                         columnFriendlyName: col.friendlyName,
                         width: 200,

package/src/View/IPushPullAddPagePopup.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import * as IPushPullRedux from '../Redux/ActionReducers/IPushPullRedux';
 import { IPushPullDomain } from "@adaptabletools/adaptable-cjs/src/PredefinedConfig/IPushPullState";
 interface IPushPullAddPagePopupProps {
@@ -6,5 +6,8 @@ interface IPushPullAddPagePopupProps {
     onAddPage: (folder: string, page: string) => IPushPullRedux.IPushPullAddPageAction;
     onCancel: () => any;
 }
-export declare let IPushPullAddPagePopup: import("react-redux").ConnectedComponent<(props: IPushPullAddPagePopupProps) => JSX.Element, import("react-redux").Omit<JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>, "IPushPullDomainsPages" | "onCancel" | "onAddPage">>;
+export declare let IPushPullAddPagePopup: import("react-redux").ConnectedComponent<(props: IPushPullAddPagePopupProps) => React.JSX.Element, {
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction>>;
+    store?: import("redux").Store<any, import("redux").UnknownAction, unknown>;
+}>;
 export {};

package/src/View/IPushPullAddPagePopup.js

@@ -15,7 +15,7 @@ const PanelWithImage_1 = require("@adaptabletools/adaptable-cjs/src/View/Compone
 const PopupContext_1 = require("@adaptabletools/adaptable-cjs/src/View/Components/Popups/AdaptablePopup/PopupContext");
 const ErrorBox_1 = tslib_1.__importDefault(require("@adaptabletools/adaptable-cjs/src/components/ErrorBox"));
 const HelpBlock_1 = tslib_1.__importDefault(require("@adaptabletools/adaptable-cjs/src/components/HelpBlock"));
-const rebass_1 = require("rebass");
+const Flex_1 = require("@adaptabletools/adaptable-cjs/src/components/Flex");
 const Dropdown_1 = tslib_1.__importDefault(require("@adaptabletools/adaptable-cjs/src/components/Dropdown"));
 const GeneralConstants_1 = require("@adaptabletools/adaptable-cjs/src/Utilities/Constants/GeneralConstants");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("@adaptabletools/adaptable-cjs/src/Utilities/Extensions/ArrayExtensions"));
@@ -29,7 +29,7 @@ const IPushPullAddPageComponent = (props) => {
     const { hidePopup } = (0, PopupContext_1.usePopupContext)();
     const onSubmit = () => {
         if (ArrayExtensions_1.default.ContainsItem(state.AvailablePages, state.Page)) {
-            setState(Object.assign(Object.assign({}, state), { ErrorMessage: 'A page with that name already exists in the folder' }));
+            setState({ ...state, ErrorMessage: 'A page with that name already exists in the folder' });
         }
         else {
             props.onAddPage(state.Folder, state.Page);
@@ -37,7 +37,7 @@ const IPushPullAddPageComponent = (props) => {
     };
     const onPageNameChange = (event) => {
         const e = event.target;
-        setState(Object.assign(Object.assign({}, state), { Page: e.value }));
+        setState({ ...state, Page: e.value });
     };
     const onFolderChanged = (folderName) => {
         if (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(folderName) && folderName !== 'Select Folder') {
@@ -78,7 +78,7 @@ const IPushPullAddPageComponent = (props) => {
                 React.createElement("div", { style: { flex: 1 } }),
                 React.createElement(SimpleButton_1.default, { tone: "accent", variant: "raised", type: "submit", disabled: StringExtensions_1.StringExtensions.IsNullOrEmpty(state.Folder) ||
                         StringExtensions_1.StringExtensions.IsNullOrEmpty(state.Page), icon: 'check' }, "Add Page")) },
-            React.createElement(rebass_1.Flex, { flexDirection: "column", padding: 2, margin: 2 },
+            React.createElement(Flex_1.Flex, { flexDirection: "column", padding: 2, margin: 2 },
                 React.createElement(HelpBlock_1.default, { marginBottom: 1 }, "Select a folder and then choose the name of the new ipushpull page it should contain."),
                 React.createElement(FormLayout_1.default, { margin: 3 },
                     React.createElement(FormLayout_1.FormRow, { label: "Folder:" },
@@ -90,7 +90,7 @@ const IPushPullAddPageComponent = (props) => {
 };
 function mapStateToProps(state) {
     return {
-        IPushPullDomainsPages: state.System.IPushPullDomainsPages,
+        IPushPullDomainsPages: state.Internal.IPushPullDomainsPages,
     };
 }
 function mapDispatchToProps(dispatch) {

package/src/View/IPushPullLoginPopup.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import * as IPushPullRedux from '../Redux/ActionReducers/IPushPullRedux';
 interface IPushPullLoginPopupProps {
     pushpullLogin: string | undefined;
@@ -7,5 +7,8 @@ interface IPushPullLoginPopupProps {
     onLogin: (login: string, password: string) => IPushPullRedux.IPushPullLoginAction;
     onCancel: () => any;
 }
-export declare let IPushPullLoginPopup: import("react-redux").ConnectedComponent<(props: IPushPullLoginPopupProps) => JSX.Element, import("react-redux").Omit<JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>, keyof IPushPullLoginPopupProps>>;
+export declare let IPushPullLoginPopup: import("react-redux").ConnectedComponent<(props: IPushPullLoginPopupProps) => React.JSX.Element, {
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction>>;
+    store?: import("redux").Store<any, import("redux").UnknownAction, unknown>;
+}>;
 export {};

package/src/View/IPushPullLoginPopup.js

@@ -16,7 +16,7 @@ const PanelWithImage_1 = require("@adaptabletools/adaptable-cjs/src/View/Compone
 const PopupContext_1 = require("@adaptabletools/adaptable-cjs/src/View/Components/Popups/AdaptablePopup/PopupContext");
 const ErrorBox_1 = tslib_1.__importDefault(require("@adaptabletools/adaptable-cjs/src/components/ErrorBox"));
 const HelpBlock_1 = tslib_1.__importDefault(require("@adaptabletools/adaptable-cjs/src/components/HelpBlock"));
-const rebass_1 = require("rebass");
+const Flex_1 = require("@adaptabletools/adaptable-cjs/src/components/Flex");
 const IPushPullLoginComponent = (props) => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const options = adaptable.getPlugin('ipushpull').options;
@@ -30,11 +30,11 @@ const IPushPullLoginComponent = (props) => {
     };
     const onLoginChange = (event) => {
         const e = event.target;
-        setState(Object.assign(Object.assign({}, state), { Login: e.value }));
+        setState({ ...state, Login: e.value });
     };
     const onPasswordChange = (event) => {
         const e = event.target;
-        setState(Object.assign(Object.assign({}, state), { Password: e.value }));
+        setState({ ...state, Password: e.value });
     };
     return (React.createElement(PanelWithImage_1.PanelWithImage, { header: "ipushpull Login Details", glyphicon: "login", variant: "primary", style: { height: '100%' } },
         React.createElement(FlexWithFooter_1.default, { as: "form", onSubmit: (e) => {
@@ -49,7 +49,7 @@ const IPushPullLoginComponent = (props) => {
                     } }, "CLOSE"),
                 React.createElement("div", { style: { flex: 1 } }),
                 React.createElement(SimpleButton_1.default, { tone: "accent", variant: "raised", type: "submit", disabled: StringExtensions_1.StringExtensions.IsNullOrEmpty(state.Password), icon: 'check' }, "Login")) },
-            React.createElement(rebass_1.Flex, { flexDirection: "column", padding: 2, margin: 2 },
+            React.createElement(Flex_1.Flex, { flexDirection: "column", padding: 2, margin: 2 },
                 React.createElement(HelpBlock_1.default, { marginBottom: 1 }, "Login to ipushpull using your login (email address) and password."),
                 React.createElement(FormLayout_1.default, { margin: 3 },
                     React.createElement(FormLayout_1.FormRow, { label: "ipushpull login:" },
@@ -64,7 +64,7 @@ function mapStateToProps(state) {
         // pushpullLogin: state.IPushPull ? state.IPushPull!.Username : undefined,
         // pushpullPassword: state.IPushPull ? state.IPushPull!.Password : undefined,
         // pushpullLoginErrorMessage: state.IPushPull.IPushPullLoginErrorMessage,
-        pushpullLoginErrorMessage: state.System.IPushPullLoginErrorMessage,
+        pushpullLoginErrorMessage: state.Internal.IPushPullLoginErrorMessage,
     };
 }
 function mapDispatchToProps(dispatch) {

package/src/View/IPushPullPopup.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import * as Redux from 'redux';
 import * as IPushPullRedux from '../Redux/ActionReducers/IPushPullRedux';
 import { ModuleViewPopupProps } from "@adaptabletools/adaptable-cjs/src/View/Components/SharedProps/ModuleViewPopupProps";
 import * as TeamSharingRedux from "@adaptabletools/adaptable-cjs/src/Redux/ActionsReducers/TeamSharingRedux";
@@ -15,8 +16,11 @@ declare class IPushPullPopupComponent extends React.Component<IPushPullPopupProp
     constructor(props: IPushPullPopupProps);
     shouldClosePopupOnFinishWizard: boolean;
     componentDidMount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     onApplyExport(iPushPullReport: IPushPullReport): void;
 }
-export declare let IPushPullPopup: import("react-redux").ConnectedComponent<typeof IPushPullPopupComponent, import("react-redux").Omit<JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>, keyof IPushPullPopupProps>>;
+export declare let IPushPullPopup: import("react-redux").ConnectedComponent<typeof IPushPullPopupComponent, {
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, Redux.UnknownAction>>;
+    store?: Redux.Store<any, Redux.UnknownAction, unknown>;
+}>;
 export {};

package/src/View/IPushPullViewPanel.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
 import { ViewPanelProps } from "@adaptabletools/adaptable-cjs/src/View/Components/SharedProps/ViewPanelProps";
 import { IPushPullDomain, IPushPullReport, IPushPullSchedule } from "@adaptabletools/adaptable-cjs/src/PredefinedConfig/IPushPullState";
 import * as IPushPullRedux from '../Redux/ActionReducers/IPushPullRedux';
 import * as PopupRedux from "@adaptabletools/adaptable-cjs/src/Redux/ActionsReducers/PopupRedux";
 import { AdaptableColumn } from "@adaptabletools/adaptable-cjs/src/PredefinedConfig/Common/AdaptableColumn";
 import { Report } from "@adaptabletools/adaptable-cjs/src/PredefinedConfig/ExportState";
+import * as React from 'react';
 export interface IPushPullViewPanelComponentProps extends ViewPanelProps {
     onIPushPullSendSnapshot: (iPushPulleport: IPushPullReport) => IPushPullRedux.IPushPullSendSnapshotAction;
     onIPushPullStartLiveData: (iPushPulleport: IPushPullReport) => IPushPullRedux.IPushPullStartLiveDataAction;
@@ -25,4 +25,7 @@ export interface IPushPullViewPanelComponentProps extends ViewPanelProps {
     onCurrentIPushPullFolderChange: (folder: string) => IPushPullRedux.IPushPullSetCurrentFolderAction;
     onCurrentIPushPullPageChange: (page: string) => IPushPullRedux.IPushPullSetCurrentPageAction;
 }
-export declare const IPushPullViewPanelControl: import("react-redux").ConnectedComponent<(props: IPushPullViewPanelComponentProps) => JSX.Element, import("react-redux").Omit<JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>, keyof IPushPullViewPanelComponentProps>>;
+export declare const IPushPullViewPanelControl: import("react-redux").ConnectedComponent<(props: IPushPullViewPanelComponentProps) => React.JSX.Element, {
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction>>;
+    store?: import("redux").Store<any, import("redux").UnknownAction, unknown>;
+}>;

package/src/View/IPushPullViewPanel.js

@@ -7,7 +7,7 @@ const PopupRedux = tslib_1.__importStar(require("@adaptabletools/adaptable-cjs/s
 const React = tslib_1.__importStar(require("react"));
 const ObjectFactory_1 = tslib_1.__importDefault(require("@adaptabletools/adaptable-cjs/src/Utilities/ObjectFactory"));
 const StringExtensions_1 = require("@adaptabletools/adaptable-cjs/src/Utilities/Extensions/StringExtensions");
-const rebass_1 = require("rebass");
+const Flex_1 = require("@adaptabletools/adaptable-cjs/src/components/Flex");
 const DropdownButton_1 = tslib_1.__importDefault(require("@adaptabletools/adaptable-cjs/src/components/DropdownButton"));
 const ButtonExport_1 = require("@adaptabletools/adaptable-cjs/src/View/Components/Buttons/ButtonExport");
 const ButtonPause_1 = require("@adaptabletools/adaptable-cjs/src/View/Components/Buttons/ButtonPause");
@@ -21,7 +21,6 @@ const ButtonLogin_1 = require("@adaptabletools/adaptable-cjs/src/View/Components
 const ModuleConstants = tslib_1.__importStar(require("@adaptabletools/adaptable-cjs/src/Utilities/Constants/ModuleConstants"));
 const react_redux_1 = require("react-redux");
 const IPushPullViewPanelComponent = (props) => {
-    var _a, _b, _c, _d;
     const [_, update] = React.useState(0);
     const forceUpdate = () => update((x) => x + 1);
     const onLiveDataChanged = React.useCallback((liveDataChangedInfo) => {
@@ -74,20 +73,20 @@ const IPushPullViewPanelComponent = (props) => {
             onClick: () => onSelectedReportChanged(report),
         };
     });
-    let availableFolders = (_b = (_a = props.IPushPullDomainsPages) === null || _a === void 0 ? void 0 : _a.map((iPushPullDomain) => {
+    let availableFolders = props.IPushPullDomainsPages?.map((iPushPullDomain) => {
         return {
             label: iPushPullDomain.Name,
             value: iPushPullDomain.Name,
             onClick: () => onFolderChanged(iPushPullDomain.Name),
         };
-    })) !== null && _b !== void 0 ? _b : [];
-    let availablePages = (_d = (_c = props.CurrentIPushPullAvailablePages) === null || _c === void 0 ? void 0 : _c.map((page) => {
+    }) ?? [];
+    let availablePages = props.CurrentIPushPullAvailablePages?.map((page) => {
         return {
             label: page,
             value: page,
             onClick: () => onPageChanged(page),
         };
-    })) !== null && _d !== void 0 ? _d : [];
+    }) ?? [];
     // this is clearly ridiculous!
     // im getting tired...
     let isCompletedReport = StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullReportName) &&
@@ -99,23 +98,23 @@ const IPushPullViewPanelComponent = (props) => {
         props.CurrentIPushPullFolder == props.CurrentLiveIPushPullReport.Folder &&
         props.CurrentIPushPullPage == props.CurrentLiveIPushPullReport.Page;
     const elementType = props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-    return props.IsIPushPullRunning ? (React.createElement(rebass_1.Flex, { flexDirection: "row", className: `ab-${elementType}__IPushPull__wrap`, flexWrap: props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
-        React.createElement(rebass_1.Flex, null,
+    return props.IsIPushPullRunning ? (React.createElement(Flex_1.Flex, { flexDirection: "row", className: `ab-${elementType}__IPushPull__wrap`, flexWrap: props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
+        React.createElement(Flex_1.Flex, null,
             React.createElement(DropdownButton_1.default, { disabled: allReports.length == 0 || isLiveIPushPullReport, style: { minWidth: 140, fontSize: 'small' }, items: availableReports, columns: ['label'], className: `ab-${elementType}__IPushPull__select`, onClear: () => onSelectedReportChanged(''), showClearButton: StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullReportName), variant: "outlined", marginRight: 2 }, StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullReportName)
                 ? props.CurrentIPushPullReportName
                 : 'Select Report')),
-        React.createElement(rebass_1.Flex, null,
+        React.createElement(Flex_1.Flex, null,
             React.createElement(DropdownButton_1.default, { disabled: allReports.length == 0 || isLiveIPushPullReport, style: { minWidth: 140, fontSize: 'small' }, items: availableFolders, columns: ['label'], className: `ab-${elementType}__IPushPull__select`, onClear: () => onFolderChanged(''), showClearButton: StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullFolder), variant: "outlined", marginRight: 2 }, StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullFolder)
                 ? props.CurrentIPushPullFolder
                 : 'Select Folder')),
-        React.createElement(rebass_1.Flex, null,
+        React.createElement(Flex_1.Flex, null,
             React.createElement(DropdownButton_1.default, { disabled: allReports.length == 0 || isLiveIPushPullReport, style: { minWidth: 140, fontSize: 'small' }, items: availablePages, columns: ['label'], className: `ab-${elementType}__IPushPull__select`, onClear: () => onPageChanged(''), showClearButton: StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullPage), variant: "outlined", marginRight: 2 }, StringExtensions_1.StringExtensions.IsNotNullOrEmpty(props.CurrentIPushPullPage)
                 ? props.CurrentIPushPullPage
                 : 'Select Page')),
-        React.createElement(rebass_1.Flex, { style: { minWidth: '148px' } },
+        React.createElement(Flex_1.Flex, { style: { minWidth: '148px' } },
             React.createElement(ButtonExport_1.ButtonExport, { marginLeft: 1, className: `ab-${elementType}__IPushPull__export`, onClick: () => onIPushPullSendSnapshot(), tooltip: "Send Snapshot to ipushpull", disabled: isLiveIPushPullReport || !isCompletedReport, accessLevel: props.accessLevel }),
             true ? (React.createElement(ButtonPause_1.ButtonPause, { fillColor: 'red', marginLeft: 1, className: `ab-${elementType}__IPushPull__pause`, onClick: () => props.onIPushPullStopLiveData(), tooltip: "Stop sync with ipushpull", disabled: !isLiveIPushPullReport, accessLevel: props.accessLevel })) : (React.createElement(ButtonPlay_1.ButtonPlay, { marginLeft: 1, className: `ab-${elementType}__IPushPull__play`, onClick: () => onIPushPullStartLiveData(), tooltip: "Start sync with ipushpull", disabled: isLiveIPushPullReport || !isCompletedReport, accessLevel: props.accessLevel })),
-            isCompletedReport && (React.createElement(rebass_1.Flex, { className: (0, join_1.default)(props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__IPushPull__controls`), alignItems: "stretch" }, props.api.entitlementApi.isModuleFullEntitlement('Schedule') && (React.createElement(ButtonSchedule_1.ButtonSchedule, { marginLeft: 1, className: `ab-${elementType}__IPushPull__schedule`, onClick: () => onNewIPushPullSchedule(), tooltip: "Schedule", disabled: isLiveIPushPullReport || !isCompletedReport, accessLevel: props.accessLevel })))),
+            isCompletedReport && (React.createElement(Flex_1.Flex, { className: (0, join_1.default)(props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__IPushPull__controls`), alignItems: "stretch" }, props.api.entitlementApi.isModuleFullEntitlement('Schedule') && (React.createElement(ButtonSchedule_1.ButtonSchedule, { marginLeft: 1, className: `ab-${elementType}__IPushPull__schedule`, onClick: () => onNewIPushPullSchedule(), tooltip: "Schedule", disabled: isLiveIPushPullReport || !isCompletedReport, accessLevel: props.accessLevel })))),
             ' ',
             React.createElement(ButtonNewPage_1.ButtonNewPage, { marginLeft: 1, className: `ab-${elementType}__IPushPull__newpage`, onClick: () => props.onShowAddIPushPullPage(), tooltip: "New Page", disabled: isLiveIPushPullReport, accessLevel: props.accessLevel }),
             React.createElement(ButtonLogout_1.ButtonLogout, { marginLeft: 1, className: `ab-${elementType}__IPushPull__logout`, onClick: () => getIPPApi().logoutFromIPushPull(), tooltip: "Logout", disabled: isLiveIPushPullReport, accessLevel: props.accessLevel })))) : (React.createElement(ButtonLogin_1.ButtonLogin, { marginLeft: 1, className: `ab-${elementType}__IPushPull__login`, onClick: () => props.onShowIPushPullLogin(), tooltip: "Login to ipushpull", accessLevel: props.accessLevel },
@@ -124,14 +123,14 @@ const IPushPullViewPanelComponent = (props) => {
 };
 function mapStateToProps(state) {
     return {
-        CurrentLiveIPushPullReport: state.System.CurrentLiveIPushPullReport,
+        CurrentLiveIPushPullReport: state.Internal.CurrentLiveIPushPullReport,
         Reports: state.Export.Reports,
-        IPushPullDomainsPages: state.System.IPushPullDomainsPages,
-        IsIPushPullRunning: state.System.IsIPushPullRunning,
-        CurrentIPushPullReportName: state.System.IPushPullCurrentReportName,
-        CurrentIPushPullFolder: state.System.IPushPullCurrentFolder,
-        CurrentIPushPullPage: state.System.IPushPullCurrentPage,
-        CurrentIPushPullAvailablePages: state.System.IPushPullCurrentAvailablePages,
+        IPushPullDomainsPages: state.Internal.IPushPullDomainsPages,
+        IsIPushPullRunning: state.Internal.IsIPushPullRunning,
+        CurrentIPushPullReportName: state.Internal.IPushPullCurrentReportName,
+        CurrentIPushPullFolder: state.Internal.IPushPullCurrentFolder,
+        CurrentIPushPullPage: state.Internal.IPushPullCurrentPage,
+        CurrentIPushPullAvailablePages: state.Internal.IPushPullCurrentAvailablePages,
     };
 }
 function mapDispatchToProps(dispatch) {

package/src/index.d.ts

@@ -4,6 +4,7 @@ import { IPushPullState } from "@adaptabletools/adaptable-cjs/src/PredefinedConf
 import { IPushPullApi } from "@adaptabletools/adaptable-cjs/src/Api/IPushPullApi";
 import { IPushPullPluginOptions } from "@adaptabletools/adaptable-cjs/src/AdaptableOptions/IPushPullPluginOptions";
 import { IAdaptable } from "@adaptabletools/adaptable-cjs/src/AdaptableInterfaces/IAdaptable";
+import type { Middleware, Action } from 'redux';
 declare class IPushPullPlugin extends AdaptablePlugin {
     options: IPushPullPluginOptions;
     pluginId: string;
@@ -14,7 +15,7 @@ declare class IPushPullPlugin extends AdaptablePlugin {
     rootReducer: (rootReducer: any) => {
         System: (state: IPushPullState, action: Redux.Action) => IPushPullState;
     };
-    reduxMiddleware: (adaptable: IAdaptable) => Redux.Middleware;
+    reduxMiddleware: (adaptable: IAdaptable) => Middleware;
     afterInitStore(adaptable: IAdaptable): void;
 }
 declare const _default: (options?: IPushPullPluginOptions) => IPushPullPlugin;

package/src/index.js

@@ -4,8 +4,8 @@ const tslib_1 = require("tslib");
 const types_1 = require("@adaptabletools/adaptable-cjs/types");
 const env_1 = tslib_1.__importDefault(require("./env"));
 // TODO in the future, try to put back the version check
-// import { version, name } from '../package.json';
-// import { version as coreVersion } from '@adaptabletools/adaptable/package.json';
+const package_json_1 = require("../package.json");
+const package_json_2 = require("@adaptabletools/adaptable-cjs/package.json");
 const ModuleConstants = tslib_1.__importStar(require("@adaptabletools/adaptable-cjs/src/Utilities/Constants/ModuleConstants"));
 const ModuleConstants_1 = require("@adaptabletools/adaptable-cjs/src/Utilities/Constants/ModuleConstants");
 const PopupRedux = tslib_1.__importStar(require("@adaptabletools/adaptable-cjs/src/Redux/ActionsReducers/PopupRedux"));
@@ -20,14 +20,14 @@ const IPushPullAddPagePopup_1 = require("./View/IPushPullAddPagePopup");
 const PluginsRedux_1 = require("@adaptabletools/adaptable-cjs/src/Redux/ActionsReducers/PluginsRedux");
 const StringExtensions_1 = tslib_1.__importDefault(require("@adaptabletools/adaptable-cjs/src/Utilities/Extensions/StringExtensions"));
 const IPushPullViewPanel_1 = require("./View/IPushPullViewPanel");
-// const suffix = name.endsWith('-cjs') ? '-cjs' : '';
-// if (version !== coreVersion) {
-//   console.warn(`
-// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-// !!!!!!! "@adaptabletools/adaptable-plugin-ipushpull${suffix}" (v @${version}) and "@adaptabletools/adaptable${suffix}" (v @${coreVersion}) have different versions - they should have the exact same version.
-// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-// `);
-// }
+const suffix = package_json_1.name.endsWith('-cjs') ? '-cjs' : '';
+if (package_json_1.version !== package_json_2.version) {
+    console.warn(`
+!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+!!!!!!! "@adaptabletools/adaptable-plugin-ipushpull${suffix}" (v @${package_json_1.version}) and "@adaptabletools/adaptable${suffix}" (v @${package_json_2.version}) have different versions - they should have the exact same version.
+!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+`);
+}
 const getApiKey = () => {
     let key = env_1.default.IPUSHPULL_API_KEY; // need to make sure that is always there
     return key;
@@ -117,7 +117,7 @@ class IPushPullPlugin extends types_1.AdaptablePlugin {
                         }
                         case PluginsRedux_1.IPUSHPULL_DOMAIN_PAGES_SET: {
                             //refresh the available pages
-                            const currentFolder = middlewareAPI.getState().System.IPushPullCurrentFolder;
+                            const currentFolder = middlewareAPI.getState().Internal.IPushPullCurrentFolder;
                             const isFolderValid = StringExtensions_1.default.IsNotNullOrEmpty(currentFolder);
                             if (isFolderValid) {
                                 const availablePages = adaptable.api.pluginsApi
@@ -134,14 +134,21 @@ class IPushPullPlugin extends types_1.AdaptablePlugin {
                 };
             };
         };
-        const ippConfig = Object.assign(Object.assign({}, defaultOptions.ippConfig), (options || {}).ippConfig);
+        const ippConfig = {
+            ...defaultOptions.ippConfig,
+            ...(options || {}).ippConfig,
+        };
         if (!ippConfig.api_key) {
             ippConfig.api_key = defaultOptions.ippConfig.api_key;
         }
         if (!ippConfig.api_secret) {
             ippConfig.api_secret = defaultOptions.ippConfig.api_secret;
         }
-        this.options = Object.assign(Object.assign(Object.assign({}, defaultOptions), options), { ippConfig });
+        this.options = {
+            ...defaultOptions,
+            ...options,
+            ippConfig,
+        };
         /**
          * Contains the objects required to export (snapshot or live) data to ipushpull from AdapTable.
          *