@adaptabletools/adaptable 11.0.4 → 11.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable",
-  "version": "11.0.4",
+  "version": "11.0.5",
   "description": "Powerful data-agnostic HTML5 datagrid add-on that sits on top of an underlying grid component and provides all the rich functionality that advanced users expect from their DataGrids and Data Tables",
   "keywords": [
     "web-components",

package/publishTimestamp.d.ts

@@ -1,2 +1,2 @@
-declare const _default: 1646846997369;
+declare const _default: 1647181545760;
 export default _default;

package/publishTimestamp.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = 1646846997369;
+exports.default = 1647181545760;

package/src/AdaptableInterfaces/IAdaptable.d.ts

@@ -167,6 +167,7 @@ export interface IAdaptable {
     cancelEdit(): any;
     isCellEditable(rowNode: RowNode, column: Column): boolean;
     getFirstRowNode(): RowNode;
+    getFirstDisplayedRowNode(): RowNode;
     forAllRowNodesDo(func: (rowNode: RowNode) => void): void;
     forAllVisibleRowNodesDo(func: (rowNode: RowNode) => void): void;
     getVisibleRowNodes(): RowNode[];

package/src/Api/GridApi.d.ts

@@ -191,6 +191,10 @@ export interface GridApi {
      * Retrieves the first Row Node in AdapTable
      */
     getFirstRowNode(): RowNode;
+    /**
+     * Retrieves the first Displayed Row Node in AdapTable
+     */
+    getFirstDisplayedRowNode(): RowNode;
     /**
      * Retrieves all Row Nodes currently in the Grid (i.e. filtered)
      */

package/src/Api/Implementation/GridApiImpl.d.ts

@@ -54,6 +54,7 @@ export declare class GridApiImpl extends ApiBase implements GridApi {
     selectColumn(columnId: string): void;
     selectColumns(columnIds: string[]): void;
     getFirstRowNode(): RowNode;
+    getFirstDisplayedRowNode(): RowNode;
     getVisibleRowNodes(): RowNode[];
     getGridCellFromRowNode(rowwNode: RowNode, columnId: string): GridCell | undefined;
     getRawValueFromRowNode(rowwNode: RowNode, columnId: string): any | undefined;

package/src/Api/Implementation/GridApiImpl.js

@@ -187,6 +187,9 @@ class GridApiImpl extends ApiBase_1.ApiBase {
     getFirstRowNode() {
         return this.adaptable.getFirstRowNode();
     }
+    getFirstDisplayedRowNode() {
+        return this.adaptable.getFirstDisplayedRowNode();
+    }
     getVisibleRowNodes() {
         return this.adaptable.getVisibleRowNodes();
     }
@@ -341,6 +344,10 @@ class GridApiImpl extends ApiBase_1.ApiBase {
     }
     areCellsEditable(gridCells) {
         for (let gridCell of gridCells) {
+            if (!gridCell.column) {
+                // GridCell.column may be undefined for cells from synthetic columns created by AG Grid (ex. autoGroup columns)
+                return false;
+            }
             if (gridCell.column.readOnly) {
                 return false;
             }

package/src/PredefinedConfig/Common/AdaptableMessageType.d.ts

@@ -7,11 +7,11 @@ export declare type AdaptableMessageType =
  */
 'Success'
 /**
- * A success message - shows in blue
+ * An info message - shows in blue
  */
  | 'Info'
 /**
- * A success message - shows in yellow
+ * A warning message - shows in orange
  */
  | 'Warning'
 /**

package/src/PredefinedConfig/Selection/GridCell.d.ts

@@ -5,7 +5,7 @@ import { AdaptableColumn } from '../Common/AdaptableColumn';
  */
 export interface GridCell {
     /**
-     * Column in which cell is situtated
+     * Column in which cell is situated
      */
     column: AdaptableColumn;
     /**

package/src/Strategy/AlertModule.js

@@ -178,7 +178,7 @@ class AlertModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     toView(alert) {
         return {
             items: [
-                getScopeViewItems_1.getScopeViewItems(alert.Scope),
+                getScopeViewItems_1.getScopeViewItems(alert.Scope, this.api),
                 getRuleViewItems_1.getRuleViewItems(alert.Rule, this.api),
                 getAlertBehaviourViewItems_1.getAlertBehaviourViewItems(),
                 getAlertPreviewViewItems_1.getAlertPreviewViewItems(alert, this.api),

package/src/Strategy/CellSummaryModule.js

@@ -45,6 +45,10 @@ class CellSummaryModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             selectedCellInfo.gridCells.forEach((selectedCell) => {
                 let value = selectedCell.rawValue;
                 allValues.push(value);
+                if (!selectedCell.column) {
+                    // GridCell.column may be undefined for cells from synthetic columns created by AG Grid (ex. autoGroup columns)
+                    return;
+                }
                 if (ArrayExtensions_1.ArrayExtensions.ContainsItem(numericColumns, selectedCell.column.columnId)) {
                     let valueAsNumber = Number(value);
                     // possible that its not a number despite it being a numeric column

package/src/Strategy/ConditionalStyleModule.js

@@ -188,7 +188,7 @@ class ConditionalStyleModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     toView(conditionalStyle) {
         return {
             items: [
-                getScopeViewItems_1.getScopeViewItems(conditionalStyle.Scope),
+                getScopeViewItems_1.getScopeViewItems(conditionalStyle.Scope, this.api),
                 getStyleViewItems_1.getStyleViewItems(),
                 getRuleViewItems_1.getRuleViewItems(conditionalStyle.Rule, this.api),
                 {

package/src/Strategy/FlashingCellModule.js

@@ -209,7 +209,7 @@ class FlashingCellModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     toView(flashingCell) {
         return {
             items: [
-                Object.assign(Object.assign({}, getScopeViewItems_1.getScopeViewItems(flashingCell.Scope)), { label: 'Trigger' }),
+                Object.assign(Object.assign({}, getScopeViewItems_1.getScopeViewItems(flashingCell.Scope, this.api)), { label: 'Trigger' }),
                 Object.assign(Object.assign({}, getRuleViewItems_1.getRuleViewItems(flashingCell.Rule, this.api)), { label: 'Rule', name: 'Rule' }),
                 getFlashingCellDurationViewItems_1.getFlashingCellDurationViewItems(flashingCell),
                 getFlashingTargetViewItems_1.getFlashingTargetViewItems(flashingCell),

package/src/Strategy/FormatColumnModule.js

@@ -237,7 +237,7 @@ class FormatColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         return {
             abObject: formatColumn,
             items: [
-                getScopeViewItems_1.getScopeViewItems(formatColumn.Scope),
+                getScopeViewItems_1.getScopeViewItems(formatColumn.Scope, this.api),
                 {
                     name: 'Style',
                     view: () => getFormatColumnStyleViewItems_1.getFormatColumnStyleViewItems(formatColumn, this.api),

package/src/Strategy/PlusMinusModule.js

@@ -186,7 +186,7 @@ class PlusMinusModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         return {
             abObject: plusMinus,
             items: [
-                Object.assign({ name: 'Target' }, getScopeViewItems_1.getScopeViewItems(plusMinus.Scope)),
+                Object.assign({ name: 'Target' }, getScopeViewItems_1.getScopeViewItems(plusMinus.Scope, this.api)),
                 plusMinus.Rule && {
                     name: 'Settings',
                     label: 'Rule',

package/src/Strategy/ShortcutModule.js

@@ -74,7 +74,7 @@ class ShortcutModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     toView(shortcut) {
         return {
             abObject: shortcut,
-            items: [getScopeViewItems_1.getScopeViewItems(shortcut.Scope), getShortcutSettingsViewItems_1.getShortcutSettingsViewItems(shortcut)],
+            items: [getScopeViewItems_1.getScopeViewItems(shortcut.Scope, this.api), getShortcutSettingsViewItems_1.getShortcutSettingsViewItems(shortcut)],
         };
     }
     toViewAll() {

package/src/Strategy/Utilities/getExportColumnsViewItems.js

@@ -1,19 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getExportColumnsViewItems = void 0;
-const getScopeViewItems_1 = require("./getScopeViewItems");
-const getValues = (report) => {
-    switch (report.ReportColumnScope) {
-        case 'AllColumns':
-            return ['All Columns'];
-        case 'VisibleColumns':
-            return ['Visible Columns'];
-        case 'ScopeColumns':
-            return getScopeViewItems_1.getScopeViewItems(report.Scope).values;
-        default:
-            return [''];
-    }
-};
 exports.getExportColumnsViewItems = (report, api) => {
     return {
         name: 'Columns',

package/src/Strategy/Utilities/getScopeViewItems.d.ts

@@ -1,3 +1,3 @@
-import { AdaptableScope } from '../../../types';
+import { AdaptableApi, AdaptableScope } from '../../../types';
 import { AdaptableObjectItemView } from '../Interface/IModule';
-export declare const getScopeViewItems: (scope: AdaptableScope) => AdaptableObjectItemView;
+export declare const getScopeViewItems: (scope: AdaptableScope, api: AdaptableApi) => AdaptableObjectItemView;

package/src/Strategy/Utilities/getScopeViewItems.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getScopeViewItems = void 0;
-exports.getScopeViewItems = (scope) => {
+exports.getScopeViewItems = (scope, api) => {
     let values = [];
-    if ('ColumnIds' in scope) {
+    if ('ColumnIds' in scope && Array.isArray(scope.ColumnIds)) {
         values = scope.ColumnIds;
+        values = scope.ColumnIds.map((columnId) => api.columnApi.getFriendlyNameFromColumnId(columnId)).filter(Boolean);
     }
     if ('DataTypes' in scope) {
         values = scope.DataTypes;

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/index.js

@@ -47,7 +47,7 @@ const ConfigurationDialog = (props) => {
                 padding: 0,
                 style: { overflow: 'auto', display: 'flex', flexFlow: 'column' },
             }, borderRadius: "none", style: { fontSize: 16, flex: 1 } },
-            React.createElement(Panel_1.default, { border: "none" },
+            React.createElement(Panel_1.default, { style: { minHeight: 50 }, border: "none" },
                 React.createElement(FormLayout_1.default, null,
                     React.createElement(FormLayout_1.FormRow, { label: "AdaptableId" },
                         React.createElement(Input_1.default, { value: abOptions.adaptableId, onChange: onadaptableIdChange, style: { minWidth: '20rem' } })))),

package/src/agGrid/Adaptable.d.ts

@@ -231,6 +231,7 @@ export declare class Adaptable implements IAdaptable {
     getGroupedColDefs(): ColDef[];
     getColumnDefsWithCorrectVisibility: () => ColDef[];
     getFirstRowNode(): RowNode;
+    getFirstDisplayedRowNode(): RowNode;
     destroy(config?: {
         unmount: boolean;
         destroyApi?: boolean;
@@ -312,6 +313,7 @@ export declare class Adaptable implements IAdaptable {
     deleteRows(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): Promise<RowNode[]>;
     getFirstGroupedColumn(): AdaptableColumn | undefined;
     private checkColumnsDataTypeSet;
+    private updateColumnDataTypeIfRowDataIsEmpty;
     private runAdaptableComparerFunction;
     isGridSelectable(): boolean;
     isGridGroupable(): boolean;

package/src/agGrid/Adaptable.js

@@ -2217,11 +2217,16 @@ class Adaptable {
             if (!foundNode) {
                 if (!node.group) {
                     rowNode = node;
+                    foundNode = true;
                 }
             }
         });
         return rowNode;
     }
+    getFirstDisplayedRowNode() {
+        const firstDisplayedRowIndex = this.gridOptions.api.getFirstDisplayedRow();
+        return this.gridOptions.api.getDisplayedRowAtIndex(firstDisplayedRowIndex);
+    }
     destroy(config) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         if (this.gridOptions && this.gridOptions.api) {
@@ -3556,6 +3561,7 @@ class Adaptable {
             this.addSyntheticPrimaryKey(dataSource);
         }
         this.gridOptions.api.setRowData(dataSource);
+        this.updateColumnDataTypeIfRowDataIsEmpty();
     }
     getGridData() {
         var _a;
@@ -3621,11 +3627,13 @@ class Adaptable {
                         dataUpdateConfig.callback(transaction);
                     }
                     resolve(transaction === null || transaction === void 0 ? void 0 : transaction.add);
+                    this.updateColumnDataTypeIfRowDataIsEmpty();
                 });
             });
         }
         else {
             const transaction = this.gridOptions.api.applyTransaction(newData);
+            this.updateColumnDataTypeIfRowDataIsEmpty();
             return Promise.resolve(transaction === null || transaction === void 0 ? void 0 : transaction.add);
         }
     }
@@ -3657,11 +3665,24 @@ class Adaptable {
     }
     checkColumnsDataTypeSet() {
         // check that we have no unknown columns - if we do then ok
-        const firstCol = this.api.columnApi.getColumns()[0];
-        if (firstCol && firstCol.dataType == Enums_1.DataType.Unknown) {
+        const colDefs = this.api.columnApi.getColumns();
+        if (colDefs.some((colDef) => colDef.dataType === Enums_1.DataType.Unknown)) {
             this.updateColumnsIntoStore();
         }
     }
+    updateColumnDataTypeIfRowDataIsEmpty() {
+        var _a, _b;
+        // gridOptions?.rowData is not updated when setting data via the api
+        if (!((_b = (_a = this.gridOptions) === null || _a === void 0 ? void 0 : _a.rowData) === null || _b === void 0 ? void 0 : _b.length)) {
+            // the columns dataType is based on the rawData, when type is not set on the column
+            // when data is loaded async, the dataType initially is dataType=unknown
+            // to fix this, we need to update the columnDefs when we data is loaded
+            this.checkColumnsDataTypeSet();
+            // this influences the floating filter
+            // need to trigger header redraw, if not, the columnDef update is not picked-up
+            this.redrawHeader();
+        }
+    }
     runAdaptableComparerFunction(columnId, columnValues) {
         let adaptable = this;
         return function compareItemsOfCustomSort(valueA, valueB, nodeA, nodeB) {

package/src/metamodel/adaptable.metamodel.js

@@ -7046,6 +7046,12 @@ exports.ADAPTABLE_METAMODEL = {
                 "description": "Retrieves filtered data from the grid",
                 "uiLabel": "Get Filtered Data"
             },
+            {
+                "name": "getFirstDisplayedRowNode",
+                "kind": "function",
+                "description": "Retrieves the first Displayed Row Node in AdapTable",
+                "uiLabel": "Get First Displayed Row Node"
+            },
             {
                 "name": "getFirstRowNode",
                 "kind": "function",
@@ -7386,7 +7392,7 @@ exports.ADAPTABLE_METAMODEL = {
             {
                 "name": "column",
                 "kind": "REFERENCE",
-                "description": "Column in which cell is situtated",
+                "description": "Column in which cell is situated",
                 "uiLabel": "Column",
                 "reference": "AdaptableColumn"
             },

package/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "11.0.4";
+declare const _default: "11.0.5";
 export default _default;

package/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '11.0.4'; // PLEASE DONT UPDATE THIS!!! - will be updated at build time with the correct version
+exports.default = '11.0.5'; // PLEASE DONT UPDATE THIS!!! - will be updated at build time with the correct version