@adaptabletools/adaptable 10.0.0-canary.0

package/src/Utilities/Services/ValidationService.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ValidationService = void 0;
+const tslib_1 = require("tslib");
+const ArrayExtensions_1 = require("../Extensions/ArrayExtensions");
+const StringExtensions_1 = tslib_1.__importDefault(require("../Extensions/StringExtensions"));
+class ValidationService {
+    constructor(adaptable) {
+        this.adaptable = adaptable;
+        this.adaptable = adaptable;
+    }
+    // Not sure where to put this: was in the Module but might be better here until I can work out a way of having an event with a callback...
+    getValidationRulesForDataChange(dataChangedInfo) {
+        // if the new value is the same as the old value then we can get out as we dont see it as an edit?
+        if (dataChangedInfo.oldValue == dataChangedInfo.newValue) {
+            return [];
+        }
+        let editingRules = this.adaptable.api.alertApi
+            .getAlertDefinitionsWithPreventEdit()
+            .filter((v) => this.adaptable.api.scopeApi.isColumnInScope(this.adaptable.api.columnApi.getColumnFromId(dataChangedInfo.columnId), v.Scope));
+        let failedValidations = [];
+        if (ArrayExtensions_1.ArrayExtensions.IsNotEmpty(editingRules)) {
+            editingRules.forEach((alertDefinition) => {
+                if (alertDefinition.Rule.BooleanExpression) {
+                    let isSatisfiedExpression = dataChangedInfo.rowNode != null &&
+                        this.adaptable.api.internalApi
+                            .getExpressionService()
+                            .evaluateBooleanExpression(alertDefinition.Rule.BooleanExpression, dataChangedInfo.rowNode);
+                    if (isSatisfiedExpression) {
+                        failedValidations.push(alertDefinition);
+                    }
+                }
+                else {
+                    if (this.IsAlertDefinitionTriggered(alertDefinition, dataChangedInfo)) {
+                        failedValidations.push(alertDefinition);
+                    }
+                }
+            });
+        }
+        return failedValidations;
+    }
+    performValidation(dataChangedInfo) {
+        const failedRules = this.getValidationRulesForDataChange(dataChangedInfo);
+        if (failedRules.length > 0) {
+            let alert = {
+                header: 'Alert',
+                message: 'Perform Edit Alert Fired',
+                alertDefinition: failedRules[0],
+                dataChangedInfo: dataChangedInfo,
+            };
+            this.adaptable.api.alertApi.publishAlertFiredEvent(alert);
+            return false;
+        }
+        return true;
+    }
+    IsAlertDefinitionTriggered(alertDefinition, dataChangedEvent) {
+        const column = this.adaptable.api.columnApi.getColumnFromId(dataChangedEvent.columnId);
+        return this.adaptable.api.predicateApi.handlePredicate(alertDefinition.Rule.Predicate, {
+            value: dataChangedEvent.newValue,
+            oldValue: dataChangedEvent.oldValue,
+            displayValue: this.adaptable.getDisplayValueFromRowNode(dataChangedEvent.rowNode, dataChangedEvent.columnId),
+            node: dataChangedEvent.rowNode,
+            column,
+        }, false);
+    }
+    performServerValidation(dataChangedInfo, config) {
+        return () => {
+            this.adaptable.adaptableOptions.editOptions
+                .validateOnServer(dataChangedInfo)
+                .then((validationResult) => {
+                var _a, _b;
+                if (validationResult.NewValue === undefined) {
+                    validationResult.NewValue = dataChangedInfo.newValue;
+                }
+                // If they have changed the return value then we should update the grid, log the function change
+                // otherwise the value will persist
+                if (validationResult.NewValue !== dataChangedInfo.newValue) {
+                    dataChangedInfo.newValue = validationResult.NewValue;
+                    // this.adaptable.setValue(dataChangedInfo, false);
+                    const row = (_a = dataChangedInfo.rowNode) === null || _a === void 0 ? void 0 : _a.data;
+                    if (!row) {
+                        return;
+                    }
+                    row[(_b = this.adaptable.api.columnApi.getVendorGridColumnFieldForColumn(dataChangedInfo.columnId)) !== null && _b !== void 0 ? _b : dataChangedInfo.columnId] = validationResult.NewValue;
+                    this.adaptable.api.gridApi.updateGridData([row]);
+                    if (StringExtensions_1.default.IsNotNullOrEmpty(validationResult.ValidationMessage) &&
+                        this.adaptable.adaptableOptions.editOptions.displayServerValidationMessages) {
+                        this.adaptable.api.alertApi.showAlertInfo('Server Validation Message', validationResult.ValidationMessage);
+                    }
+                }
+                config.onServerValidationCompleted();
+            });
+            return false;
+        };
+    }
+    createValidationDescription(alertDefinition) {
+        return (this.adaptable.api.scopeApi.getScopeDescription(alertDefinition.Scope) +
+            ' ' +
+            this.adaptable.api.predicateApi.predicateToString(alertDefinition.Rule.Predicate));
+    }
+    createValidationMessage(alertDefinition) {
+        let returnMessage = this.createValidationDescription(alertDefinition);
+        if (alertDefinition.Rule.BooleanExpression) {
+            returnMessage += ' when ' + alertDefinition.Rule.BooleanExpression;
+        }
+        return returnMessage;
+    }
+    destroy() {
+        // TO DO
+    }
+}
+exports.ValidationService = ValidationService;

package/src/Utilities/getScrollbarSize.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => number;
+export default _default;

package/src/Utilities/getScrollbarSize.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+let scrollbarWidth;
+exports.default = () => {
+    const globalObject = typeof globalThis !== 'undefined' ? globalThis : window;
+    const document = globalObject ? globalObject.document : null;
+    if (scrollbarWidth != null) {
+        return scrollbarWidth;
+    }
+    let result;
+    if (document) {
+        const div = document.createElement('div');
+        const elStyle = div.style;
+        elStyle.position = 'absolute';
+        elStyle.boxSizing = 'content-box';
+        elStyle.width = '200px';
+        elStyle.height = '200px';
+        elStyle.top = '-99999px';
+        elStyle.overflow = 'scroll';
+        //@ts-ignore
+        elStyle.MsOverflowStyle = 'scrollbar';
+        document.body.appendChild(div);
+        result = div.offsetWidth - div.clientWidth;
+        document.body.removeChild(div);
+    }
+    else {
+        result = 0;
+    }
+    return (scrollbarWidth = result);
+};

package/src/Utilities/isAdaptableObject.d.ts

@@ -0,0 +1,2 @@
+import { AdaptableObject } from '../PredefinedConfig/Common/AdaptableObject';
+export declare const isAdaptableObject: (object: unknown) => object is AdaptableObject;

package/src/Utilities/isAdaptableObject.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isAdaptableObject = void 0;
+// pretty primitive type guard for AdaptableObject, but currently there is no better/safer way
+exports.isAdaptableObject = (object) => {
+    return object != undefined && typeof object['Uuid'] === 'string';
+};

package/src/Utilities/isMacLike.d.ts

@@ -0,0 +1 @@
+export declare const isMacLike: () => boolean;

package/src/Utilities/isMacLike.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isMacLike = void 0;
+exports.isMacLike = () => {
+    const globalObject = typeof globalThis !== 'undefined' ? globalThis : window;
+    return /(Mac|iPhone|iPod|iPad)/i.test(globalObject.navigator.platform);
+};

package/src/Utilities/license/LicenseDetails.d.ts

@@ -0,0 +1,10 @@
+export declare type LicenseDetails = {
+    start: Date;
+    end: Date;
+    owner: string;
+    trial: boolean;
+    skipAirtable?: boolean;
+    count?: number;
+    timestamp?: number;
+    ref: string;
+};

package/src/Utilities/license/LicenseDetails.js

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

package/src/Utilities/license/crc32.d.ts

@@ -0,0 +1 @@
+export declare function crc32_compute_string(str: string, reversedPolynomial?: number): string;

package/src/Utilities/license/crc32.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.crc32_compute_string = void 0;
+const DEFAULT_ReversedPolynomial = 0xedb88320;
+/*
+ * CRC-32 implementation
+ */
+function crc32_generate(reversedPolynomial = DEFAULT_ReversedPolynomial) {
+    var table = new Array();
+    var i, j, n;
+    for (i = 0; i < 256; i++) {
+        n = i;
+        for (j = 8; j > 0; j--) {
+            if ((n & 1) == 1) {
+                n = (n >>> 1) ^ reversedPolynomial;
+            }
+            else {
+                n = n >>> 1;
+            }
+        }
+        table[i] = n;
+    }
+    return table;
+}
+function crc32_initial() {
+    return 0xffffffff;
+}
+function crc32_add_byte(table, crc, byte) {
+    crc = (crc >>> 8) ^ table[byte ^ (crc & 0x000000ff)];
+    return crc;
+}
+function crc32_final(crc) {
+    crc = ~crc;
+    crc = crc < 0 ? 0xffffffff + crc + 1 : crc;
+    return crc;
+}
+function crc32_compute_string(str, reversedPolynomial = DEFAULT_ReversedPolynomial) {
+    var table = crc32_generate(reversedPolynomial);
+    var crc = 0;
+    var i;
+    crc = crc32_initial();
+    for (i = 0; i < str.length; i++)
+        crc = crc32_add_byte(table, crc, str.charCodeAt(i));
+    crc = crc32_final(crc);
+    return `${crc}`;
+}
+exports.crc32_compute_string = crc32_compute_string;

package/src/Utilities/license/decode.d.ts

@@ -0,0 +1,6 @@
+import { LicenseDetails } from './LicenseDetails';
+export declare const fieldsToLicenseDetails: (fields: {
+    name: string;
+    value: string;
+}[]) => LicenseDetails;
+export declare const decode: (licenseKey: string) => LicenseDetails;

package/src/Utilities/license/decode.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.decode = exports.fieldsToLicenseDetails = void 0;
+const crc32_1 = require("./crc32");
+const getGenericError = () => new Error('Invalid License');
+exports.fieldsToLicenseDetails = (fields) => {
+    var _a;
+    const fieldsMap = fields.reduce((acc, field) => {
+        acc.set(field.name, field.value);
+        return acc;
+    }, new Map());
+    const details = {
+        count: fieldsMap.get('DeveloperCount') ? Number(fieldsMap.get('DeveloperCount')) : 0,
+        start: new Date(fieldsMap.get('StartDate')),
+        end: new Date(fieldsMap.get('EndDate')),
+        owner: fieldsMap.get('Owner'),
+        timestamp: fieldsMap.get('TS') ? Number(fieldsMap.get('TS')) : 0,
+        trial: fieldsMap.get('Trial') === 'true' ? true : false,
+        ref: (_a = fieldsMap.get('Ref')) !== null && _a !== void 0 ? _a : '',
+    };
+    if (!details.start ||
+        !details.end ||
+        !details.owner ||
+        typeof details.trial !== 'boolean' ||
+        !details.ref) {
+        throw getGenericError();
+    }
+    return details;
+};
+exports.decode = (licenseKey) => {
+    let crc = '';
+    let fields = licenseKey.split('|').map((part) => {
+        let [name, value] = part.split('=');
+        if (name === 'C') {
+            crc = value;
+        }
+        return {
+            name,
+            value,
+        };
+    });
+    if (!crc) {
+        throw getGenericError();
+    }
+    const crcParts = crc.split(',').reverse();
+    const overallCrc = crcParts.pop();
+    crcParts.forEach((fieldCrc, index) => {
+        const field = fields[index];
+        if (crc32_1.crc32_compute_string(field.value) !== fieldCrc) {
+            throw getGenericError();
+        }
+    });
+    const fieldsWithoutC = [...fields];
+    fieldsWithoutC.pop();
+    const fieldsWithoutCString = fieldsWithoutC
+        .map((field) => {
+        return `${field.name}=${field.value}`;
+    })
+        .join('|');
+    if (crc32_1.crc32_compute_string(fieldsWithoutCString) !== overallCrc) {
+        throw getGenericError();
+    }
+    fields = fields.map((f) => {
+        return Object.assign(Object.assign({}, f), { value: decodeURI(f.value) });
+    });
+    return exports.fieldsToLicenseDetails(fields);
+};

package/src/Utilities/reorder.d.ts

@@ -0,0 +1 @@
+export declare const reorder: (list: any[], startIndex: number, endIndex: number) => any[];

package/src/Utilities/reorder.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reorder = void 0;
+exports.reorder = (list, startIndex, endIndex) => {
+    const result = [...list];
+    if (startIndex > list.length - 1) {
+        // not much that we can do if the dragged item is out of bounds...
+        return result;
+    }
+    if (endIndex > list.length - 1) {
+        endIndex = list.length - 1;
+    }
+    const [removed] = result.splice(startIndex, 1);
+    result.splice(endIndex, 0, removed);
+    return result;
+};

package/src/Utilities/sortWithOrder.d.ts

@@ -0,0 +1,11 @@
+export declare function sortWithOrderArray<T>(arr: T[], order: T[], 
+/**
+ *
+ * The array can contain items which are not listed in the order array.
+ * So sortUnorderedItems decides whether to leave these items untouched
+ * in the current order in which they are in the array (sortUnorderedItems: false)
+ * or to sort them using normal comparison rules
+ */
+{ sortUnorderedItems: sortUnorderedItems }: {
+    sortUnorderedItems: boolean;
+}): T[];

package/src/Utilities/sortWithOrder.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sortWithOrderArray = void 0;
+function sortWithOrderArray(arr, order, 
+/**
+ *
+ * The array can contain items which are not listed in the order array.
+ * So sortUnorderedItems decides whether to leave these items untouched
+ * in the current order in which they are in the array (sortUnorderedItems: false)
+ * or to sort them using normal comparison rules
+ */
+{ sortUnorderedItems: sortUnorderedItems }) {
+    const itemsToIndex = arr.reduce((acc, x, i) => {
+        acc.set(x, i);
+        return acc;
+    }, new Map());
+    const orderItemsToIndex = order.reduce((acc, x, i) => {
+        acc.set(x, i);
+        return acc;
+    }, new Map());
+    function compareItemsOfCustomSort(valueA, valueB) {
+        const orderContainsFirstElement = orderItemsToIndex.has(valueA);
+        const indexInOrderOfFirstElement = orderContainsFirstElement
+            ? orderItemsToIndex.get(valueA)
+            : -1;
+        const orderContainsSecondElement = orderItemsToIndex.has(valueB);
+        const indexInOrderSecondElement = orderContainsSecondElement
+            ? orderItemsToIndex.get(valueB)
+            : -1;
+        //if none of the element are in the order list we just return normal compare
+        if (!orderContainsFirstElement && !orderContainsSecondElement) {
+            if (!sortUnorderedItems) {
+                // keep the original order
+                return itemsToIndex.get(valueA) - itemsToIndex.get(valueB);
+            }
+            if (valueA == valueB) {
+                return 0;
+            }
+            return valueA < valueB ? -1 : 1;
+        }
+        //if first item not in the list make sure we put it after the second item
+        if (!orderContainsFirstElement) {
+            return 1;
+        }
+        //if second item not in the list make sure we put it after the first item
+        if (!orderContainsSecondElement) {
+            return -1;
+        }
+        //return the comparison from the list if the two items are in the list
+        return indexInOrderOfFirstElement - indexInOrderSecondElement;
+    }
+    return [].concat(arr).sort(compareItemsOfCustomSort);
+}
+exports.sortWithOrderArray = sortWithOrderArray;

package/src/Utilities/waitForCondition.d.ts

@@ -0,0 +1 @@
+export declare const waitForCondition: (isReady: () => boolean, timeout?: number) => Promise<any>;

package/src/Utilities/waitForCondition.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.waitForCondition = void 0;
+exports.waitForCondition = (isReady, timeout = 5000) => {
+    const startTime = Date.now();
+    const ready = isReady();
+    if (ready) {
+        return Promise.resolve();
+    }
+    return new Promise((resolve, reject) => {
+        const wait = (callback) => {
+            const ready = isReady();
+            if (Date.now() - startTime > timeout) {
+                reject('Wait time expired');
+                return;
+            }
+            if (!ready) {
+                setTimeout(() => {
+                    wait(callback);
+                }, 16);
+            }
+            else {
+                callback();
+            }
+        };
+        wait(resolve);
+    });
+};

package/src/View/AdaptableContext.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { IAdaptable } from '../AdaptableInterfaces/IAdaptable';
+declare const AdaptableContext: React.Context<IAdaptable>;
+export default AdaptableContext;
+export declare const useAdaptable: () => IAdaptable;

package/src/View/AdaptableContext.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAdaptable = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const AdaptableContext = React.createContext(null);
+exports.default = AdaptableContext;
+exports.useAdaptable = () => {
+    return React.useContext(AdaptableContext);
+};

package/src/View/AdaptablePopover/index.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { AdaptableMessageType } from '../../PredefinedConfig/Common/AdaptableMessageType';
+export interface AdaptablePopoverProps extends React.ClassAttributes<AdaptablePopover> {
+    headerText?: string;
+    showEvent?: string;
+    hideEvent?: string;
+    className?: string;
+    bodyText: any[];
+    MessageType?: AdaptableMessageType;
+    triggerAction?: string;
+    useButton?: boolean;
+    tooltipText?: string;
+    popoverMinWidth?: number;
+}
+export declare class AdaptablePopover extends React.Component<AdaptablePopoverProps, {}> {
+    render(): JSX.Element;
+}

package/src/View/AdaptablePopover/index.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptablePopover = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
+const UIHelper_1 = require("../UIHelper");
+const ButtonInfo_1 = require("../Components/Buttons/ButtonInfo");
+const icons_1 = require("../../components/icons");
+const OverlayTrigger_1 = tslib_1.__importDefault(require("../../components/OverlayTrigger"));
+const rebass_1 = require("rebass");
+class AdaptablePopover extends React.Component {
+    render() {
+        let messageType = this.props.MessageType != null ? this.props.MessageType : 'Info';
+        let useButton = this.props.useButton != null ? this.props.useButton : false;
+        let popoverMinWidth = this.props.popoverMinWidth != null ? this.props.popoverMinWidth.toString() + 'px' : 'auto';
+        const title = StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.props.headerText)
+            ? this.props.headerText
+            : '';
+        const popoverClickRootClose = (React.createElement(rebass_1.Box, { className: "ab-Popover", style: { margin: '0px', padding: '0px', minWidth: popoverMinWidth, maxWidth: 300 } },
+            title ? (React.createElement(rebass_1.Text, { fontSize: 2, padding: 2 },
+                React.createElement("b", null, title))) : null,
+            React.createElement(rebass_1.Box, { padding: 2 }, this.props.bodyText.map((textOrHTML, index) => (React.createElement("span", { key: index }, textOrHTML))))));
+        const icon = 'info'; // - think this is wrong - UIHelper.getGlyphByMessageType(messageType);
+        const color = UIHelper_1.UIHelper.getColorByMessageType(messageType);
+        const iconStyle = {
+            color,
+            fill: 'currentColor',
+        };
+        return (React.createElement(rebass_1.Flex, { alignItems: "center", className: this.props.className },
+            React.createElement(OverlayTrigger_1.default, { showTriangle: true, render: () => popoverClickRootClose, showEvent: (this.props.showEvent || 'mouseenter'), hideEvent: (this.props.hideEvent || 'mouseleave'), style: {
+                    overflow: 'visible',
+                }, defaultZIndex: 100000 }, useButton ? (React.createElement(ButtonInfo_1.ButtonInfo, { style: iconStyle, onClick: () => null, icon: icon, tooltip: this.props.tooltipText })) : (React.createElement("div", { tabIndex: 0, style: { cursor: 'pointer', display: 'inline-block' } },
+                React.createElement(icons_1.Icon, { name: icon }))))));
+    }
+}
+exports.AdaptablePopover = AdaptablePopover;

package/src/View/AdaptableView.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IAdaptable } from '../AdaptableInterfaces/IAdaptable';
+export declare const AdaptableApp: ({ Adaptable }: {
+    Adaptable: IAdaptable;
+}) => JSX.Element;

package/src/View/AdaptableView.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptableApp = 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("../Redux/ActionsReducers/PopupRedux"));
+const SystemRedux = tslib_1.__importStar(require("../Redux/ActionsReducers/SystemRedux"));
+const AdaptablePopup_1 = require("./Components/Popups/AdaptablePopup");
+const AdaptablePopupPrompt_1 = require("./Components/Popups/AdaptablePopupPrompt");
+const Dashboard_1 = require("./Dashboard/Dashboard");
+const AdaptablePopupConfirmation_1 = require("./Components/Popups/AdaptablePopupConfirmation");
+const AdaptableChart_1 = require("./Components/Popups/AdaptableChart");
+const ChartEnums_1 = require("../PredefinedConfig/Common/ChartEnums");
+const AdaptableLoadingScreen_1 = require("./Components/Popups/AdaptableLoadingScreen");
+const Toastify_1 = require("../components/Toastify");
+const renderWithAdaptableContext_1 = require("./renderWithAdaptableContext");
+const ProgressIndicator_1 = require("./Export/ProgressIndicator");
+const License_1 = require("./License");
+const ExportCustomDestinationFormPopups_1 = require("./Export/ExportCustomDestinationFormPopups");
+class AdaptableView extends React.Component {
+    render() {
+        var _a, _b, _c, _d, _e;
+        const watermark = (_d = (_c = (_b = (_a = this.props.AdaptableApi) === null || _a === void 0 ? void 0 : _a.internalApi) === null || _b === void 0 ? void 0 : _b.getSystemState()) === null || _c === void 0 ? void 0 : _c.License) === null || _d === void 0 ? void 0 : _d.watermark;
+        return (React.createElement("div", null,
+            this.props.AdaptableApi.internalApi.getModuleService().isModuleAvailable('Dashboard') && (React.createElement(Dashboard_1.Dashboard, { api: this.props.AdaptableApi })),
+            this.props.SystemState.ChartVisibility != ChartEnums_1.ChartVisibility.Hidden && (React.createElement(AdaptableChart_1.AdaptableChart, { api: this.props.AdaptableApi, onClose: this.props.onCloseChartPopup, showChart: this.props.SystemState.ChartVisibility == ChartEnums_1.ChartVisibility.Maximised, showModal: (_e = this.props.AdaptableApi.pluginsApi.getChartsPluginApi()) === null || _e === void 0 ? void 0 : _e.getPluginOptions().showModal })),
+            React.createElement(AdaptableLoadingScreen_1.AdaptableLoadingScreen, { onClose: this.props.onCloseLoadingPopup, showLoadingScreen: this.props.PopupState.LoadingPopup.ShowLoadingPopup }),
+            React.createElement(AdaptablePopupPrompt_1.AdaptablePopupPrompt, { message: this.props.PopupState.PromptPopup.Message, header: this.props.PopupState.PromptPopup.Header, onClose: this.props.onClosePromptPopup, onConfirm: this.props.onConfirmPromptPopup, showPopup: this.props.PopupState.PromptPopup.ShowPromptPopup }),
+            React.createElement(AdaptablePopupConfirmation_1.AdaptablePopupConfirmation, { header: this.props.PopupState.ConfirmationPopup.Header, messsage: this.props.PopupState.ConfirmationPopup.Msg, showPopup: this.props.PopupState.ConfirmationPopup.ShowConfirmationPopup, cancelButtonText: this.props.PopupState.ConfirmationPopup.CancelButtonText, confirmButtonText: this.props.PopupState.ConfirmationPopup.ConfirmButtonText, onCancel: this.props.onCancelConfirmationPopup, onConfirm: this.props.onConfirmConfirmationPopup, showInputBox: this.props.PopupState.ConfirmationPopup.ShowInputBox, messageType: this.props.PopupState.ConfirmationPopup.MessageType, api: this.props.AdaptableApi }),
+            React.createElement(AdaptablePopup_1.AdaptablePopup, { showModal: this.props.PopupState.ScreenPopup.ShowScreenPopup, componentName: this.props.PopupState.ScreenPopup.ComponentName, componentModule: this.props.PopupState.ScreenPopup.ComponentModule, onHide: this.props.onCloseScreenPopup, api: this.props.AdaptableApi, onClearParams: () => this.props.onClearPopupParams(), moduleParams: this.props.PopupState.ScreenPopup.Params, moduleProps: this.props.PopupState.ScreenPopup.PopupProps }),
+            React.createElement(ExportCustomDestinationFormPopups_1.ExportCustomDestinationFormPopups, { api: this.props.AdaptableApi }),
+            React.createElement(Toastify_1.ToastContainer, { limit: this.props.AdaptableApi.internalApi.getAdaptableOptions().alertOptions.maxNotifications, closeButton: false }),
+            (watermark === null || watermark === void 0 ? void 0 : watermark.show) && React.createElement(License_1.LicenseWatermark, null, watermark === null || watermark === void 0 ? void 0 : watermark.text),
+            React.createElement(ProgressIndicator_1.ProgressIndicator, null)));
+    }
+}
+function mapStateToProps(state, ownProps) {
+    return {
+        PopupState: state.Popup,
+        SystemState: state.System,
+        ChartState: state.Chart,
+        AdaptableApi: ownProps.Adaptable.api,
+    };
+}
+function mapDispatchToProps(dispatch) {
+    return {
+        onCloseScreenPopup: () => dispatch(PopupRedux.PopupHideScreen()),
+        onCloseAlertPopup: () => dispatch(PopupRedux.PopupHideAlert()),
+        onCloseChartPopup: () => dispatch(SystemRedux.ChartSetChartVisibility(ChartEnums_1.ChartVisibility.Hidden)),
+        onClosePromptPopup: () => dispatch(PopupRedux.PopupHidePrompt()),
+        onConfirmPromptPopup: (inputText) => dispatch(PopupRedux.PopupConfirmPrompt(inputText)),
+        onConfirmConfirmationPopup: (comment) => dispatch(PopupRedux.PopupConfirmConfirmation(comment)),
+        onCancelConfirmationPopup: () => dispatch(PopupRedux.PopupCancelConfirmation()),
+        showPopup: (componentModule, componentName, params) => dispatch(PopupRedux.PopupShowScreen(componentModule, componentName, params)),
+        onClearPopupParams: () => dispatch(PopupRedux.PopupClearParam()),
+    };
+}
+let AdaptableWrapper = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(AdaptableView);
+exports.AdaptableApp = ({ Adaptable }) => renderWithAdaptableContext_1.renderWithAdaptableContext(React.createElement(AdaptableWrapper, { Adaptable: Adaptable }), Adaptable);

package/src/View/AdaptableViewFactory.d.ts

@@ -0,0 +1,7 @@
+import { ConnectedComponent } from 'react-redux';
+import { AdaptableModule } from '../PredefinedConfig/Common/Types';
+export declare const AdaptableViewFactory: IAdaptableViewFactory;
+export declare const AdaptableViewPanelFactory: Map<AdaptableModule, ConnectedComponent<any, any>>;
+export interface IAdaptableViewFactory {
+    [key: string]: any;
+}