@adaptabletools/adaptable 20.0.4 → 20.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable",
-  "version": "20.0.4",
+  "version": "20.0.5",
   "description": "Powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
   "keywords": [
     "web-components",

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

@@ -100,15 +100,43 @@ export const ColumnFilterInput = ({ type, value, onChange: onChangeProp, onClear
         // autoFocus has to be FALSE because if the input receives focus in the init phase,
         // it may scroll the AG Grid header viewport into view and de-synchronize it (relative to the content viewport)
         autoFocus: false, value: liveValue ?? '', onKeyDown: onKeyDown, showClearButton: false, onChange: (e) => {
+            const prevValue = `${liveValue}`;
             const value = e.target.value;
             if (value) {
                 if (type === 'number') {
                     let numericValue = parseFloat(value);
+                    let liveValue = numericValue;
                     if (isNaN(numericValue)) {
                         numericValue = null;
+                        liveValue = null;
+                    }
+                    else {
+                        const prevValueHasSeparator = prevValue.includes('.');
+                        const newValueEndsWithSeparator = value.endsWith('.');
+                        const newValueStartsWithSeparator = value.startsWith('.');
+                        const newValueEndsWithZero = value.endsWith('0');
+                        const separatorCount = (value.match(/[.,]/g) || []).length;
+                        if (prevValueHasSeparator && separatorCount > 1) {
+                            // not a valid number
+                            return;
+                        }
+                        if (newValueEndsWithSeparator) {
+                            const valueWithoutLastChar = value.slice(0, -1);
+                            if (numericValue === parseFloat(valueWithoutLastChar)) {
+                                liveValue = value;
+                            }
+                        }
+                        if (newValueEndsWithZero) {
+                            liveValue = value;
+                        }
+                        if (newValueStartsWithSeparator) {
+                            if (numericValue === parseFloat('0' + value)) {
+                                liveValue = value;
+                            }
+                        }
                     }
                     onChange(numericValue);
-                    setLiveValue(numericValue);
+                    setLiveValue(liveValue);
                 }
                 else {
                     onChange(value);

package/src/agGrid/FilterWrapper.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { AdaptableColumnFilter } from '../View/Components/ColumnFilter/AdaptableColumnFilter';
 import { renderWithAdaptableContext } from '../View/renderWithAdaptableContext';
+import { getAgGridFilterNotifyModelFn } from './getAgGridFilterNotifyModelFn';
 export const FilterWrapperFactory = (adaptable) => {
     function isFilterActive(colId) {
         // we need this here
@@ -108,14 +109,15 @@ export const FilterWrapperFactory = (adaptable) => {
             this.unmountReactRoot?.();
             const columnId = this.column.getColId();
             let column = adaptable.api.columnApi.getColumnWithColumnId(columnId);
-            // for whatever reason, it works without this
-            // const notifyModel = getNotifyModel(colId, this.params.filterChangedCallback);
+            function getNotifyModel(colId, onModelChange) {
+                return getAgGridFilterNotifyModelFn(adaptable.api, colId, onModelChange);
+            }
+            const notifyModel = getNotifyModel(columnId, this.params.filterChangedCallback);
             if (column) {
                 this.unmountReactRoot = adaptable.renderReactRoot(renderWithAdaptableContext(React.createElement(AdaptableColumnFilter, {
                     columnId,
                     wrapperProps: { p: 2 },
-                    // for whatever reason, it works without this
-                    // onChange: notifyModel,
+                    onChange: notifyModel,
                 }), adaptable), 
                 // AdaptableColumnFilter(filterProps),
                 this.filterContainer);

package/src/env.js

@@ -1,5 +1,5 @@
 export default {
     NEXT_PUBLIC_INFINITE_TABLE_LICENSE_KEY: "StartDate=2021-06-29|EndDate=2030-01-01|Owner=Adaptable|Type=distribution|TS=1624971462479|C=137829811,1004007071,2756196225,1839832928,3994409405,636616862" || '',
-    PUBLISH_TIMESTAMP: 1744726345600 || Date.now(),
-    VERSION: "20.0.4" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1744964803967 || Date.now(),
+    VERSION: "20.0.5" || '--current-version--',
 };