@adaptabletools/adaptable-plugin-ipushpull-cjs 17.0.0-canary.1

package/src/Redux/ActionReducers/IPushPullRedux.js

@@ -0,0 +1,179 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IPushPullReducer = exports.iPushPullInitialState = exports.IPushPullSetCurrentAvailablePages = exports.IPushPullSetCurrentPage = exports.IPushPullSetCurrentFolder = exports.IPushPullSetCurrentReportName = exports.IPushPullLiveReportClear = exports.IPushPullLiveReportSet = exports.IPushPullClearDomainsPages = exports.IPushPullSetDomainsPages = exports.SetIPushPullRunningOff = exports.SetIPushPullRunningOn = exports.SetIPushPullAvailableOff = exports.SetIPushPullAvailableOn = exports.IPushPullAddPage = exports.IPushPullSetLoginErrorMessage = exports.IPushPullSetLoginDetails = exports.IPushPullLogout = exports.IPushPullLogin = exports.IPushPullStopLiveData = exports.IPushPullStartLiveData = exports.IPushPullSendSnapshot = exports.IPushPullSetThrottleTime = void 0;
+const GeneralConstants_1 = require("@adaptabletools/adaptable-cjs/src/Utilities/Constants/GeneralConstants");
+const PluginsRedux_1 = require("@adaptabletools/adaptable-cjs/src/Redux/ActionsReducers/PluginsRedux");
+const IPushPullSetThrottleTime = (throttleTime) => ({
+    type: PluginsRedux_1.IPUSHPULL_SET_THROTTLE_TIME,
+    throttleTime,
+});
+exports.IPushPullSetThrottleTime = IPushPullSetThrottleTime;
+const IPushPullSendSnapshot = (iPushPullReport) => ({
+    type: PluginsRedux_1.IPUSHPULL_SEND_SNAPSHOT,
+    iPushPullReport,
+});
+exports.IPushPullSendSnapshot = IPushPullSendSnapshot;
+const IPushPullStartLiveData = (iPushPullReport) => ({
+    type: PluginsRedux_1.IPUSHPULL_START_LIVE_DATA,
+    iPushPullReport,
+});
+exports.IPushPullStartLiveData = IPushPullStartLiveData;
+const IPushPullStopLiveData = () => ({
+    type: PluginsRedux_1.IPUSHPULL_STOP_LIVE_DATA,
+});
+exports.IPushPullStopLiveData = IPushPullStopLiveData;
+const IPushPullLogin = (username, password) => ({
+    type: PluginsRedux_1.IPUSHPULL_LOGIN,
+    username,
+    password,
+});
+exports.IPushPullLogin = IPushPullLogin;
+const IPushPullLogout = () => ({
+    type: PluginsRedux_1.IPUSHPULL_LOGOUT,
+});
+exports.IPushPullLogout = IPushPullLogout;
+const IPushPullSetLoginDetails = (username, password) => ({
+    type: PluginsRedux_1.IPUSHPULL_SET_LOGIN_DETAILS,
+    username,
+    password,
+});
+exports.IPushPullSetLoginDetails = IPushPullSetLoginDetails;
+const IPushPullSetLoginErrorMessage = (errorMessage) => ({
+    type: PluginsRedux_1.IPUSHPULL_SET_LOGIN_ERROR_MESSAGE,
+    errorMessage,
+});
+exports.IPushPullSetLoginErrorMessage = IPushPullSetLoginErrorMessage;
+const IPushPullAddPage = (folder, page) => ({
+    type: PluginsRedux_1.IPUSHPULL_ADD_PAGE,
+    folder,
+    page,
+});
+exports.IPushPullAddPage = IPushPullAddPage;
+const SetIPushPullAvailableOn = () => ({
+    type: PluginsRedux_1.IPUSHPULL_SET_AVAILABLE_ON,
+});
+exports.SetIPushPullAvailableOn = SetIPushPullAvailableOn;
+const SetIPushPullAvailableOff = () => ({
+    type: PluginsRedux_1.IPUSHPULL_SET_AVAILABLE_OFF,
+});
+exports.SetIPushPullAvailableOff = SetIPushPullAvailableOff;
+const SetIPushPullRunningOn = () => ({
+    type: PluginsRedux_1.IPUSHPULL_SET_RUNNING_ON,
+});
+exports.SetIPushPullRunningOn = SetIPushPullRunningOn;
+const SetIPushPullRunningOff = () => ({
+    type: PluginsRedux_1.IPUSHPULL_SET_RUNNING_OFF,
+});
+exports.SetIPushPullRunningOff = SetIPushPullRunningOff;
+const IPushPullSetDomainsPages = (IPushPullDomainsPages) => {
+    return {
+        type: PluginsRedux_1.IPUSHPULL_DOMAIN_PAGES_SET,
+        IPushPullDomainsPages,
+    };
+};
+exports.IPushPullSetDomainsPages = IPushPullSetDomainsPages;
+const IPushPullClearDomainsPages = () => {
+    return {
+        type: PluginsRedux_1.IPUSHPULL_DOMAIN_PAGES_CLEAR,
+    };
+};
+exports.IPushPullClearDomainsPages = IPushPullClearDomainsPages;
+const IPushPullLiveReportSet = (iPushPullReport) => ({
+    type: PluginsRedux_1.IPUSHPULL_LIVE_REPORT_SET,
+    iPushPullReport,
+});
+exports.IPushPullLiveReportSet = IPushPullLiveReportSet;
+const IPushPullLiveReportClear = () => ({
+    type: PluginsRedux_1.IPUSHPULL_LIVE_REPORT_CLEAR,
+});
+exports.IPushPullLiveReportClear = IPushPullLiveReportClear;
+const IPushPullSetCurrentReportName = (reportName) => ({ type: PluginsRedux_1.IPUSHPULL_SET_CURRENT_REPORTNAME, reportName });
+exports.IPushPullSetCurrentReportName = IPushPullSetCurrentReportName;
+const IPushPullSetCurrentFolder = (folder) => ({
+    type: PluginsRedux_1.IPUSHPULL_SET_CURRENT_FOLDER,
+    folder,
+});
+exports.IPushPullSetCurrentFolder = IPushPullSetCurrentFolder;
+const IPushPullSetCurrentPage = (page) => ({
+    type: PluginsRedux_1.IPUSHPULL_SET_CURRENT_PAGE,
+    page,
+});
+exports.IPushPullSetCurrentPage = IPushPullSetCurrentPage;
+const IPushPullSetCurrentAvailablePages = (availablePages) => ({
+    type: PluginsRedux_1.IPUSHPULL_SET_CURRENT_AVAILABLE_PAGES,
+    availablePages,
+});
+exports.IPushPullSetCurrentAvailablePages = IPushPullSetCurrentAvailablePages;
+exports.iPushPullInitialState = {
+    IsIPushPullRunning: false,
+    IPushPullDomainsPages: GeneralConstants_1.EMPTY_ARRAY,
+    CurrentLiveIPushPullReport: undefined,
+    IPushPullLoginErrorMessage: undefined,
+    IPushPullCurrentReportName: GeneralConstants_1.EMPTY_STRING,
+    IPushPullCurrentFolder: GeneralConstants_1.EMPTY_STRING,
+    IPushPullCurrentPage: GeneralConstants_1.EMPTY_STRING,
+    IPushPullCurrentAvailablePages: GeneralConstants_1.EMPTY_ARRAY,
+};
+const IPushPullReducer = (
+// initial state is handled in the plugin rootReducer
+state, action) => {
+    switch (action.type) {
+        case PluginsRedux_1.IPUSHPULL_SET_AVAILABLE_ON:
+            return Object.assign({}, state, { IsIPushPullAvailable: true });
+        case PluginsRedux_1.IPUSHPULL_SET_AVAILABLE_OFF:
+            return Object.assign({}, state, { IsIPushPullAvailable: false });
+        case PluginsRedux_1.IPUSHPULL_SET_RUNNING_ON:
+            return Object.assign({}, state, { IsIPushPullRunning: true });
+        case PluginsRedux_1.IPUSHPULL_SET_RUNNING_OFF:
+            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 });
+        }
+        case PluginsRedux_1.IPUSHPULL_LOGOUT: {
+            return Object.assign(Object.assign({}, state), { CurrentIPushpullUsername: undefined, CurrentIPushpullPassword: undefined });
+        }
+        case PluginsRedux_1.IPUSHPULL_SET_LOGIN_ERROR_MESSAGE: {
+            return Object.assign(Object.assign({}, state), { IPushPullLoginErrorMessage: action.errorMessage });
+        }
+        case PluginsRedux_1.IPUSHPULL_DOMAIN_PAGES_SET: {
+            return Object.assign({}, state, {
+                IPushPullDomainsPages: action.IPushPullDomainsPages || [],
+            });
+        }
+        case PluginsRedux_1.IPUSHPULL_DOMAIN_PAGES_CLEAR: {
+            return Object.assign({}, state, {
+                IPushPullDomainsPages: [],
+            });
+        }
+        case PluginsRedux_1.IPUSHPULL_LIVE_REPORT_SET: {
+            const actionType = action;
+            return Object.assign({}, state, { CurrentLiveIPushPullReport: actionType.iPushPullReport });
+        }
+        case PluginsRedux_1.IPUSHPULL_LIVE_REPORT_CLEAR: {
+            // const atctionType = action as IPushPullLiveReportSetAction;
+            return Object.assign({}, state, { CurrentLiveIPushPullReport: undefined });
+        }
+        case PluginsRedux_1.IPUSHPULL_SET_CURRENT_REPORTNAME: {
+            const actionTyped = action;
+            return Object.assign({}, state, { IPushPullCurrentReportName: actionTyped.reportName });
+        }
+        case PluginsRedux_1.IPUSHPULL_SET_CURRENT_FOLDER: {
+            const actionTyped = action;
+            return Object.assign({}, state, { IPushPullCurrentFolder: actionTyped.folder });
+        }
+        case PluginsRedux_1.IPUSHPULL_SET_CURRENT_PAGE: {
+            const actionTyped = action;
+            return Object.assign({}, state, { IPushPullCurrentPage: actionTyped.page });
+        }
+        case PluginsRedux_1.IPUSHPULL_SET_CURRENT_AVAILABLE_PAGES: {
+            const actionTyped = action;
+            return Object.assign({}, state, {
+                IPushPullCurrentAvailablePages: actionTyped.availablePages,
+            });
+        }
+        default:
+            return state;
+    }
+};
+exports.IPushPullReducer = IPushPullReducer;

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

@@ -0,0 +1,11 @@
+import { ServiceStatus } from '../PushPullService';
+import { IPushPullDomain } from '@adaptabletools/adaptable/src/PredefinedConfig/SystemState';
+export interface IPushPullService {
+    login(login: string, password: string): Promise<any>;
+    getDomainPages(): Promise<IPushPullDomain[]>;
+    loadPage(folderIPP: string, pageIPP: string): Promise<void>;
+    unloadPage(page: string): void;
+    pushData(page: string, data: any[]): Promise<void>;
+    getIPushPullStatus(): ServiceStatus;
+    addNewPage(folderId: number, page: string): Promise<any>;
+}

package/src/Utilities/Services/Interface/IPushPullService.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,23 @@
+import { IAdaptable } from '@adaptabletools/adaptable/src/AdaptableInterfaces/IAdaptable';
+import { IPushPullService } from './Interface/IPushPullService';
+import { IPushPullDomain } from '@adaptabletools/adaptable/src/PredefinedConfig/SystemState';
+export declare enum ServiceStatus {
+    Unknown = "Unknown",
+    Disconnected = "Disconnected",
+    Connected = "Connected",
+    Error = "Error"
+}
+export declare class PushPullService implements IPushPullService {
+    adaptable: IAdaptable;
+    private ppInstance;
+    private pages;
+    constructor(adaptable: IAdaptable);
+    getIPushPullStatus(): ServiceStatus;
+    private getIPPApi;
+    login(login: string, password: string): Promise<any>;
+    getDomainPages(): Promise<IPushPullDomain[]>;
+    loadPage(folderIPP: string, pageIPP: string): Promise<void>;
+    unloadPage(page: string): void;
+    addNewPage(folderId: number, page: string): Promise<any>;
+    pushData(page: string, data: any[]): Promise<void>;
+}

package/src/Utilities/Services/PushPullService.js

@@ -0,0 +1,214 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PushPullService = exports.ServiceStatus = void 0;
+const tslib_1 = require("tslib");
+const StringExtensions_1 = tslib_1.__importDefault(require("@adaptabletools/adaptable-cjs/src/Utilities/Extensions/StringExtensions"));
+var ServiceStatus;
+(function (ServiceStatus) {
+    ServiceStatus["Unknown"] = "Unknown";
+    ServiceStatus["Disconnected"] = "Disconnected";
+    ServiceStatus["Connected"] = "Connected";
+    ServiceStatus["Error"] = "Error";
+})(ServiceStatus = exports.ServiceStatus || (exports.ServiceStatus = {}));
+class PushPullService {
+    constructor(adaptable) {
+        this.adaptable = adaptable;
+        this.ppInstance = null;
+        this.pages = new Map();
+        this.adaptable = adaptable;
+        this.adaptable.api.eventApi.on('AdaptableReady', async () => {
+            // turn off and clear everything
+            this.getIPPApi().clearIPushPullInternalState();
+            this.getIPPApi().setIPushPullAvailableOff();
+            if (!this.ppInstance) {
+                let instance = this.getIPPApi().getIPushPullInstance();
+                if (instance) {
+                    this.ppInstance = instance;
+                    // set that it is available
+                    this.getIPPApi().setIPushPullAvailableOn();
+                    let autoLogin = this.getIPPApi().getAutoLogin();
+                    if (autoLogin) {
+                        // get the username and passwrord from the options
+                        let userName = this.getIPPApi().getIPushPullUsername();
+                        let password = this.getIPPApi().getIPushPullPassword();
+                        if (StringExtensions_1.default.IsNotNullOrEmpty(userName) &&
+                            StringExtensions_1.default.IsNotNullOrEmpty(password)) {
+                            try {
+                                // slightly circular but it means tht we do the logic in one go..
+                                this.getIPPApi().loginToIPushPull(userName, password);
+                            }
+                            catch (err) {
+                                // set that it is not running (but still available)
+                                this.getIPPApi().setIPushPullRunningOff();
+                            }
+                        }
+                    }
+                }
+            }
+        });
+    }
+    getIPushPullStatus() {
+        if (!this.ppInstance) {
+            return ServiceStatus.Error;
+        }
+        return this.ppInstance.__status;
+    }
+    getIPPApi() {
+        return this.adaptable.api.pluginsApi.getipushpullPluginApi();
+    }
+    // Logs in to ipushpull
+    login(login, password) {
+        if (!this.ppInstance) {
+            return Promise.reject('No ipushpull instance found!');
+        }
+        return this.ppInstance.auth
+            .login(login, password)
+            .then((result) => {
+            this.ppInstance.__status = ServiceStatus.Connected;
+            this.adaptable.logger.success('Logged in to ipushpull');
+            return result;
+        })
+            .catch((err) => {
+            this.ppInstance.__status = ServiceStatus.Error;
+            this.getIPPApi().setIPushPullLoginErrorMessage(err.data ? err.data.error_description || err.message : err.message);
+            // prefer a more descriptive error, which IPP generally provides
+            throw err.data ? err.data.error_description || err.message : err.message;
+        });
+    }
+    // Retrieves domain pages from ipushpull
+    getDomainPages() {
+        if (!this.ppInstance) {
+            return Promise.reject('No ipushpull instance found!');
+        }
+        return this.ppInstance.api
+            .getDomainsAndPages(this.ppInstance.config.api_key)
+            .then((response) => {
+            this.adaptable.logger.success('Retrieved ipushpull Folder/Page info');
+            return response.data.domains.map((domain) => ({
+                Name: domain.name,
+                FolderId: domain.id,
+                Pages: domain.current_user_domain_page_access.pages
+                    .filter((page) => page.special_page_type == 0 && page.write_access)
+                    .map((page) => page.name),
+            }));
+        })
+            .catch((error) => {
+            this.adaptable.logger.error("Couldn't get Domain/Pages from ipushpull : ", error);
+            throw error.message;
+        });
+    }
+    loadPage(folderIPP, pageIPP) {
+        if (!this.ppInstance) {
+            return Promise.reject('No ipushpull instance found!');
+        }
+        return new Promise((resolve, reject) => {
+            const page = new this.ppInstance.Page(pageIPP, folderIPP);
+            page.on(page.EVENT_NEW_CONTENT, () => {
+                this.adaptable.logger.info(`Page Ready : ${pageIPP}`);
+                this.pages.set(pageIPP, page);
+                resolve(page);
+                // we return true so it removes the listener for new content.
+                // IPP should add that line to their wiki
+                return true;
+            });
+        });
+    }
+    unloadPage(page) {
+        const pageIPP = this.pages.get(page);
+        if (pageIPP) {
+            pageIPP.destroy();
+            this.pages.delete(page);
+            this.adaptable.logger.info(`Page Unloaded : ${page}`);
+        }
+    }
+    addNewPage(folderId, page) {
+        if (!this.ppInstance) {
+            return Promise.reject('No ipushpull instance found!');
+        }
+        return this.ppInstance.Page.create(folderId, page)
+            .then((createdPage) => {
+            let message = page + "' successfully created.";
+            this.adaptable.api.alertApi.showAlertSuccess('ipushpull Page', message);
+            this.adaptable.api.internalApi.hidePopupScreen();
+            return this.getIPPApi().retrieveIPushPullDomainsFromIPushPull();
+        })
+            .catch((err) => {
+            this.adaptable.logger.error("Couldn't create Page: '" + page + "'. Reason: " + err);
+        });
+    }
+    pushData(page, data) {
+        return new Promise((resolve, reject) => {
+            let newData = [];
+            const style = data && data.length > 1
+                ? this.adaptable.getCurrentIPPStyle()
+                : this.adaptable.getDefaultIPPStyle();
+            newData = data.map((row, i) => row.map((cell, y) => {
+                const col = i == 0
+                    ? style.Header.Columns.find((x) => x.columnFriendlyName == data[0][y])
+                    : style.Row.Columns.find((x) => x.columnFriendlyName == data[0][y]);
+                let styleIPP;
+                if (i == 0) {
+                    styleIPP = {
+                        'background-color': style.Header.headerBackColor,
+                        bbc: '000000',
+                        bbs: 'none',
+                        bbw: 'none',
+                        lbc: '000000',
+                        lbs: 'none',
+                        lbw: 'none',
+                        rbc: '000000',
+                        rbs: 'none',
+                        rbw: 'none',
+                        tbc: '000000',
+                        tbs: 'none',
+                        tbw: 'none',
+                        color: style.Header.headerColor,
+                        'font-family': style.Header.headerFontFamily,
+                        'font-size': style.Header.headerFontSize,
+                        'font-style': style.Header.headerFontStyle,
+                        'font-weight': style.Header.headerFontWeight,
+                        height: `${String(style.Header.height / 3)}px`,
+                        'text-align': col.textAlign,
+                        'vertical-align': 'middle',
+                        'white-space': 'nowrap',
+                        width: `${String(col.width)}px`,
+                        'text-wrap': 'normal',
+                        'word-wrap': 'normal',
+                    };
+                }
+                else if (i == 1) {
+                    styleIPP = {
+                        'background-color': i % 2 ? style.Row.backColor : style.Row.altBackColor,
+                        color: style.Row.color,
+                        'font-family': style.Row.fontFamily,
+                        'font-size': style.Row.fontSize,
+                        'font-style': style.Row.fontStyle,
+                        'font-weight': style.Row.fontWeight,
+                        'text-align': col.textAlign,
+                    };
+                }
+                else {
+                    styleIPP = {
+                        'background-color': i % 2 ? style.Row.backColor : style.Row.altBackColor,
+                    };
+                }
+                return {
+                    value: cell,
+                    formatted_value: cell,
+                    style: styleIPP,
+                };
+            }));
+            const pageIPP = this.pages.get(page);
+            pageIPP.Content.canDoDelta = false;
+            pageIPP.Content.update(newData, true);
+            pageIPP.push().then(() => {
+                this.adaptable.logger.success(`Data pushed for ipushpull page : ${page}`);
+                resolve();
+            }, (err) => {
+                this.adaptable.logger.info(`Error pushing data for ipushpull page : ${page}`);
+                reject();
+            });
+        });
+    }
+}
+exports.PushPullService = PushPullService;

package/src/View/IPushPullAddPagePopup.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import * as IPushPullRedux from '../Redux/ActionReducers/IPushPullRedux';
+import { IPushPullDomain } from '@adaptabletools/adaptable/src/PredefinedConfig/IPushPullState';
+interface IPushPullAddPagePopupProps {
+    IPushPullDomainsPages: IPushPullDomain[] | undefined;
+    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 {};

package/src/View/IPushPullAddPagePopup.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IPushPullAddPagePopup = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const PopupRedux = tslib_1.__importStar(require("@adaptabletools/adaptable-cjs/src/Redux/ActionsReducers/PopupRedux"));
+const IPushPullRedux = tslib_1.__importStar(require("../Redux/ActionReducers/IPushPullRedux"));
+const StringExtensions_1 = require("@adaptabletools/adaptable-cjs/src/Utilities/Extensions/StringExtensions");
+const FormLayout_1 = tslib_1.__importStar(require("@adaptabletools/adaptable-cjs/src/components/FormLayout"));
+const Input_1 = tslib_1.__importDefault(require("@adaptabletools/adaptable-cjs/src/components/Input"));
+const SimpleButton_1 = tslib_1.__importDefault(require("@adaptabletools/adaptable-cjs/src/components/SimpleButton"));
+const FlexWithFooter_1 = tslib_1.__importDefault(require("@adaptabletools/adaptable-cjs/src/components/FlexWithFooter"));
+const PanelWithImage_1 = require("@adaptabletools/adaptable-cjs/src/View/Components/Panels/PanelWithImage");
+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 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"));
+const IPushPullAddPageComponent = (props) => {
+    const [state, setState] = React.useState({
+        Folder: '',
+        Page: '',
+        AvailablePages: GeneralConstants_1.EMPTY_ARRAY,
+        ErrorMessage: '',
+    });
+    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' }));
+        }
+        else {
+            props.onAddPage(state.Folder, state.Page);
+        }
+    };
+    const onPageNameChange = (event) => {
+        const e = event.target;
+        setState(Object.assign(Object.assign({}, state), { Page: e.value }));
+    };
+    const onFolderChanged = (folderName) => {
+        if (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(folderName) && folderName !== 'Select Folder') {
+            let avaialablePages = props.IPushPullDomainsPages.find((f) => f.Name == folderName).Pages;
+            setState({
+                Folder: folderName,
+                AvailablePages: avaialablePages,
+                Page: GeneralConstants_1.EMPTY_STRING,
+                ErrorMessage: GeneralConstants_1.EMPTY_STRING,
+            });
+        }
+        else {
+            setState({
+                Folder: GeneralConstants_1.EMPTY_STRING,
+                AvailablePages: [],
+                Page: GeneralConstants_1.EMPTY_STRING,
+                ErrorMessage: GeneralConstants_1.EMPTY_STRING,
+            });
+        }
+    };
+    const availableFolders = props.IPushPullDomainsPages.map((iPushPullDomain) => {
+        return {
+            label: iPushPullDomain.Name,
+            value: iPushPullDomain.Name,
+        };
+    });
+    return (React.createElement(PanelWithImage_1.PanelWithImage, { header: "Add ipushpull Page", glyphicon: "newpage", variant: "primary", style: { height: '100%' } },
+        React.createElement(FlexWithFooter_1.default, { as: "form", onSubmit: (e) => {
+                e.preventDefault();
+                onSubmit();
+            }, footerProps: {
+                fontSize: 'var(--ab-font-size-4)',
+            }, footer: React.createElement(React.Fragment, null,
+                React.createElement(SimpleButton_1.default, { tone: "neutral", variant: "text", tooltip: "Close", onClick: (e) => {
+                        e.stopPropagation();
+                        hidePopup();
+                    } }, "CLOSE"),
+                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(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:" },
+                        React.createElement(Dropdown_1.default, { disabled: availableFolders.length == 0, style: { minWidth: '50%' }, options: availableFolders, className: "ab-Popup__IPushPull__select", onChange: (folder) => onFolderChanged(folder), value: state.Folder ? state.Folder : null, placeholder: "Select Folder", marginRight: 2 })),
+                    React.createElement(FormLayout_1.FormRow, { label: "Page" },
+                        React.createElement(Input_1.default, { width: "50%", type: "text", placeholder: "Page Name", value: state.Page, onChange: onPageNameChange })),
+                    state.ErrorMessage ? (React.createElement(FormLayout_1.FormRow, { label: "" },
+                        React.createElement(ErrorBox_1.default, null, state.ErrorMessage))) : null)))));
+};
+function mapStateToProps(state) {
+    return {
+        IPushPullDomainsPages: state.System.IPushPullDomainsPages,
+    };
+}
+function mapDispatchToProps(dispatch) {
+    return {
+        onAddPage: (folder, page) => dispatch(IPushPullRedux.IPushPullAddPage(folder, page)),
+        onCancel: () => {
+            dispatch(PopupRedux.PopupHideScreen());
+        },
+    };
+}
+exports.IPushPullAddPagePopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(IPushPullAddPageComponent);

package/src/View/IPushPullLoginPopup.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import * as IPushPullRedux from '../Redux/ActionReducers/IPushPullRedux';
+interface IPushPullLoginPopupProps {
+    pushpullLogin: string | undefined;
+    pushpullPassword: string | undefined;
+    pushpullLoginErrorMessage: string | undefined;
+    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 {};

package/src/View/IPushPullLoginPopup.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IPushPullLoginPopup = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const AdaptableContext_1 = require("@adaptabletools/adaptable-cjs/src/View/AdaptableContext");
+const PopupRedux = tslib_1.__importStar(require("@adaptabletools/adaptable-cjs/src/Redux/ActionsReducers/PopupRedux"));
+const IPushPullRedux = tslib_1.__importStar(require("../Redux/ActionReducers/IPushPullRedux"));
+const StringExtensions_1 = require("@adaptabletools/adaptable-cjs/src/Utilities/Extensions/StringExtensions");
+const FormLayout_1 = tslib_1.__importStar(require("@adaptabletools/adaptable-cjs/src/components/FormLayout"));
+const Input_1 = tslib_1.__importDefault(require("@adaptabletools/adaptable-cjs/src/components/Input"));
+const SimpleButton_1 = tslib_1.__importDefault(require("@adaptabletools/adaptable-cjs/src/components/SimpleButton"));
+const FlexWithFooter_1 = tslib_1.__importDefault(require("@adaptabletools/adaptable-cjs/src/components/FlexWithFooter"));
+const PanelWithImage_1 = require("@adaptabletools/adaptable-cjs/src/View/Components/Panels/PanelWithImage");
+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 IPushPullLoginComponent = (props) => {
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const options = adaptable.getPlugin('ipushpull').options;
+    const [state, setState] = React.useState({
+        Login: options.username || '',
+        Password: options.password || '',
+    });
+    const { hidePopup } = (0, PopupContext_1.usePopupContext)();
+    const onSubmit = () => {
+        props.onLogin(state.Login || '', state.Password || '');
+    };
+    const onLoginChange = (event) => {
+        const e = event.target;
+        setState(Object.assign(Object.assign({}, state), { Login: e.value }));
+    };
+    const onPasswordChange = (event) => {
+        const e = event.target;
+        setState(Object.assign(Object.assign({}, 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) => {
+                e.preventDefault();
+                onSubmit();
+            }, footerProps: {
+                fontSize: 'var(--ab-font-size-4)',
+            }, footer: React.createElement(React.Fragment, null,
+                React.createElement(SimpleButton_1.default, { tone: "neutral", variant: "text", tooltip: "Close", onClick: (e) => {
+                        e.stopPropagation();
+                        hidePopup();
+                    } }, "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(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:" },
+                        React.createElement(Input_1.default, { width: "100%", type: "email", placeholder: "Email address", value: state.Login, onChange: onLoginChange })),
+                    React.createElement(FormLayout_1.FormRow, { label: "ipushpull password:" },
+                        React.createElement(Input_1.default, { width: "100%", type: "password", placeholder: "Password", value: state.Password, onChange: onPasswordChange })),
+                    props.pushpullLoginErrorMessage ? (React.createElement(FormLayout_1.FormRow, { label: "" },
+                        React.createElement(ErrorBox_1.default, null, props.pushpullLoginErrorMessage))) : null)))));
+};
+function mapStateToProps(state) {
+    return {
+        // pushpullLogin: state.IPushPull ? state.IPushPull!.Username : undefined,
+        // pushpullPassword: state.IPushPull ? state.IPushPull!.Password : undefined,
+        // pushpullLoginErrorMessage: state.IPushPull.IPushPullLoginErrorMessage,
+        pushpullLoginErrorMessage: state.System.IPushPullLoginErrorMessage,
+    };
+}
+function mapDispatchToProps(dispatch) {
+    return {
+        onLogin: (login, password) => dispatch(IPushPullRedux.IPushPullLogin(login, password)),
+        onCancel: () => {
+            dispatch(PopupRedux.PopupHideScreen());
+            dispatch(IPushPullRedux.IPushPullSetLoginErrorMessage(''));
+        },
+    };
+}
+exports.IPushPullLoginPopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(IPushPullLoginComponent);