@adaptabletools/adaptable 15.0.0-canary.8 → 15.0.1

package/package.json

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

package/publishTimestamp.d.ts

@@ -1,2 +1,2 @@
-declare const _default: 1676638781056;
+declare const _default: 1676907692180;
 export default _default;

package/publishTimestamp.js

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

package/src/AdaptableOptions/FilterOptions.d.ts

@@ -181,4 +181,9 @@ export interface FilterOptions<TData = any> {
      * Shortcut Keys to activate a Quick Filter Predicate
      */
     quickFilterWildcards?: Partial<Record<SystemAlertPredicateId, string[]>>;
+    /**
+     * Time to wait before applying the Filter after entering a value
+     * @defaultValue 250
+     */
+    quickFilterDebounce?: number;
 }

package/src/Api/Implementation/GridApiImpl.js

@@ -109,7 +109,7 @@ class GridApiImpl extends ApiBase_1.ApiBase {
     }
     getColumnSortForColumn(columnId) {
         let columnSorts = this.getColumnSorts();
-        return columnSorts.find((cs) => cs.ColumnId == columnId);
+        return columnSorts === null || columnSorts === void 0 ? void 0 : columnSorts.find((cs) => cs.ColumnId == columnId);
     }
     setAdaptableSorting(columnSorts) {
         this.adaptable.setColumnSort(columnSorts);

package/src/Utilities/Defaults/DefaultAdaptableOptions.js

@@ -213,6 +213,7 @@ exports.DefaultAdaptableOptions = {
         showClearFilterButton: false,
         showSuspendFilterButton: false,
         quickFilterWildcards: {},
+        quickFilterDebounce: 250,
     },
     searchOptions: {
         excludeColumnFromQuickSearch: undefined,

package/src/View/Components/FilterForm/QuickFilterForm.js

@@ -23,7 +23,9 @@ const date_fns_1 = require("date-fns");
 const LayoutRedux_1 = require("../../../Redux/ActionsReducers/LayoutRedux");
 const AdaptableIconComponent_1 = require("../../../components/AdaptableIconComponent");
 class QuickFilterFormComponent extends React.Component {
+    //private debounceTime =
     constructor(props) {
+        var _a, _b;
         super(props);
         this._isMounted = false;
         this.handleFilterChange = (filter) => {
@@ -41,8 +43,8 @@ class QuickFilterFormComponent extends React.Component {
                 });
             }
         };
-        this.debouncedAddFilter = (0, debounce_1.default)(() => this.props.onAddColumnFilter(this.state.filter), 250);
-        this.debouncedEditFilter = (0, debounce_1.default)(() => this.props.onEditColumnFilter(this.state.filter), 250);
+        this.debouncedAddFilter = (0, debounce_1.default)(() => this.props.onAddColumnFilter(this.state.filter), (_a = this.props.api.optionsApi.getFilterOptions()) === null || _a === void 0 ? void 0 : _a.quickFilterDebounce);
+        this.debouncedEditFilter = (0, debounce_1.default)(() => this.props.onEditColumnFilter(this.state.filter), (_b = this.props.api.optionsApi.getFilterOptions()) === null || _b === void 0 ? void 0 : _b.quickFilterDebounce);
         this.debouncedLoadPermittedValues = (0, debounce_1.default)(() => this.loadPermittedValues(), 500);
         const filter = this.getFilterFromProps();
         this._isMounted = true;

package/src/agGrid/Adaptable.js

@@ -4333,33 +4333,33 @@ class Adaptable {
             el.classList.remove(`infinite-${theme.Name}`);
         });
         // VARIANT
-        let vairantTheme = '';
+        let variantTheme = '';
         if (!isSystemTheme && themeObject.Variant) {
-            vairantTheme = themeObject.Variant;
+            variantTheme = themeObject.Variant;
         }
         // APPLY NEW THEME
         const newTheme = allThemesMap[themeName];
         const getClassName = (theme) => GeneralConstants.THEME_STYLE + theme;
         el.classList.add(getClassName(themeName));
-        if (vairantTheme) {
-            el.classList.add(getClassName(vairantTheme));
+        if (variantTheme) {
+            el.classList.add(getClassName(variantTheme));
         }
         if (isSystemTheme) {
             // add infinite table classname for theme
             el.classList.add(`infinite-${themeName}`);
         }
-        else if (vairantTheme) {
-            el.classList.add(`infinite-${vairantTheme}`);
+        else if (variantTheme) {
+            el.classList.add(`infinite-${variantTheme}`);
         }
         // AG THEME CLASS NAME
         const container = this.getAgGridContainerElement();
         const getAgGridLightThemeName = () => this.getAgGridLightThemeName();
         const getAgGridDarkThemeName = () => getAgGridLightThemeName() + '-dark';
-        if (newTheme && (isSystemTheme || vairantTheme)) {
-            if ((vairantTheme !== null && vairantTheme !== void 0 ? vairantTheme : themeName) === GeneralConstants_1.LIGHT_THEME) {
+        if (newTheme && (isSystemTheme || variantTheme)) {
+            if ((variantTheme || themeName) === GeneralConstants_1.LIGHT_THEME) {
                 newTheme.AgGridClassName = newTheme.AgGridClassName || getAgGridLightThemeName();
             }
-            if ((vairantTheme !== null && vairantTheme !== void 0 ? vairantTheme : themeName) === GeneralConstants_1.DARK_THEME) {
+            if ((variantTheme || themeName) === GeneralConstants_1.DARK_THEME) {
                 newTheme.AgGridClassName = newTheme.AgGridClassName || getAgGridDarkThemeName();
             }
         }