@adaptabletools/adaptable 11.0.0-canary.3 → 11.0.0-canary.7

package/src/View/License/LicenseWatermark.js

@@ -60,6 +60,6 @@ exports.LicenseWatermark = (props) => {
         return () => clearTimeout(timerId);
     }, []);
     return (React.createElement(rebass_1.Flex, { style: style, ref: ref },
-        React.createElement(Logo_1.Logo, { style: { marginRight: 10, width: 100 } }),
+        React.createElement(Logo_1.Logo, { style: { marginRight: 10 } }),
         React.createElement("div", null, props.children)));
 };

package/src/View/Query/ExpandedQueryPopup.js

@@ -33,13 +33,20 @@ class ExpandedQueryPopupComponent extends React.Component {
                 namedQuery: this.state.namedQuery,
                 setNamedQuery: (namedQuery) => this.setState({ namedQuery }),
             } },
-            React.createElement(PanelWithButton_1.PanelWithButton, { headerText: "Current Query", bodyProps: { padding: 0, style: { display: 'flex', flexDirection: 'column' } }, glyphicon: this.props.moduleInfo.Glyph },
+            React.createElement(PanelWithButton_1.PanelWithButton, { headerText: "Current Query", bodyProps: {
+                    padding: 0,
+                    style: { display: 'flex', flexDirection: 'column' },
+                }, glyphicon: this.props.moduleInfo.Glyph },
                 React.createElement(ExpressionEditor_1.ExpressionEditor, { type: 'boolean', module: ModuleConstants_1.QueryModuleId, value: this.state.expression, onChange: (expression) => this.setState({ expression }), initialData: initialData, columns: this.props.api.columnApi.getQueryableColumns(), namedQueries: this.props.api.queryApi.getAllNamedQuery(), api: this.props.api }),
                 React.createElement(rebass_1.Flex, { flexDirection: "row", padding: 1, backgroundColor: "primary", alignItems: "center" },
                     React.createElement(SimpleButton_1.default, { margin: 1, variant: "text", "data-name": "action-close", onClick: () => {
                             this.props.onClosePopup();
                         } }, "CLOSE"),
-                    React.createElement(rebass_1.Text, { fontSize: 2, mr: 3, style: { flex: 1, color: 'var(--ab-color-error)', textAlign: 'end' } }, namedQueryValidationError),
+                    React.createElement(rebass_1.Text, { fontSize: 2, mr: 3, style: {
+                            flex: 1,
+                            color: 'var(--ab-color-error)',
+                            textAlign: 'end',
+                        } }, namedQueryValidationError),
                     React.createElement(SimpleButton_1.default, { variant: "raised", tone: "accent", "data-name": "action-run", margin: 1, onClick: () => {
                             if (this.state.namedQuery) {
                                 this.props.onAddNamedQuery(this.state.namedQuery);

package/src/View/Query/QueryViewPanel.js

@@ -74,7 +74,9 @@ 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}]` }),
+                onClick: () => this.setState({
+                    expression: this.state.expression + `[${col.columnId}]`,
+                }),
             };
         });
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';

package/src/View/Query/Wizard/NamedQueryWizard.js

@@ -33,14 +33,14 @@ function NamedQueryWizard(props) {
     return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, onFinish: handleFinish, sections: [
             {
                 title: 'Expression',
-                details: 'Specify the query expression',
+                details: "Specify the Query's Expression",
                 renderSummary: NamedQueryExpressionWizardSection_1.renderNamedQueryExpressionSummary,
                 isValid: NamedQueryExpressionWizardSection_1.isValidNamedQueryExpression,
                 render: () => React.createElement(NamedQueryExpressionWizardSection_1.NamedQueryExpressionWizardSection, { onChange: setNamedQuery }),
             },
             {
                 title: 'Query Name',
-                details: 'Specify a unique name for the query',
+                details: 'Specify a unique name for the Query',
                 renderSummary: NamedQuerySettingsWizardSection_1.renderNamedQuerySettingsSummary,
                 isValid: NamedQuerySettingsWizardSection_1.isValidNamedQuerySettings,
                 render: () => {
@@ -50,7 +50,7 @@ function NamedQueryWizard(props) {
             '-',
             {
                 title: 'Summary',
-                details: 'Review your query',
+                details: 'Review your Query',
                 render: () => {
                     return (React.createElement(rebass_1.Box, { padding: 2 },
                         React.createElement(OnePageAdaptableWizard_1.OnePageWizardSummary, null)));

package/src/View/QuickSearch/QuickSearchPopup.js

@@ -18,8 +18,7 @@ const useQuickSearchDebounced_1 = require("./useQuickSearchDebounced");
 const QuickSearchPopupComponent = (props) => {
     const [searchText, search] = useQuickSearchDebounced_1.useQuickSearchDebounced(props);
     const [state, setState] = react_1.useState({
-        RunQueryAfterQuickSearch: props.api.internalApi.getAdaptableOptions().searchOptions
-            .filterResultsAfterQuickSearch,
+        RunQueryAfterQuickSearch: props.api.internalApi.getAdaptableOptions().searchOptions.filterResultsAfterQuickSearch,
         EditedStyle: props.QuickSearchStyle,
     });
     const onUpdateStyle = (style) => {
@@ -28,7 +27,8 @@ const QuickSearchPopupComponent = (props) => {
     };
     const onQuickSearchBehaviourChange = (checked) => {
         setState(Object.assign(Object.assign({}, state), { RunQueryAfterQuickSearch: checked }));
-        props.api.internalApi.getAdaptableOptions().searchOptions.filterResultsAfterQuickSearch = checked;
+        props.api.internalApi.getAdaptableOptions().searchOptions.filterResultsAfterQuickSearch =
+            checked;
     };
     return (React.createElement(PopupPanel_1.PopupPanel, { headerText: props.moduleInfo.FriendlyName, glyphicon: props.moduleInfo.Glyph, infoLink: props.moduleInfo.HelpPage, infoLinkDisabled: !props.api.internalApi.isDocumentationLinksDisplayed() },
         React.createElement(Panel_1.default, { header: props.moduleInfo.FriendlyName + ' Text', style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginLeft: 2, marginRight: 2 },

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsSummary.js

@@ -64,11 +64,21 @@ exports.getScheduleSettingsValues = (data) => {
     }
     if (data.ScheduleType === Enums_1.ScheduleType.Glue42) {
         const report = data;
-        return [{ label: 'Report', value: (report === null || report === void 0 ? void 0 : report.Glue42Report.ReportName) || 'Not Specified' }];
+        return [
+            {
+                label: 'Report',
+                value: (report === null || report === void 0 ? void 0 : report.Glue42Report.ReportName) || 'Not Specified',
+            },
+        ];
     }
     if (data.ScheduleType === Enums_1.ScheduleType.OpenFin) {
         const report = data;
-        return [{ label: 'Report', value: (report === null || report === void 0 ? void 0 : report.OpenFinReport.ReportName) || 'Not Specified' }];
+        return [
+            {
+                label: 'Report',
+                value: (report === null || report === void 0 ? void 0 : report.OpenFinReport.ReportName) || 'Not Specified',
+            },
+        ];
     }
     return [];
 };

package/src/View/SpecialColumnSettingsWizardStep.js

@@ -12,8 +12,7 @@ const AdaptableContext_1 = require("./AdaptableContext");
 exports.SpecialColumnSettingsWizardStep = (props) => {
     var _a, _b;
     const adaptable = AdaptableContext_1.useAdaptable();
-    const possibleColumnTypes = adaptable.api.internalApi.getAdaptableOptions().userInterfaceOptions
-        .columnTypes;
+    const possibleColumnTypes = adaptable.api.internalApi.getAdaptableOptions().userInterfaceOptions.columnTypes;
     const { Filterable, Resizable, Groupable, Sortable, Pivotable, Aggregatable, SuppressMenu, SuppressMovable, } = (_a = props.settings) !== null && _a !== void 0 ? _a : {};
     const handleColumnTypeChange = (columnType, checked) => {
         var _a, _b, _c;

package/src/View/UIHelper.js

@@ -133,7 +133,10 @@ function getModalContainer(adaptableOptions, document) {
     let modalContainer;
     if (adaptableOptions.containerOptions.modalContainer) {
         // this has been set, so we use the property
-        modalContainer = document.getElementById(adaptableOptions.containerOptions.modalContainer);
+        modalContainer =
+            typeof adaptableOptions.containerOptions.modalContainer === 'string'
+                ? document.getElementById(adaptableOptions.containerOptions.modalContainer)
+                : adaptableOptions.containerOptions.modalContainer;
         if (modalContainer) {
             const modalContainerClassName = ' modal-container';
             if (!modalContainer.className.includes(modalContainerClassName)) {

package/src/View/Wizard/AdaptableWizard.js

@@ -91,7 +91,10 @@ class AdaptableWizard extends React.Component {
         let bodyElement = wizardStepInfo.Element;
         let newElement = this.cloneWizardStep(bodyElement);
         this.stepName = wizardStepInfo.StepName;
-        this.setState({ ActiveState: newElement, IndexState: wizardStepInfo.Index });
+        this.setState({
+            ActiveState: newElement,
+            IndexState: wizardStepInfo.Index,
+        });
     }
     ForceUpdateGoBackState() {
         this.forceUpdate();
@@ -114,7 +117,10 @@ class AdaptableWizard extends React.Component {
                 let bodyElement = activeWizardInfo.Element;
                 let newElement = this.cloneWizardStep(bodyElement);
                 this.stepName = activeWizardInfo.StepName;
-                this.setState({ ActiveState: newElement, IndexState: this.state.IndexState - decrement });
+                this.setState({
+                    ActiveState: newElement,
+                    IndexState: this.state.IndexState - decrement,
+                });
             }
         }
     }
@@ -126,7 +132,10 @@ class AdaptableWizard extends React.Component {
             let bodyElement = activeWizardInfo.Element;
             let newElement = this.cloneWizardStep(bodyElement);
             this.stepName = activeWizardInfo.StepName;
-            this.setState({ ActiveState: newElement, IndexState: this.state.IndexState + increment });
+            this.setState({
+                ActiveState: newElement,
+                IndexState: this.state.IndexState + increment,
+            });
         }
     }
     handleClickFinish() {

package/src/View/Wizard/OnePageAdaptableWizard.js

@@ -191,7 +191,11 @@ exports.OnePageAdaptableWizard = (props) => {
                     React.createElement(rebass_1.Flex, { flexDirection: "row", padding: 2, alignItems: "center", className: "ab-WizardDialog__footer ab-OnePageWizard__footer" },
                         React.createElement(SimpleButton_1.default, { tone: "neutral", variant: "text", "data-name": "close", onClick: () => { var _a; return (_a = props.onHide) === null || _a === void 0 ? void 0 : _a.call(props); }, tooltip: (_a = props.closeTooltip) !== null && _a !== void 0 ? _a : 'Close wizard', accessLevel: 'Full' }, (_b = props.closeText) !== null && _b !== void 0 ? _b : 'CLOSE'),
                         React.createElement(KeyHint_1.KeyHint, { ml: 2 }, "Esc"),
-                        React.createElement(rebass_1.Text, { fontSize: 2, mr: 3, className: "ab-OnePageWizard__error", style: { flex: 1, color: 'var(--ab-color-error)', textAlign: 'end' } }, firstErrorMessage),
+                        React.createElement(rebass_1.Text, { fontSize: 2, mr: 3, className: "ab-OnePageWizard__error", style: {
+                                flex: 1,
+                                color: 'var(--ab-color-error)',
+                                textAlign: 'end',
+                            } }, firstErrorMessage),
                         React.createElement(SimpleButton_1.default, { tone: "accent", "data-name": "finish", variant: "raised", disabled: canFinish !== true, onClick: () => handleClickFinish(), icon: 'check', accessLevel: 'Full' }, "Finish")))))));
 };
 exports.OnePageWizardSummary = () => {

package/src/agGrid/Adaptable.d.ts

@@ -165,14 +165,14 @@ export declare class Adaptable implements IAdaptable {
     private isInternallyRenderedColumn;
     getDisplayValue(id: any, columnId: string): string | undefined;
     getGridCellFromRowNode(rowNode: RowNode, columnId: string): GridCell | undefined;
-    getDisplayValueFromRowNode(row: RowNode, columnId: string): string | undefined;
-    getFormattedValueFromRawValue(rawValue: any, columnId: string): string | undefined;
-    getDisplayValueFromRawValue(columnId: string, rawValue: any, skipCellRenderers?: boolean): string | undefined;
+    getDisplayValueFromRowNode(rowNode: RowNode, columnId: string): string | undefined;
+    getDisplayValueFromRawValue(columnId: string, rawValue: any): string | undefined;
     private getFormattedValue;
     private getNormalisedValueFromRowValue;
     getRawValueFromRowNode(rowNode: RowNode, columnId: string): any;
     getDataRowFromRowNode(rowNode: RowNode): any;
     getRowNodeForPrimaryKey(primaryKeyValue: any): any;
+    getRowNodeByIndex(index: number): RowNode;
     getRowNodesForPrimaryKeys(primaryKeyValues: any[]): any[];
     forAllRowNodesDo(func: (rowNode: RowNode) => void): void;
     forAllVisibleRowNodesDo(func: (rowNode: RowNode, rowIndex: number) => void): void;