@adaptabletools/adaptable-cjs 21.0.0-canary.0 → 21.0.0-canary.2

package/src/Utilities/ObjectFactory.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ObjectFactory = exports.CreateToastOptions = exports.CreateEmptyCommentThread = exports.CreateEmptyTheme = exports.CreateCustomDisplayFormatterContext = exports.CreateEmptyChartDefinition = exports.CreateDefaultStyledColumnBadge = exports.CreateEmptyStyledColumn = exports.CreateColumnFilter = exports.CreateEmptyCellSummmary = exports.CreateSystemStatusMessageInfo = exports.CreateEmptyStyle = exports.CreateEmptyLayout = exports.CreateEmptyPivotLayout = exports.CreateEmptyFreeTextColumn = exports.CreateEmptyFormatColumn = exports.CreateEmptyShortcut = exports.CreateEmptySchedule = exports.CreateReportSchedule = exports.CreateIPushPullSchedule = exports.CreateEmptyOpenFinSchedule = exports.CreateEmptyIPushPullSchedule = exports.CreateEmptyOpenFinReport = exports.CreateEmptyIPushPullReport = exports.CreateEmptyReportSchedule = exports.CreateEmptyReminderSchedule = exports.CreateEmptyBaseSchedule = exports.CreateEmptyReport = exports.CreateInternalAlertDefinitionForMessages = exports.CreateEmptyFlashingCellDefinition = exports.CreateEmptyAlertDefinition = exports.CreateRowChangedAlert = exports.CreateCellChangedAlert = exports.CreateGenericAlert = exports.CreateEmptyPlusMinusNudge = exports.CreateEmptyNamedQuery = exports.CreateEmptyCalculatedColumn = exports.CreateAdaptableComment = exports.CreateEmptyCustomSort = void 0;
+exports.ObjectFactory = exports.CreateToastOptions = exports.CreateEmptyCommentThread = exports.CreateEmptyTheme = exports.CreateCustomDisplayFormatterContext = exports.CreateEmptyChartDefinition = exports.CreateDefaultStyledColumnBadge = exports.CreateEmptyStyledColumn = exports.CreateColumnFilter = exports.CreateEmptyCellSummmary = exports.CreateSystemStatusMessageInfo = exports.CreateEmptyStyle = exports.CreateEmptyLayout = exports.CreateEmptyTableLayout = exports.CreateEmptyPivotLayout = exports.CreateEmptyFreeTextColumn = exports.CreateEmptyFormatColumn = exports.CreateEmptyShortcut = exports.CreateEmptySchedule = exports.CreateReportSchedule = exports.CreateIPushPullSchedule = exports.CreateEmptyOpenFinSchedule = exports.CreateEmptyIPushPullSchedule = exports.CreateEmptyOpenFinReport = exports.CreateEmptyIPushPullReport = exports.CreateEmptyReportSchedule = exports.CreateEmptyReminderSchedule = exports.CreateEmptyBaseSchedule = exports.CreateEmptyReport = exports.CreateInternalAlertDefinitionForMessages = exports.CreateEmptyFlashingCellDefinition = exports.CreateEmptyAlertDefinition = exports.CreateRowChangedAlert = exports.CreateCellChangedAlert = exports.CreateGenericAlert = exports.CreateEmptyPlusMinusNudge = exports.CreateEmptyNamedQuery = exports.CreateEmptyCalculatedColumn = exports.CreateAdaptableComment = exports.CreateEmptyCustomSort = void 0;
 const Enums_1 = require("../AdaptableState/Common/Enums");
 const Uuid_1 = require("../AdaptableState/Uuid");
 const GeneralConstants_1 = require("./Constants/GeneralConstants");
@@ -274,37 +274,45 @@ function CreateEmptyFreeTextColumn(defaultSpecialColumnSettings) {
     };
 }
 exports.CreateEmptyFreeTextColumn = CreateEmptyFreeTextColumn;
-function CreateEmptyPivotLayout(layout) {
+function CreateEmptyPivotLayout(pivotLayout) {
     const result = {
-        Name: layout.Name,
-        ColumnSorts: layout.ColumnSorts || [],
-        ColumnFilters: layout.ColumnFilters || [],
+        ...pivotLayout,
         Uuid: (0, Uuid_1.createUuid)(),
-        PivotColumns: layout.PivotColumns || [],
-        PivotAggregationColumns: layout.PivotAggregationColumns || [],
-        PivotGroupedColumns: layout.PivotGroupedColumns || [],
-        ColumnSizing: layout.ColumnSizing || {},
+        ColumnSizing: pivotLayout.ColumnSizing || {},
+        ColumnHeaders: pivotLayout.ColumnHeaders || {},
+        ColumnPinning: pivotLayout.ColumnPinning || {},
+        ColumnSorts: pivotLayout.ColumnSorts || [],
+        ColumnFilters: pivotLayout.ColumnFilters || [],
+        PivotColumns: pivotLayout.PivotColumns || [],
+        PivotAggregationColumns: pivotLayout.PivotAggregationColumns || [],
+        PivotGroupedColumns: pivotLayout.PivotGroupedColumns || [],
     };
     return result;
 }
 exports.CreateEmptyPivotLayout = CreateEmptyPivotLayout;
-function CreateEmptyLayout(layout, adaptableColumns) {
-    if ((0, LayoutHelpers_1.isPivotLayout)(layout)) {
-        return CreateEmptyPivotLayout(layout);
-    }
-    const tableLayout = layout;
+function CreateEmptyTableLayout(tableLayout) {
     const result = {
         ...tableLayout,
         Uuid: (0, Uuid_1.createUuid)(),
-        TableColumns: tableLayout.TableColumns || [],
+        ColumnSizing: tableLayout.ColumnSizing || {},
+        ColumnHeaders: tableLayout.ColumnHeaders || {},
+        ColumnPinning: tableLayout.ColumnPinning || {},
         ColumnSorts: tableLayout.ColumnSorts || [],
         ColumnFilters: tableLayout.ColumnFilters || [],
-        ColumnSizing: tableLayout.ColumnSizing || {},
-        RowGroupedColumns: tableLayout.RowGroupedColumns ||
-            (adaptableColumns ? adaptableColumns.filter((c) => c.isGrouped).map((c) => c.columnId) : []),
+        TableColumns: tableLayout.TableColumns || [],
+        RowGroupedColumns: tableLayout.RowGroupedColumns || [],
     };
     return result;
 }
+exports.CreateEmptyTableLayout = CreateEmptyTableLayout;
+function CreateEmptyLayout(layout) {
+    if ((0, LayoutHelpers_1.isPivotLayout)(layout)) {
+        return CreateEmptyPivotLayout(layout);
+    }
+    else {
+        return CreateEmptyTableLayout(layout);
+    }
+}
 exports.CreateEmptyLayout = CreateEmptyLayout;
 function CreateEmptyStyle() {
     return {
@@ -485,6 +493,7 @@ exports.ObjectFactory = {
     CreateEmptyFreeTextColumn,
     CreateEmptyLayout,
     CreateEmptyPivotLayout,
+    CreateEmptyTableLayout,
     CreateColumnFilter,
     CreateEmptyStyle,
     CreateEmptyCellSummmary,

package/src/Utilities/adaptableQlUtils.js

@@ -11,7 +11,7 @@ const mapColumnDataTypeToExpressionFunctionType = (dataType) => {
     if (dataType === 'text') {
         return 'text';
     }
-    if (dataType === 'date' || dataType === 'dateString') {
+    if (dataType === 'date') {
         return 'date';
     }
     if (dataType === 'numberArray') {

package/src/View/Components/ColumnFilter/components/FloatingFilterValues.d.ts

@@ -25,6 +25,7 @@ export declare function useDistinctFilterColumnValues(options: {
             label: string;
         }[];
         dataLoadIsComplete: boolean;
+        skipDefaultSearch: boolean;
         searchValueUsedInFilterValue: boolean;
     };
     setQuickFilterValues: React.Dispatch<React.SetStateAction<{
@@ -33,6 +34,7 @@ export declare function useDistinctFilterColumnValues(options: {
             label: string;
         }[];
         dataLoadIsComplete: boolean;
+        skipDefaultSearch: boolean;
         searchValueUsedInFilterValue: boolean;
     }>>;
     triggerValuesLoad: () => void;

package/src/View/Components/ColumnFilter/components/FloatingFilterValues.js

@@ -27,7 +27,12 @@ function useDistinctFilterColumnValues(options) {
     const triggerValuesLoad = React.useCallback(() => {
         setValuesLoadTrigger((prev) => prev + 1);
     }, []);
-    const [quickFilterValues, setQuickFilterValues] = React.useState({ values: [], dataLoadIsComplete: false, searchValueUsedInFilterValue: false });
+    const [quickFilterValues, setQuickFilterValues] = React.useState({
+        values: [],
+        dataLoadIsComplete: false,
+        skipDefaultSearch: false,
+        searchValueUsedInFilterValue: false,
+    });
     const [isDistinctColumnValuesLoading, setIsDistinctColumnValuesLoading] = React.useState(false);
     (0, react_1.useEffect)(() => {
         if (valuesLoadTrigger === 0) {
@@ -49,9 +54,11 @@ function useDistinctFilterColumnValues(options) {
             if (ignore) {
                 return;
             }
+            const values = distinctFilterDisplayValues.values;
             setQuickFilterValues({
-                values: distinctFilterDisplayValues,
+                values,
                 dataLoadIsComplete: true,
+                skipDefaultSearch: !!distinctFilterDisplayValues.skipDefaultSearch,
                 searchValueUsedInFilterValue,
             });
             setIsDistinctColumnValuesLoading(false);
@@ -121,16 +128,19 @@ const FloatingFilterValues = (props) => {
     const onMenuOpen = triggerValuesLoad;
     const onInputChange = React.useCallback((value) => {
         searchValueRef.current = value;
-        if (quickFilterValues.searchValueUsedInFilterValue) {
+        const quickFilterValues = quickFilterValuesRef.current;
+        if (quickFilterValues.searchValueUsedInFilterValue || quickFilterValues.skipDefaultSearch) {
             triggerValuesLoad();
         }
-    }, [quickFilterValues.searchValueUsedInFilterValue]);
+    }, []);
+    const { skipDefaultSearch } = quickFilterValues;
     return (React.createElement(ListBoxFilterForm_1.ColumnValuesSelect, { selectProps: props.inline
             ? {
                 ...props.selectProps,
                 'data-name': 'Select Values',
                 renderMultipleValues,
                 isClearable: false,
+                skipDefaultFiltering: skipDefaultSearch,
                 styles: {
                     dropdownIndicator: {
                         display: 'none',
@@ -159,6 +169,11 @@ const FloatingFilterValues = (props) => {
                 onMenuOpen,
                 onInputChange,
             }
-            : { ...props.selectProps, onMenuOpen, onInputChange }, disabled: props.disabled, isLoading: isDistinctColumnValuesLoading, column: currentColumn, dataType: currentColumn.dataType, options: quickFilterValues.values, value: props.value, onChange: props.onChange }));
+            : {
+                ...props.selectProps,
+                skipDefaultFiltering: skipDefaultSearch,
+                onMenuOpen,
+                onInputChange,
+            }, disabled: props.disabled, isLoading: isDistinctColumnValuesLoading, column: currentColumn, dataType: currentColumn.dataType, options: quickFilterValues.values, value: props.value, onChange: props.onChange }));
 };
 exports.FloatingFilterValues = FloatingFilterValues;

package/src/View/Components/ColumnFilter/utils.js

@@ -142,7 +142,6 @@ const mapColumnFilterToQlPredicate = (columnFilter, abColumn, qlPredicateDefs, c
                     : { operator: 'Contains', args: [] };
                 break;
             case 'date':
-            case 'dateString':
                 let defaultQlDatePredicate;
                 const defaultDateColumnFilter = columnFilterOptions.defaultDateColumnFilter;
                 if (defaultDateColumnFilter) {

package/src/View/Components/PredicateEditor/PredicateEditor.js

@@ -49,13 +49,25 @@ const PredicateEditor = (props) => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const columnId = props.columnId;
     const column = adaptable.api.columnApi.getColumnWithColumnId(columnId);
+    const searchValueRef = React.useRef('');
     const { quickFilterValues, isDistinctColumnValuesLoading, triggerValuesLoad } = (0, FloatingFilterValues_1.useDistinctFilterColumnValues)({
         columnId,
+        searchValueRef,
     });
+    const quickFilterValuesRef = React.useRef(quickFilterValues);
+    quickFilterValuesRef.current = quickFilterValues;
     (0, react_1.useEffect)(triggerValuesLoad, []);
     const onMenuOpen = () => {
         triggerValuesLoad();
     };
+    const onInputChange = React.useCallback((value) => {
+        searchValueRef.current = value;
+        const quickFilterValues = quickFilterValuesRef.current;
+        if (quickFilterValues.searchValueUsedInFilterValue || quickFilterValues.skipDefaultSearch) {
+            triggerValuesLoad();
+        }
+    }, []);
+    const { skipDefaultSearch } = quickFilterValues;
     return (React.createElement(rebass_1.Box, { className: baseClassName },
         React.createElement(rebass_1.Flex, { justifyContent: "stretch", alignItems: "center" },
             icon && React.createElement(Tag_1.Tag, { mr: 2 }, icon),
@@ -74,6 +86,8 @@ const PredicateEditor = (props) => {
         adaptable.api.predicateApi.internalApi.IsInorNotInPredicateDef(currentPredicateDef) && (React.createElement(rebass_1.Box, { mt: 2 },
             React.createElement(ListBoxFilterForm_1.ColumnValuesSelect, { isLoading: isDistinctColumnValuesLoading, column: column, options: quickFilterValues.values, selectProps: {
                     onMenuOpen,
+                    onInputChange,
+                    skipDefaultFiltering: skipDefaultSearch,
                 }, dataType: column.dataType, value: props.predicate.Inputs, onChange: handlePredicateValuesChange })))));
 };
 exports.PredicateEditor = PredicateEditor;

package/src/View/Components/Selectors/PermittedValuesSelector.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { SelectProps } from '../../../components/Select';
+import { InFilterValue } from '../../../AdaptableOptions/FilterOptions';
 export type ValueType = number | string | Date;
 interface PermittedValuesSelectorProps<Value extends ValueType, IsMulti extends boolean> {
     searchable?: false | 'inline' | 'menulist';
@@ -17,10 +18,7 @@ interface PermittedValuesSelectorProps<Value extends ValueType, IsMulti extends
     menuPortalTarget?: HTMLElement;
     loadValues?: (options: {
         currentSearchValue: string;
-    }) => Promise<{
-        value: any;
-        label: string;
-    }[]>;
+    }) => Promise<InFilterValue[]>;
 }
 export declare const PermittedValuesSelector: <Value extends ValueType, IsMulti extends boolean = false>(props: PermittedValuesSelectorProps<Value, IsMulti>) => React.JSX.Element;
 export {};

package/src/View/Components/Selectors/PermittedValuesSelector.js

@@ -26,9 +26,7 @@ const PermittedValuesSelector = function (props) {
         (async () => {
             let searchValueUsedInFilterValue = false;
             const currentSearchValue = searchFilterRef.current;
-            const distinctColumnValues = await (0, runIfNotResolvedIn_1.runIfNotResolvedIn)(
-            // we are here ALWAYS getting Filter values but sometimes we want to get other things!!!
-            props.loadValues
+            const p = props.loadValues
                 ? props.loadValues({
                     get currentSearchValue() {
                         searchValueUsedInFilterValue = true;
@@ -41,12 +39,15 @@ const PermittedValuesSelector = function (props) {
                         searchValueUsedInFilterValue = true;
                         return currentSearchValue;
                     },
-                }), () => {
+                });
+            const distinctColumnValues = await (0, runIfNotResolvedIn_1.runIfNotResolvedIn)(
+            // we are here ALWAYS getting Filter values but sometimes we want to get other things!!!
+            p, () => {
                 setIsLoading(true);
             });
             setSearchValueWasUsedWhenFiltering(searchValueUsedInFilterValue);
             setIsLoading(false);
-            setOptions(distinctColumnValues);
+            setOptions(Array.isArray(distinctColumnValues) ? distinctColumnValues : distinctColumnValues.values);
         })();
     }, [props.columnId, props.loadValues, refetchKey]);
     const isCreatable = (props.allowNewValues && !dataType) || ['text', 'number'].includes(dataType);

package/src/View/Layout/Wizard/LayoutWizard.js

@@ -5,7 +5,6 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const LayoutRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/LayoutRedux"));
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
 const Helper_1 = require("../../../Utilities/Helpers/Helper");
 const SettingsSection_1 = require("./sections/SettingsSection");
 const rebass_1 = require("rebass");
@@ -33,17 +32,17 @@ const LayoutWizard = (props) => {
         if (initialLayout) {
             preparedLayout = (0, Helper_1.cloneObject)(initialLayout);
             if (props?.popupParams?.action === 'Clone') {
-                preparedLayout.Name = '';
-                delete preparedLayout.Uuid;
+                preparedLayout = {
+                    ...adaptable.api.layoutApi.internalApi.cloneLayout(preparedLayout),
+                    Name: '',
+                };
             }
         }
         else {
             const shouldCreatePivot = props.popupParams?.config?.layoutType === 'pivot' ||
                 props.abObjectType?.name?.toLowerCase().includes('pivot') ||
                 false;
-            preparedLayout = shouldCreatePivot
-                ? ObjectFactory_1.default.CreateEmptyPivotLayout({ Name: '' })
-                : ObjectFactory_1.default.CreateEmptyLayout({ Name: '' });
+            preparedLayout = adaptable.api.layoutApi.internalApi.buildInitialLayout({ Name: '' }, shouldCreatePivot ? 'pivot' : 'table');
         }
         if (preparedLayout.SuppressAggFuncInHeader === undefined) {
             preparedLayout.SuppressAggFuncInHeader =
@@ -66,7 +65,6 @@ const LayoutWizard = (props) => {
                 break;
             case 'Clone':
                 const clonedLayout = { ...layout };
-                delete clonedLayout.Uuid;
                 dispatch(LayoutRedux.LayoutAdd(clonedLayout));
                 dispatch(LayoutRedux.LayoutSelect(clonedLayout.Name));
                 break;

package/src/agGrid/AdaptableAgGrid.d.ts

@@ -21,7 +21,7 @@ import { Fdc3Service } from '../Utilities/Services/Fdc3Service';
 import { AnnotationsService } from '../Utilities/Services/AnnotationsService';
 import { IModuleCollection } from '../Strategy/Interface/IModule';
 import { AgGridMenuAdapter } from './AgGridMenuAdapter';
-import { AdaptableColumn, AdaptableTheme, ChartDefinition, ColumnSort, DataUpdateConfig, GridCell, InFilterValue, Layout, SelectedCellInfo, SelectedRowInfo } from '../types';
+import { AdaptableColumn, AdaptableTheme, ChartDefinition, ColumnSort, InFilterValueResult, DataUpdateConfig, GridCell, Layout, SelectedCellInfo, SelectedRowInfo } from '../types';
 import { RenderReactRootFn } from '../renderReactRoot';
 import { AgGridOptionsService } from './AgGridOptionsService';
 import { AgGridColumnAdapter } from './AgGridColumnAdapter';
@@ -257,7 +257,8 @@ export declare class AdaptableAgGrid implements IAdaptable {
     getDistinctFilterValuesForColumn(options: {
         column: AdaptableColumn;
         currentSearchValue: string;
-    }): Promise<InFilterValue[]>;
+        previousResult: InFilterValueResult | undefined;
+    }): Promise<InFilterValueResult>;
     getDistinctEditValuesForColumn(options: {
         column: AdaptableColumn;
         currentSearchValue: string;

package/src/agGrid/AdaptableAgGrid.js

@@ -432,7 +432,6 @@ class AdaptableAgGrid {
         this.lifecycleState = 'available';
         this.api.themeApi.applyCurrentTheme();
         this.validatePrimaryKey();
-        // TODO AFL MIG: we could just patch the defautl Layout on init? instead
         this.checkShouldClearExistingFiltersOrSearches();
         // FIXME AFL FILTER: talk with Radu: should ColumnFilters still be ignored?!
         // see layoutModel.Ignore_ColumnFilters
@@ -1857,7 +1856,7 @@ You need to define at least one Layout!`);
         if (dataType === 'boolean') {
             return typeof rawValue !== 'boolean' ? Boolean(rawValue) : rawValue;
         }
-        if (dataType === 'date' || dataType === 'dateString') {
+        if (dataType === 'date') {
             return rawValue instanceof Date ? rawValue : (0, DateHelper_1.parseDateValue)(rawValue);
         }
         return rawValue;
@@ -2258,10 +2257,19 @@ You need to define at least one Layout!`);
         return this.getDistinctGridCellsForColumn(column);
     }
     async getDistinctFilterValuesForColumn(options) {
-        const { column } = options;
+        const { column, previousResult } = options;
         const self = this;
         // First get the Grid Cells in the Column
-        const currentGridCells = this.getDistinctGridCellsForColumn(column);
+        let currentGridCells;
+        const getCurrentGridCells = () => {
+            // we do this in a function so it's lazy
+            // but we also store in the outside closure, so we can reuse the value if
+            // already called
+            if (currentGridCells) {
+                return currentGridCells;
+            }
+            return (currentGridCells = this.getDistinctGridCellsForColumn(column));
+        };
         // If there are custom distinct value, return them; otherwise return the Grids Cells just retrieved
         const customInFilterValues = this.adaptableOptions.filterOptions.customInFilterValues;
         if (customInFilterValues) {
@@ -2269,12 +2277,13 @@ You need to define at least one Layout!`);
             const customInFilterValuesContext = {
                 ...this.api.internalApi.buildBaseContext(),
                 column,
+                previousFilterResult: previousResult,
                 get currentSearchValue() {
                     return options.currentSearchValue;
                 },
                 get sortedValues() {
                     const result = gridApiInternal
-                        .sortDistinctValues(currentGridCells, column)
+                        .sortDistinctValues(getCurrentGridCells(), column)
                         .map((gridCell) => {
                         return {
                             label: gridCell.displayValue,
@@ -2293,7 +2302,7 @@ You need to define at least one Layout!`);
                     return result;
                 },
                 get defaultValues() {
-                    const result = currentGridCells.map((gridCell) => {
+                    const result = getCurrentGridCells().map((gridCell) => {
                         return {
                             label: gridCell.displayValue,
                             value: gridCell.rawValue,
@@ -2331,23 +2340,24 @@ You need to define at least one Layout!`);
                     return result;
                 },
             };
-            let customDistinctValues;
+            let customInFilterValuesResult;
             try {
-                customDistinctValues = await customInFilterValues(customInFilterValuesContext);
+                customInFilterValuesResult = await customInFilterValues(customInFilterValuesContext);
             }
             catch (error) {
                 this.logger.consoleError(`Failed to fetch custom filter values`, column, error);
             }
-            return customDistinctValues ?? [];
+            return customInFilterValuesResult;
         }
         // No distinct values so lets return unique grid cells
-        return currentGridCells.map((gridCell) => {
+        const values = getCurrentGridCells().map((gridCell) => {
             const inFilterValue = {
                 value: gridCell.rawValue,
                 label: gridCell.displayValue,
             };
             return inFilterValue;
         });
+        return { values };
     }
     async getDistinctEditValuesForColumn(options) {
         const { column, gridCell } = options;

package/src/agGrid/AdaptableFilterHandler.d.ts

@@ -1,18 +1,23 @@
 import { DoesFilterPassParams, FilterHandler, FilterHandlerParams } from 'ag-grid-enterprise';
 import { AdaptableApi } from '../Api/AdaptableApi';
 import { ColumnSetupInfo } from '../AdaptableState/Common/ColumnSetupInfo';
-import { InFilterValue } from '../AdaptableOptions/FilterOptions';
+import { InFilterValueResult } from '../AdaptableOptions/FilterOptions';
 export declare class AdaptableFilterHandler implements FilterHandler {
     private adaptableApi;
     readonly colId: string;
-    private filterDisplayValues;
+    private filterDisplayValuesResult;
     constructor(adaptableApi: AdaptableApi, columnSetup: ColumnSetupInfo);
     doesFilterPass(params: DoesFilterPassParams): boolean;
-    getFilterDisplayValues(currentSearchValue: string): Promise<InFilterValue[]>;
+    getFilterDisplayValuesFromCache(options: {
+        currentSearchValue: string;
+    }): Promise<InFilterValueResult>;
+    fetchFilterDisplayValues(options: {
+        currentSearchValue: string;
+    }): Promise<InFilterValueResult>;
     onNewRowsLoaded(): void;
     onAnyFilterChanged(): void;
     resetFilterDisplayValues(): void;
-    refreshFilterDisplayValues(): Promise<InFilterValue<any>[]>;
+    refreshFilterDisplayValues(): Promise<InFilterValueResult>;
     refresh(params: FilterHandlerParams<any, any, any, any>): void;
     destroy(): void;
 }

package/src/agGrid/AdaptableFilterHandler.js

@@ -30,36 +30,53 @@ class AdaptableFilterHandler {
             return false;
         }
     }
-    getFilterDisplayValues(currentSearchValue) {
-        if (!this.filterDisplayValues) {
-            this.filterDisplayValues =
-                this.adaptableApi.gridApi.internalApi.getDistinctFilterDisplayValuesForColumn({
-                    columnId: this.colId,
-                    currentSearchValue,
-                });
+    getFilterDisplayValuesFromCache(options) {
+        if (this.filterDisplayValuesResult) {
+            return Promise.resolve(this.filterDisplayValuesResult);
         }
-        return this.filterDisplayValues;
+        return this.fetchFilterDisplayValues(options);
+    }
+    fetchFilterDisplayValues(options) {
+        return this.adaptableApi.gridApi.internalApi
+            .getDistinctFilterDisplayValuesForColumn({
+            columnId: this.colId,
+            get currentSearchValue() {
+                return options.currentSearchValue;
+            },
+            previousResult: this.filterDisplayValuesResult,
+        })
+            .then((result) => {
+            this.filterDisplayValuesResult = result;
+            return result;
+        });
     }
     onNewRowsLoaded() {
         this.resetFilterDisplayValues();
     }
     onAnyFilterChanged() {
+        const filterOptions = this.adaptableApi.optionsApi.getFilterOptions();
+        if (!filterOptions.customInFilterValues) {
+            // no-one is using value.count or value.visible
+            // or context.sortedValues
+            // so no need to reset the filter display values
+            return;
+        }
         this.resetFilterDisplayValues();
     }
     resetFilterDisplayValues() {
         // Reset the filter display values manually
-        this.filterDisplayValues = null;
+        this.filterDisplayValuesResult = undefined;
     }
     async refreshFilterDisplayValues() {
         this.resetFilterDisplayValues();
-        return this.getFilterDisplayValues('');
+        return this.getFilterDisplayValuesFromCache({ currentSearchValue: '' });
     }
     refresh(params) {
         // No specific refresh logic needed for this handler
         // The filter display values will be reset on new rows loaded or any filter changed
     }
     destroy() {
-        this.filterDisplayValues = null;
+        this.filterDisplayValuesResult = undefined;
     }
 }
 exports.AdaptableFilterHandler = AdaptableFilterHandler;

package/src/agGrid/AgGridColumnAdapter.js

@@ -24,7 +24,7 @@ function getEditorForColumnDataType(columnDataType, variant) {
     if (columnDataType === 'number') {
         return variant === 'react' ? AdaptableNumberEditor_1.AdaptableReactNumberEditor : AdaptableNumberEditor_1.AdaptableNumberEditor;
     }
-    if (columnDataType === 'date' || columnDataType === 'dateString') {
+    if (columnDataType === 'date') {
         return variant === 'react' ? AdaptableDateEditor_1.AdaptableReactDateEditor : AdaptableDateEditor_1.AdaptableDateEditor;
     }
 }
@@ -511,7 +511,10 @@ class AgGridColumnAdapter {
                 : Array.isArray(original_columnType)
                     ? original_columnType
                     : [original_columnType];
-            const columnTypes = new Set(originalTypes);
+            // Adaptable uses type 'date' for all date columns, while AG Grid uses 'date' and 'dateString'
+            // #data_type_dateString
+            let normalisedTypes = originalTypes.map((t) => (t === 'dateString' ? 'date' : t));
+            const columnTypes = new Set(normalisedTypes);
             if (this.adaptableApi.columnApi.isCalculatedColumn(colId)) {
                 columnTypes.add(AdaptableColumn_1.CALCULATED_COLUMN_TYPE);
             }

package/src/agGrid/AgGridExportAdapter.js

@@ -435,7 +435,7 @@ class AgGridExportAdapter {
             return;
         }
         const columnDataType = this.adaptableApi.columnApi.getColumnDataTypeForColumnId(columnId);
-        if ((columnDataType === 'date' || columnDataType === 'dateString') &&
+        if (columnDataType === 'date' &&
             typeof rawValue === 'string' &&
             // rawValue is composed only of digits
             /^\d+$/.test(rawValue)) {
@@ -693,7 +693,6 @@ class AgGridExportAdapter {
             case 'boolean':
                 return 'Boolean';
             case 'date':
-            case 'dateString':
                 return 'DateTime';
             case 'text':
             default:
@@ -823,7 +822,7 @@ class AgGridExportAdapter {
         if (exportContext.isVisualExcelReport) {
             return this.getCellExportValueFromRawValueByType(rowNode, cellRawValue, columnId, 'formattedValue');
         }
-        const isDateColumn = columnDataType === 'date' || columnDataType === 'dateString';
+        const isDateColumn = columnDataType === 'date';
         // 2. if this is a date column and there is a custom export date format provided, that will next take precedence
         if (isDateColumn) {
             const customExportDateFormat = this.getCustomExportDateFormat(column, exportContext);
@@ -881,7 +880,6 @@ class AgGridExportAdapter {
                 case 'number':
                     return dataFormatDataType.number;
                 case 'date':
-                case 'dateString':
                     return dataFormatDataType.date;
                 default:
                     // default to rawValue for all other column types

package/src/agGrid/AgGridModulesAdapter.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AgGridModulesAdapter = exports.AG_GRID_VERSION = void 0;
+const _1 = require(".");
 const ag_grid_enterprise_1 = require("ag-grid-enterprise");
 exports.AG_GRID_VERSION = ag_grid_enterprise_1.AllEnterpriseModule.version;
 class AgGridModulesAdapter {
@@ -45,7 +46,10 @@ class AgGridModulesAdapter {
                 mandatoryModules.push('ServerSideRowModelApiModule');
                 break;
             case 'infinite':
-                mandatoryModules.push('InfiniteRowModelModule');
+                _1.AdaptableLogger.consoleErrorBase("AdapTable does not support AG Grid's Infinite Row Model");
+                break;
+            case 'viewport':
+                mandatoryModules.push('ViewportRowModelModule');
                 break;
             default:
                 mandatoryModules.push('ClientSideRowModelModule');

package/src/agGrid/agGridDataTypeDefinitions.js

@@ -10,7 +10,6 @@ exports.ALL_ADAPTABLE_DATA_TYPES = [
     'number',
     'boolean',
     'date',
-    'dateString',
     'object',
     exports.TEXT_ARRAY_DATA_TYPE,
     exports.NUMBER_ARRAY_DATA_TYPE,
@@ -34,13 +33,7 @@ exports.agGridDataTypeDefinitions = {
         valueFormatter: null,
         suppressDefaultProperties: true,
     },
-    dateString: {
-        baseDataType: 'dateString',
-        extendsDataType: 'dateString',
-        valueParser: null,
-        valueFormatter: null,
-        suppressDefaultProperties: true,
-    },
+    // dateString is force-cast to date in AdapTable, see #data_type_dateString
     // text: is kept as is
     // boolean: is kept as is
     // object: is kept as is

package/src/components/Select/Select.d.ts

@@ -16,6 +16,7 @@ export type SelectProps<SelectValue extends unknown, IsMulti extends boolean = f
     searchable?: false | 'inline' | 'menulist';
     resizable?: boolean;
     isClearable?: boolean;
+    skipDefaultFiltering?: boolean;
     closeMenuOnSelect?: boolean;
     hideSelectedOptions?: boolean;
     showHeaderSelectionCheckbox?: boolean;