@adaptabletools/adaptable 10.0.3 → 10.0.4-canary.3

package/src/View/StateManagement/StateManagementPopup.js

@@ -3,120 +3,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StateManagementPopup = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const react_redux_1 = require("react-redux");
 const PanelWithButton_1 = require("../Components/Panels/PanelWithButton");
-const UIHelper_1 = require("../UIHelper");
 const rebass_1 = require("rebass");
-const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
 const HelpBlock_1 = tslib_1.__importDefault(require("../../components/HelpBlock"));
-const Dropdown_1 = tslib_1.__importDefault(require("../../components/Dropdown"));
-const Helper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/Helper"));
-const LoggingHelper_1 = require("../../Utilities/Helpers/LoggingHelper");
-const FileDroppable_1 = require("../../components/FileDroppable");
-class StateManagementPopupComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = UIHelper_1.UIHelper.getEmptyConfigState();
-    }
-    render() {
-        // sort out actions
-        let destinationOptions = [
-            {
-                value: 'Clipboard',
-                label: 'Clipboard',
-            },
-            {
-                value: 'Console',
-                label: 'Console',
-            },
-            {
-                value: 'JSON',
-                label: 'JSON',
-            },
-        ];
-        let clearButton = (React.createElement(SimpleButton_1.default, { onClick: () => this.onClearLocalStorage(), tooltip: "Clear User State", tone: "error", variant: "raised", marginTop: 2, accessLevel: this.props.accessLevel }, "Clear User State"));
-        let loadButton = (React.createElement(SimpleButton_1.default, { marginTop: 2, tone: "info", variant: "raised", accessLevel: this.props.accessLevel },
-            React.createElement("input", { type: "file", onChange: (json) => this.onLoadPredefinedConfig(json), accept: '.json', style: {
-                    opacity: 0,
-                    position: 'absolute',
-                    cursor: 'pointer',
-                    fontSize: 0,
-                    lineHeight: 0,
-                    top: 0,
-                    left: 0,
-                    width: '100%',
-                    height: '100%',
-                    zIndex: 1,
-                } }),
-            ' ',
-            "Load Predefined Config"));
-        return (React.createElement(rebass_1.Flex, { flex: 1, flexDirection: "column" },
-            React.createElement(PanelWithButton_1.PanelWithButton, { headerText: this.props.moduleInfo.FriendlyName, button: null, glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed() },
-                React.createElement(rebass_1.Box, null,
-                    React.createElement(HelpBlock_1.default, null, 'Clear all current user state that has been applied.   When you restart / refresh Adaptable any state that you have previously created will be lost.  However your Predefined Config will then be re-applied.'),
-                    clearButton,
-                    React.createElement(HelpBlock_1.default, { marginTop: 3 }, 'Load Predefined Config (from a .json file).  This will cause this window to close.'),
-                    ' ',
-                    loadButton,
-                    React.createElement(HelpBlock_1.default, { marginTop: 3, marginBottom: 2 }, 'Export All Adaptable State'),
-                    React.createElement(Dropdown_1.default, { key: 'exportAllState', placeholder: "Select Export Destination", style: { flex: 1, maxWidth: 'none' }, value: undefined, onChange: (x) => this.onExportAllState(x), marginRight: 3, options: destinationOptions }),
-                    React.createElement(HelpBlock_1.default, { marginTop: 3, marginBottom: 2 }, 'Export User State'),
-                    ' ',
-                    React.createElement(Dropdown_1.default, { key: 'exportUserState', placeholder: "Select Export Destination", style: { flex: 1, maxWidth: 'none' }, value: undefined, onChange: (x) => this.onExportUserState(x), marginRight: 3, options: destinationOptions }),
-                    React.createElement(HelpBlock_1.default, { marginTop: 3, marginBottom: 2 }, 'Export Initial Predefined Config'),
-                    ' ',
-                    React.createElement(Dropdown_1.default, { key: 'exportPredefinedConfig', placeholder: "Select Export Destination", style: { flex: 1, maxWidth: 'none' }, value: undefined, onChange: (x) => this.onExportPredefinedConfig(x), marginRight: 3, options: destinationOptions })))));
-    }
-    onClearLocalStorage() {
-        this.props.api.configApi.reloadPredefinedConfig();
-    }
-    onLoadPredefinedConfig(e) {
-        let nativeEvent = e.nativeEvent;
-        let files;
-        if (nativeEvent && nativeEvent.dataTransfer) {
-            files = nativeEvent.dataTransfer.files;
-        }
-        else {
-            files = e.target.files;
-        }
-        const file = files[0];
-        FileDroppable_1.readJSONFile(file).then((json) => {
-            this.props.api.configApi.reloadPredefinedConfig(json);
-        });
-    }
-    onExportAllState(type) {
-        let allState = this.props.api.configApi.getAllState();
-        this.onExportState(type, 'allState', allState);
-    }
-    onExportUserState(type) {
-        let userState = this.props.api.configApi.getAllUserState();
-        this.onExportState(type, 'userState', userState);
-    }
-    onExportPredefinedConfig(type) {
-        let predefinedConfig = this.props.api.configApi.getPredefinedConfig();
-        this.onExportState(type, 'predefinedConfig', predefinedConfig);
-    }
-    onExportState(type, name, state) {
-        switch (type) {
-            case 'Clipboard':
-                let stringifiedState = JSON.stringify(state);
-                Helper_1.default.copyToClipboard(stringifiedState);
-                break;
-            case 'Console':
-                LoggingHelper_1.ConsoleLog(state);
-                break;
-            case 'JSON':
-                const jsonFileName = name + '.json';
-                const jsonContent = JSON.stringify(state);
-                Helper_1.default.createDownloadedFile(jsonContent, jsonFileName, 'application/json');
-                break;
-        }
-    }
-}
-function mapStateToProps(state, ownProps) {
-    return {};
-}
-function mapDispatchToProps(dispatch) {
-    return {};
-}
-exports.StateManagementPopup = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(StateManagementPopupComponent);
+const LoadButton_1 = require("./components/LoadButton");
+const ClearButton_1 = require("./components/ClearButton");
+const ExportDropdown_1 = require("./components/ExportDropdown");
+exports.StateManagementPopup = (props) => {
+    return (React.createElement(rebass_1.Flex, { flex: 1, flexDirection: "column" },
+        React.createElement(PanelWithButton_1.PanelWithButton, { headerText: props.moduleInfo.FriendlyName, button: null, glyphicon: props.moduleInfo.Glyph, infoLink: props.moduleInfo.HelpPage, infoLinkDisabled: !props.api.internalApi.isDocumentationLinksDisplayed() },
+            React.createElement(rebass_1.Box, null,
+                React.createElement(HelpBlock_1.default, null, 'Clear all current user state that has been applied.   When you restart / refresh Adaptable any state that you have previously created will be lost.  However your Predefined Config will then be re-applied.'),
+                React.createElement(ClearButton_1.ClearButton, { tone: "error", variant: "raised", marginTop: 2, accessLevel: props.accessLevel, onClick: () => props.api.configApi.reloadPredefinedConfig() }, "Clear User State"),
+                React.createElement(HelpBlock_1.default, { marginTop: 3 }, 'Load Predefined Config (from a .json file).  This will cause this window to close.'),
+                ' ',
+                React.createElement(LoadButton_1.LoadButton, { tone: "info", variant: "raised", marginTop: 2, accessLevel: props.accessLevel, onLoad: (json) => props.api.configApi.reloadPredefinedConfig(json) }, "Load Predefined Config"),
+                React.createElement(HelpBlock_1.default, { marginTop: 3, marginBottom: 2 }, 'Export All Adaptable State'),
+                React.createElement(ExportDropdown_1.ExportDropdown, { api: props.api, type: "allState", marginRight: 3, style: { flex: 1, maxWidth: 'none' } }, "Select Export Destination"),
+                React.createElement(HelpBlock_1.default, { marginTop: 3, marginBottom: 2 }, 'Export User State'),
+                ' ',
+                React.createElement(ExportDropdown_1.ExportDropdown, { api: props.api, type: "userState", marginRight: 3, style: { flex: 1, maxWidth: 'none' } }, "Select Export Destination"),
+                React.createElement(HelpBlock_1.default, { marginTop: 3, marginBottom: 2 }, 'Export Initial Predefined Config'),
+                ' ',
+                React.createElement(ExportDropdown_1.ExportDropdown, { api: props.api, type: "predefinedConfig", marginRight: 3, style: { flex: 1, maxWidth: 'none' } }, "Select Export Destination")))));
+};

package/src/View/StateManagement/StateManagementViewPanel.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ViewPanelProps } from '../Components/SharedProps/ViewPanelProps';
+export interface ThemeViewPanelComponentProps extends ViewPanelProps {
+}
+export declare const StateManagementViewPanel: React.FunctionComponent<ThemeViewPanelComponentProps>;

package/src/View/StateManagement/StateManagementViewPanel.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StateManagementViewPanel = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const join_1 = tslib_1.__importDefault(require("../../components/utils/join"));
+const GeneralConstants = tslib_1.__importStar(require("../../Utilities/Constants/GeneralConstants"));
+const LoadButton_1 = require("./components/LoadButton");
+const ClearButton_1 = require("./components/ClearButton");
+const rebass_1 = require("rebass");
+const ExportDropdown_1 = require("./components/ExportDropdown");
+exports.StateManagementViewPanel = (props) => {
+    const isToolbar = props.viewType === 'Toolbar';
+    const elementType = isToolbar ? 'DashboardToolbar' : 'ToolPanel';
+    return (React.createElement(rebass_1.Flex, { flexDirection: isToolbar ? 'row' : 'column', className: join_1.default(props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__StateManagement__wrap`) },
+        React.createElement(rebass_1.Flex, { flexDirection: "row" },
+            React.createElement(LoadButton_1.LoadButton, { tooltip: "Load Predefined Config", variant: "text", icon: "upload", onLoad: (json) => props.api.configApi.reloadPredefinedConfig(json), accessLevel: props.accessLevel }, !isToolbar && 'Load'),
+            React.createElement(ClearButton_1.ClearButton, { icon: "trash", tooltip: "Clear User State", variant: "text", onClick: () => props.api.configApi.reloadPredefinedConfig(), accessLevel: props.accessLevel }, !isToolbar && 'Clear')),
+        React.createElement(ExportDropdown_1.ExportDropdown, { api: props.api, type: "allState" }, "All State"),
+        React.createElement(ExportDropdown_1.ExportDropdown, { api: props.api, type: "userState" }, "User State"),
+        React.createElement(ExportDropdown_1.ExportDropdown, { api: props.api, type: "predefinedConfig" }, "Predefined Config")));
+};

package/src/View/StateManagement/components/ClearButton.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { SimpleButtonProps } from '../../../components/SimpleButton';
+interface ClearButtonProps extends SimpleButtonProps {
+}
+export declare const ClearButton: React.FunctionComponent<ClearButtonProps>;
+export {};

package/src/View/StateManagement/components/ClearButton.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClearButton = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+exports.ClearButton = (props) => {
+    return (React.createElement(SimpleButton_1.default, Object.assign({}, props, { className: "ab-StateManagement__Clear-Button", tooltip: "Clear User State" }), props.children));
+};

package/src/View/StateManagement/components/ExportDropdown.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { AdaptableApi } from '../../../../types';
+import { DropdownButtonProps } from '../../../components/DropdownButton';
+export interface ExportDropdownProps extends Omit<DropdownButtonProps, 'options' | 'value'> {
+    api: AdaptableApi;
+    type: 'allState' | 'userState' | 'predefinedConfig';
+}
+export declare const ExportDropdown: React.FunctionComponent<ExportDropdownProps>;

package/src/View/StateManagement/components/ExportDropdown.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExportDropdown = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DropdownButton_1 = tslib_1.__importDefault(require("../../../components/DropdownButton"));
+const handleExportState_1 = require("../handleExportState");
+exports.ExportDropdown = (props) => {
+    const handleChange = (destination) => {
+        switch (props.type) {
+            case 'allState':
+                const allState = props.api.configApi.getAllState();
+                handleExportState_1.handleExportState(destination, 'allState', allState);
+                break;
+            case 'userState':
+                const userState = props.api.configApi.getAllUserState();
+                handleExportState_1.handleExportState(destination, 'userState', userState);
+                break;
+            case 'predefinedConfig':
+                const predefinedConfig = props.api.configApi.getPredefinedConfig();
+                handleExportState_1.handleExportState(destination, 'predefinedConfig', predefinedConfig);
+                break;
+        }
+    };
+    const destinationOptions = [
+        {
+            value: 'Clipboard',
+            label: 'Clipboard',
+            onClick: () => handleChange('Clipboard'),
+        },
+        {
+            value: 'Console',
+            label: 'Console',
+            onClick: () => handleChange('Console'),
+        },
+        {
+            value: 'JSON',
+            label: 'JSON',
+            onClick: () => handleChange('JSON'),
+        },
+    ];
+    return (React.createElement(DropdownButton_1.default, Object.assign({ className: "ab-StateManagement__Export-Dropdown" }, props, { items: destinationOptions, value: undefined })));
+};

package/src/View/StateManagement/components/LoadButton.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { SimpleButtonProps } from '../../../components/SimpleButton';
+interface LoadButtonProps extends SimpleButtonProps {
+    onLoad: (json: any) => void;
+}
+export declare const LoadButton: React.FunctionComponent<LoadButtonProps>;
+export {};

package/src/View/StateManagement/components/LoadButton.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadButton = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const FileDroppable_1 = require("../../../components/FileDroppable");
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
+exports.LoadButton = (props) => {
+    const onLoadPredefinedConfig = (e) => {
+        const nativeEvent = e.nativeEvent;
+        let files;
+        if (nativeEvent && nativeEvent.dataTransfer) {
+            files = nativeEvent.dataTransfer.files;
+        }
+        else {
+            files = e.target.files;
+        }
+        const file = files[0];
+        FileDroppable_1.readJSONFile(file).then((json) => {
+            props.onLoad(json);
+        });
+    };
+    return (React.createElement(SimpleButton_1.default, Object.assign({}, props, { className: "ab-StateManagement__Load-Button" }),
+        React.createElement("input", { type: "file", onChange: (json) => onLoadPredefinedConfig(json), accept: '.json', style: {
+                opacity: 0,
+                position: 'absolute',
+                cursor: 'pointer',
+                fontSize: 0,
+                lineHeight: 0,
+                top: 0,
+                left: 0,
+                width: '100%',
+                height: '100%',
+                zIndex: 1,
+            } }),
+        ' ',
+        props.children));
+};

package/src/View/StateManagement/handleExportState.d.ts

@@ -0,0 +1 @@
+export declare const handleExportState: (type: 'Clipboard' | 'Console' | 'JSON', name: string, state: any) => void;

package/src/View/StateManagement/handleExportState.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleExportState = void 0;
+const tslib_1 = require("tslib");
+const Helper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/Helper"));
+const LoggingHelper_1 = require("../../Utilities/Helpers/LoggingHelper");
+exports.handleExportState = (type, name, state) => {
+    switch (type) {
+        case 'Clipboard':
+            let stringifiedState = JSON.stringify(state);
+            Helper_1.default.copyToClipboard(stringifiedState);
+            break;
+        case 'Console':
+            LoggingHelper_1.ConsoleLog(state);
+            break;
+        case 'JSON':
+            const jsonFileName = name + '.json';
+            const jsonContent = JSON.stringify(state);
+            Helper_1.default.createDownloadedFile(jsonContent, jsonFileName, 'application/json');
+            break;
+    }
+};

package/src/View/Theme/ThemeViewPanel.js

@@ -35,7 +35,7 @@ class ThemeViewPanelComponent extends React.Component {
                 textOverflow: 'ellipsis',
                 fontSize: 'small',
             }
-            : { minWidth: 168, fontSize: 'small' };
+            : { minWidth: '100%', fontSize: 'small' };
         return (React.createElement("div", { className: join_1.default(this.props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__Theme__wrap`) },
             React.createElement(DropdownButton_1.default, { className: `ab-${elementType}__Theme__select`, style: dropDownStyle, items: themes, columns: ['label'], accessLevel: this.props.accessLevel }, currentThemeDescription)));
     }

package/src/agGrid/ActionColumnRenderer.js

@@ -40,7 +40,7 @@ class ActionColumnRenderer {
                 actionColumn: actionCol,
                 primaryKeyValue: pkValue,
                 rowNode: params.node,
-                api: adaptable.api,
+                adaptableApi: adaptable.api,
             };
             // if its a group node then only show if set to do so
             if (adaptable.api.gridApi.isGroupRowNode(params.node) && !actionCol.includeGroupedRows) {

package/src/agGrid/Adaptable.d.ts

@@ -79,6 +79,7 @@ export declare class Adaptable implements IAdaptable {
     _emit: (eventName: string, data?: any) => Promise<any>;
     _emitSync: (eventName: string, data?: any) => any;
     private _adaptableReady;
+    isDestroyed: boolean;
     private agGridModules;
     static init(adaptableOptions: AdaptableOptions): Promise<AdaptableApi>;
     /**
@@ -102,7 +103,7 @@ export declare class Adaptable implements IAdaptable {
     private performAudit;
     private initializeAgGrid;
     private isAgGridReady;
-    private initVendorContainerFromInitializedAgGrid;
+    private initAgGridContainerFromInitializedAgGrid;
     debouncedSetColumnIntoStore: import("lodash").DebouncedFunc<() => void>;
     debouncedSaveGridLayout: import("lodash").DebouncedFunc<() => void>;
     debouncedSetSelectedCells: import("lodash").DebouncedFunc<() => void>;
@@ -171,7 +172,7 @@ export declare class Adaptable implements IAdaptable {
     forAllRowNodesDo(func: (rowNode: RowNode) => void): void;
     forAllVisibleRowNodesDo(func: (rowNode: RowNode, rowIndex: number) => void): void;
     getVisibleRowNodes(): RowNode[];
-    selectNodes(rowNodes: any[], clearSelection: boolean): void;
+    selectNodes(rowNodes: RowNode[], clearSelection: boolean): void;
     deSelectNodes(rowNodes: RowNode[], clearSelection: boolean): void;
     selectNode(rowNode: RowNode, clearSelection: boolean): void;
     deSelectNode(rowNode: RowNode, clearSelection: boolean): void;
@@ -180,7 +181,7 @@ export declare class Adaptable implements IAdaptable {
     redrawBody(): void;
     redrawHeader(): void;
     redrawRow(rowNode: RowNode): void;
-    refreshCells(rowNodes: any[], columns: (string | Column)[], forceUpdate: boolean): void;
+    refreshCells(rowNodes: RowNode[], columns: (string | Column)[], forceUpdate: boolean): void;
     jumpToRow(rowNode: RowNode): void;
     jumpToColumn(columnId: string): void;
     jumpToCell(columnId: string, rowNode: RowNode): void;
@@ -230,7 +231,7 @@ export declare class Adaptable implements IAdaptable {
     getDefaultIPPStyle(): IPPStyle;
     getCurrentIPPStyle(): IPPStyle;
     getAdaptableContainerElement(): HTMLElement | null;
-    getGridContainerElement(): HTMLElement | null;
+    getAgGridContainerElement(): HTMLElement | null;
     private initInternalGridLogic;
     buildStandaloneColumnHeader(adaptableColumn: AdaptableColumn): AdaptableMenuItem[];
     prepareGrid(): void;
@@ -272,7 +273,7 @@ export declare class Adaptable implements IAdaptable {
     expandAllRowGroups(): void;
     closeAllRowGroups(): void;
     expandRowGroupsForValues(columnValues: any[]): void;
-    getVendorGridColumnFieldForColumn(abColumn: AdaptableColumn): string;
+    getAgGridColumnForAdaptableColumn(abColumn: AdaptableColumn): Column;
     setRowGroupColumns(columnIds: string[]): void;
     clearRowGroupColumns(): void;
     getExpandRowGroupsKeys(): any[];
@@ -309,10 +310,10 @@ export declare class Adaptable implements IAdaptable {
     private hasFloatingFilterOnAtLeastOneColumn;
     showQuickFilter(): void;
     hideQuickFilter(): void;
-    getVendorColumnType(columnId: string): string | string[];
+    getAgGridColumnType(columnId: string): string | string[];
     getActiveColumnComparator(columnId: string, customSort?: CustomSort, customSortComparer?: ColumnValuesComparer): ((valueA: any, valueB: any, nodeA?: RowNode, nodeB?: RowNode, isInverted?: boolean) => number) | undefined;
-    getVendorGridLightThemeName(): string;
-    getVendorGridCurrentThemeName(): string;
+    getAgGridLightThemeName(): string;
+    getAgGridCurrentThemeName(): string;
     applyAdaptableTheme(theme: AdaptableTheme | string): void;
     private setupRowStyling;
     private setupColumnHeaderAggregations;