@adaptabletools/adaptable 10.0.4-canary.0 → 10.0.4-canary.4

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>;
@@ -156,7 +157,7 @@ export declare class Adaptable implements IAdaptable {
         [key: string]: boolean;
     }): GridCell[];
     private addDistinctColumnValue;
-    private shouldUseRawValueForColumn;
+    private isInternallyRenderedColumn;
     getDisplayValue(id: any, columnId: string): string | undefined;
     getGridCellFromRowNode(rowNode: RowNode, columnId: string): GridCell | undefined;
     getDisplayValueFromRowNode(row: RowNode, columnId: string): string | undefined;
@@ -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;