@adaptabletools/adaptable 10.0.0 → 10.0.4-canary.0

package/src/View/Query/QueryViewPanel.js

@@ -73,8 +73,8 @@ class QueryViewPanelComponent extends React.Component {
         ];
         let availableColumns = this.props.api.columnApi.getColumns().map((col) => {
             return {
-                label: col.FriendlyName,
-                onClick: () => this.setState({ expression: this.state.expression + `[${col.ColumnId}]` }),
+                label: col.friendlyName,
+                onClick: () => this.setState({ expression: this.state.expression + `[${col.columnId}]` }),
             };
         });
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
@@ -88,7 +88,7 @@ class QueryViewPanelComponent extends React.Component {
                     } }),
                 isExpressionValid ? (React.createElement(ButtonPlay_1.ButtonPlay, { onClick: () => this.runQuery(), tooltip: '', accessLevel: 'Full', variant: "text", tone: "neutral", disabled: this.state.expression == '' || this.state.expression == this.props.CurrentQuery, marginRight: 1 })) : (React.createElement(ButtonInvalid_1.ButtonInvalid, { variant: "text", tone: "neutral", tooltip: "Invalid Query", marginRight: 1 })),
                 ' ',
-                this.props.CurrentQuery !== '' && (React.createElement(ButtonClear_1.ButtonClear, { onClick: () => this.props.onRunQuery(''), tooltip: "Clear Query", accessLevel: 'Full' })))) : (React.createElement(Input_1.default, { type: "text", placeholder: "Query", spellCheck: false, value: this.state.expression, onChange: (x) => this.setState({ expression: x.target.value }), style: { fontFamily: 'monospace', fontSize: 10, width: '100%', minWidth: 168 } }));
+                this.props.CurrentQuery !== '' && (React.createElement(ButtonClear_1.ButtonClear, { onClick: () => this.props.onRunQuery(''), tooltip: "Clear Query", accessLevel: 'Full' })))) : (React.createElement(Input_1.default, { type: "text", placeholder: "Query", spellCheck: false, value: this.state.expression, onChange: (x) => this.setState({ expression: x.target.value }), style: { width: '100%', minWidth: 168 } }));
         };
         const queryModuleAccessLevel = this.props.api.internalApi
             .getEntitlementService()

package/src/View/Schedule/Wizard/ScheduleScheduleWizard.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseSchedule } from '../../../PredefinedConfig/Common/Schedule';
-export declare const isScheduleValid: (schedule: BaseSchedule, isOneOff: boolean) => true | "Schedule is not specified" | "Schedule time is not specified" | "Schedule date are not specified" | "Schedule days is not specified";
+export declare const isScheduleValid: (schedule: BaseSchedule, isOneOff: boolean) => true | "Schedule is not specified" | "Schedule Time is not specified" | "Schedule Date is not specified" | "Schedule Days are not specified";
 interface ScheduleScheduleWizardProps {
     onChange: (schedule: BaseSchedule) => void;
     isOneOff: boolean;

package/src/View/Schedule/Wizard/ScheduleScheduleWizard.js

@@ -18,13 +18,13 @@ exports.isScheduleValid = (schedule, isOneOff) => {
         return 'Schedule is not specified';
     }
     if (schedule.Schedule.Hour === null || schedule.Schedule.Minute === null) {
-        return 'Schedule time is not specified';
+        return 'Schedule Time is not specified';
     }
     if (isOneOff && !schedule.Schedule.OneOffDate) {
-        return 'Schedule date are not specified';
+        return 'Schedule Date is not specified';
     }
     if (!isOneOff && ArrayExtensions_1.default.IsEmpty((_a = schedule === null || schedule === void 0 ? void 0 : schedule.Schedule) === null || _a === void 0 ? void 0 : _a.DaysOfWeek)) {
-        return 'Schedule days is not specified';
+        return 'Schedule Days are not specified';
     }
     return true;
 };
@@ -95,14 +95,12 @@ exports.ScheduleScheduleWizard = (props) => {
     }
     return (React.createElement(rebass_1.Box, { "data-name": "schedule-setup" },
         React.createElement(Tabs_1.Tabs, { autoFocus: false },
-            React.createElement(Tabs_1.Tabs.Tab, null, "Schedule Day/Date"),
+            React.createElement(Tabs_1.Tabs.Tab, null, "Schedule"),
             React.createElement(Tabs_1.Tabs.Content, null,
                 React.createElement(FormLayout_1.default, null,
-                    React.createElement(FormLayout_1.FormRow, { label: "Schedule Type" },
+                    React.createElement(FormLayout_1.FormRow, { label: "Frequency" },
                         React.createElement(Radio_1.default, { mr: 2, value: "recurring", checked: !props.isOneOff, onChange: (checked) => checked && handleIsOneOfChange(false) }, "Recurring Days"),
-                        React.createElement(Radio_1.default, { checked: props.isOneOff, value: "oneoff", onChange: (checked) => checked && handleIsOneOfChange(true) }, "One Off Date")),
-                    React.createElement(FormLayout_1.FormRow, { label: "" },
-                        React.createElement(OnePageAdaptableWizard_1.FormDescriptionText, { mb: 1, mt: 0 }, "Choose whether to send ipushpull Data as 'Snapshot' (One-off report) or 'Live Data' (updating as Grid updates)")),
+                        React.createElement(Radio_1.default, { checked: props.isOneOff, value: "oneoff", onChange: (checked) => checked && handleIsOneOfChange(true) }, "One-Off Date")),
                     props.isOneOff ? (React.createElement(FormLayout_1.FormRow, { label: "Date" },
                         React.createElement(AdaptableInput_1.default, { width: 300, type: "date", placeholder: "Date", onChange: handleOneOfDateChange, value: ((_e = data.Schedule) === null || _e === void 0 ? void 0 : _e.OneOffDate) || '' }))) : (React.createElement(FormLayout_1.FormRow, { label: "Days" }, daysMap.map((day) => {
                         var _a, _b;

package/src/View/UIHelper.d.ts

@@ -52,6 +52,7 @@ export declare function getButtonTextColourForArrayandMessageType(adaptableAlert
 export declare function getButtonTextColourForMessageType(messageType: AdaptableMessageType): string;
 export declare function getAdaptableToolPanelWidth(): number;
 export declare function getCSSVariableValue(cssVariable: string): string | undefined;
+export declare function setCSSVariableValue(cssVariable: string, value: string): void;
 export declare function isBrowserDocumentAvailable(): boolean;
 export declare const UIHelper: {
     getHexForName: typeof getHexForName;
@@ -79,6 +80,7 @@ export declare const UIHelper: {
     getButtonTextColourForArrayandMessageType: typeof getButtonTextColourForArrayandMessageType;
     getButtonTextColourForMessageType: typeof getButtonTextColourForMessageType;
     getCSSVariableValue: typeof getCSSVariableValue;
+    setCSSVariableValue: typeof setCSSVariableValue;
     getAdaptableToolPanelWidth: typeof getAdaptableToolPanelWidth;
     isBrowserDocumentAvailable: typeof isBrowserDocumentAvailable;
 };

package/src/View/UIHelper.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIHelper = exports.isBrowserDocumentAvailable = exports.getCSSVariableValue = exports.getAdaptableToolPanelWidth = exports.getButtonTextColourForMessageType = exports.getButtonTextColourForArrayandMessageType = exports.getButtonColourForAdaptableAlerts = exports.getMessageTypeFromAdaptableAlerts = exports.getScheduleDescription = exports.getButtonToneForMessageType = exports.getGlyphForMessageType = exports.getGlyphForStatusColour = exports.getStyleForMessageType = exports.getStyleForStatusColour = exports.getColorByMessageType = exports.getGlyphByMessageType = exports.getButtonToneByMessageType = exports.getMessageTypeByStatusColour = exports.IsNotEmptyStyle = exports.IsEmptyStyle = exports.isValidUserChartContainer = exports.getChartContainer = exports.getModalContainer = exports.getPlaceHolderforDataType = exports.getDescriptionForDataType = exports.getEmptyConfigState = exports.getDefaultColors = exports.getHexForName = exports.ORANGE = exports.LIGHT_RED = exports.RED = exports.DARK_RED = exports.PURPLE = exports.MAGENTA = exports.CYAN = exports.LIGHT_BLUE = exports.BLUE = exports.DARK_BLUE = exports.LIGHT_YELLOW = exports.YELLOW = exports.LIME_GREEN = exports.GREEN = exports.DARK_GREEN = exports.BROWN = exports.GRAY = exports.LIGHT_GRAY = exports.WHITE = exports.BLACK = void 0;
+exports.UIHelper = exports.isBrowserDocumentAvailable = exports.setCSSVariableValue = exports.getCSSVariableValue = exports.getAdaptableToolPanelWidth = exports.getButtonTextColourForMessageType = exports.getButtonTextColourForArrayandMessageType = exports.getButtonColourForAdaptableAlerts = exports.getMessageTypeFromAdaptableAlerts = exports.getScheduleDescription = exports.getButtonToneForMessageType = exports.getGlyphForMessageType = exports.getGlyphForStatusColour = exports.getStyleForMessageType = exports.getStyleForStatusColour = exports.getColorByMessageType = exports.getGlyphByMessageType = exports.getButtonToneByMessageType = exports.getMessageTypeByStatusColour = exports.IsNotEmptyStyle = exports.IsEmptyStyle = exports.isValidUserChartContainer = exports.getChartContainer = exports.getModalContainer = exports.getPlaceHolderforDataType = exports.getDescriptionForDataType = exports.getEmptyConfigState = exports.getDefaultColors = exports.getHexForName = exports.ORANGE = exports.LIGHT_RED = exports.RED = exports.DARK_RED = exports.PURPLE = exports.MAGENTA = exports.CYAN = exports.LIGHT_BLUE = exports.BLUE = exports.DARK_BLUE = exports.LIGHT_YELLOW = exports.YELLOW = exports.LIME_GREEN = exports.GREEN = exports.DARK_GREEN = exports.BROWN = exports.GRAY = exports.LIGHT_GRAY = exports.WHITE = exports.BLACK = void 0;
 const tslib_1 = require("tslib");
 const EditableConfigEntityState_1 = require("./Components/SharedProps/EditableConfigEntityState");
 const Enums_1 = require("../PredefinedConfig/Common/Enums");
@@ -459,6 +459,14 @@ function getCSSVariableValue(cssVariable) {
     return getComputedStyle(document.documentElement).getPropertyValue(cssVariable);
 }
 exports.getCSSVariableValue = getCSSVariableValue;
+function setCSSVariableValue(cssVariable, value) {
+    if (!isBrowserDocumentAvailable()) {
+        // possible during static/server-side rendering (should happen only in test cases)
+        return undefined;
+    }
+    document.documentElement.style.setProperty(cssVariable, value);
+}
+exports.setCSSVariableValue = setCSSVariableValue;
 function isBrowserDocumentAvailable() {
     return typeof window !== 'undefined' && typeof window.document !== 'undefined';
 }
@@ -489,6 +497,7 @@ exports.UIHelper = {
     getButtonTextColourForArrayandMessageType,
     getButtonTextColourForMessageType,
     getCSSVariableValue,
+    setCSSVariableValue,
     getAdaptableToolPanelWidth,
     isBrowserDocumentAvailable,
 };

package/src/agGrid/ActionColumnRenderer.d.ts

@@ -8,7 +8,8 @@ export declare class ActionColumnRenderer implements ICellRendererComp {
     private eGui;
     private eventListener;
     init(params: ICellRendererParams): void;
+    render(): void;
     getGui(): HTMLElement;
-    refresh(params: any): boolean;
+    refresh(params: ICellRendererParams): boolean;
     destroy(): void;
 }

package/src/agGrid/ActionColumnRenderer.js

@@ -64,14 +64,30 @@ class ActionColumnRenderer {
                 let buttonStyle = adaptableApi.internalApi.getStyleForButton(button, context);
                 let buttonLabel = adaptableApi.internalApi.getLabelForButton(button, context);
                 let buttonTooltip = adaptableApi.internalApi.getTooltipForButton(button, context);
-                return (React.createElement(SimpleButton_1.default, { key: button.Uuid, variant: (_a = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.variant) !== null && _a !== void 0 ? _a : 'text', disabled: disabled, tooltip: buttonTooltip, tone: (_b = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.tone) !== null && _b !== void 0 ? _b : 'none', onClick: () => button.onClick(button, context), className: buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className, accessLevel: 'Full' },
+                const handleClick = () => {
+                    button.onClick(button, context);
+                    // Timeout to let any updates to be done before re-rendering the component
+                    setTimeout(() => {
+                        // when called again it triggers a re-render
+                        // https:reactjs.org/docs/react-dom.html#render
+                        doRender();
+                    }, 16);
+                };
+                return (React.createElement(SimpleButton_1.default, { key: button.Uuid, variant: (_a = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.variant) !== null && _a !== void 0 ? _a : 'text', disabled: disabled, tooltip: buttonTooltip, tone: (_b = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.tone) !== null && _b !== void 0 ? _b : 'none', onClick: handleClick, className: buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className, accessLevel: 'Full' },
                     button.icon ? React.createElement("img", Object.assign({}, iconProps)) : null,
                     buttonLabel));
             };
-            react_dom_1.render(renderButton(adaptable.api, context), this.eGui);
-            // this.eGui.innerHTML = '<button>' + actionCol.ActionColumnButton.Label + '</button>';
+            const eGui = this.eGui;
+            function doRender() {
+                react_dom_1.render(renderButton(adaptable.api, context), eGui);
+            }
+            this.render = doRender;
+            doRender();
         }
     }
+    // defined on init
+    // used to re-render in refresh
+    render() { }
     // gets called once when grid ready to insert the element
     getGui() {
         return this.eGui;
@@ -79,6 +95,7 @@ class ActionColumnRenderer {
     // gets called whenever the user gets the cell to refresh
     refresh(params) {
         // return true to tell the grid we refreshed successfully
+        this.render();
         return true;
     }
     // gets called when the cell is removed from the grid

package/src/agGrid/Adaptable.d.ts

@@ -132,6 +132,8 @@ export declare class Adaptable implements IAdaptable {
     private getReadOnlyCellStyle;
     private getConditionalStyleCellStyle;
     private getConditionalStyleCellClass;
+    private getEditableCellClass;
+    private getReadonlyCellClass;
     private isQuickSearchActive;
     getPrimaryKeyValueFromRowNode(rowNode: RowNode): any;
     private getSortedColumnStateForVisibleColumns;
@@ -143,7 +145,13 @@ export declare class Adaptable implements IAdaptable {
     setSelectedRows(): SelectedRowInfo | undefined;
     setValue(dataChangedInfo: DataChangedInfo): void;
     cancelEdit(): void;
-    getDistinctValuesForColumn(column: AdaptableColumn, visibleRowsOnly: boolean, skipRowNode?: RowNode): GridCell[];
+    getDistinctValuesForColumn(column: AdaptableColumn, visibleRowsOnly: boolean, skipRowNode?: RowNode, permittedValues?: any[]): GridCell[];
+    getDistinctFilterValuesForColumn(column: AdaptableColumn, visibleRowsOnly: boolean, filter: string, skipRowNode?: RowNode): Promise<{
+        suppressClientSideFilter?: boolean;
+        gridCells: GridCell[];
+    }>;
+    getDistinctCustomSortValuesForColumn(column: AdaptableColumn, visibleRowsOnly: boolean, skipRowNode?: RowNode): Promise<GridCell[]>;
+    getDistinctBulkUpdateValuesForColumn(column: AdaptableColumn, visibleRowsOnly: boolean, selectedGridCells: GridCell[], skipRowNode?: RowNode): Promise<GridCell[]>;
     getColumnValueDisplayValuePairList(columnId: string, visibleRowsOnly: boolean, onlyIncludeIds?: {
         [key: string]: boolean;
     }): GridCell[];
@@ -187,10 +195,16 @@ export declare class Adaptable implements IAdaptable {
         colId: string;
         editable: boolean;
         hide: boolean;
+        width: number;
+        enableValue: boolean;
         filter: boolean;
-        sortable: boolean;
+        floatingFilter: boolean;
         resizable: boolean;
         enableRowGroup: boolean;
+        sortable: boolean;
+        enablePivot: boolean;
+        suppressMenu: boolean;
+        suppressMovable: boolean;
         cellEditor: string | typeof AdaptableNumberEditor | typeof AdaptableDateEditor;
         type: string[];
         valueSetter: (params: ValueSetterParams) => any;
@@ -215,8 +229,8 @@ export declare class Adaptable implements IAdaptable {
     }): void;
     getDefaultIPPStyle(): IPPStyle;
     getCurrentIPPStyle(): IPPStyle;
-    private getadaptableContainerElement;
-    private getGridContainerElement;
+    getAdaptableContainerElement(): HTMLElement | null;
+    getGridContainerElement(): HTMLElement | null;
     private initInternalGridLogic;
     buildStandaloneColumnHeader(adaptableColumn: AdaptableColumn): AdaptableMenuItem[];
     prepareGrid(): void;
@@ -278,6 +292,8 @@ export declare class Adaptable implements IAdaptable {
     setColumnSort(columnSorts: ColumnSort[]): void;
     clearColumnSort(): void;
     setDataSource(dataSource: any[]): void;
+    getGridData(): any[];
+    getFilteredData(): any[];
     loadDataSource(dataSource: any[]): void;
     updateRows(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): void;
     addRows(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): void;