@zeedhi/teknisa-components-common 1.65.0 → 1.67.0

package/dist/tek-components-common.umd.js

@@ -917,9 +917,23 @@
       }
       createFilterFromColumns() {
           if (!this.filterModal) {
+              const originalProps = {
+                  height: 'auto',
+                  persistent: true,
+                  title: 'FILTER',
+              };
+              const mergeModalFilterProps = Object.assign(originalProps, this.grid.modalFilterProps);
               const filterModalDef = {
                   name: `${this.grid.name}-filter-modal`,
-                  persistent: true,
+                  persistent: mergeModalFilterProps.persistent,
+                  grid: mergeModalFilterProps.grid,
+                  cssClass: mergeModalFilterProps.cssClass,
+                  cssStyle: mergeModalFilterProps.cssStyle,
+                  draggable: mergeModalFilterProps.draggable,
+                  dragHandle: mergeModalFilterProps.dragHandle,
+                  fullscreen: mergeModalFilterProps.fullscreen,
+                  light: mergeModalFilterProps.light,
+                  dark: mergeModalFilterProps.dark,
                   children: [
                       {
                           name: `${this.grid.name}-filter-header-container`,
@@ -936,7 +950,7 @@
                                       {
                                           name: `${this.grid.name}-filter-title`,
                                           component: 'ZdText',
-                                          text: 'FILTER',
+                                          text: `${mergeModalFilterProps.title}`,
                                           tag: 'h3',
                                       },
                                   ],
@@ -957,6 +971,7 @@
                           scrollView: true,
                           cssClass: 'zd-my-2 zd-pa-0',
                           maxHeight: '18.75rem',
+                          height: this.grid.modalFilterProps.height,
                           children: [
                               {
                                   name: `${this.grid.name}-filter-form`,
@@ -1458,6 +1473,9 @@
       get showFilterButton() {
           return this.grid.filterButton;
       }
+      get showModalFilterProps() {
+          return this.grid.modalFilterProps;
+      }
       get showSearchInput() {
           return this.grid.showSearch;
       }
@@ -1465,8 +1483,12 @@
           return this.grid.showReload;
       }
       get showDivider2() {
-          return this.showReloadButton && (this.showLayoutOptionsButton || this.showColumnsButton
-              || this.showActionsButton || this.showExportButton || this.showSearchInput);
+          return (this.showReloadButton
+              && (this.showLayoutOptionsButton
+                  || this.showColumnsButton
+                  || this.showActionsButton
+                  || this.showExportButton
+                  || this.showSearchInput));
       }
       get showColumnsButton() {
           return this.grid.columnsButton;
@@ -1478,8 +1500,13 @@
           return this.grid.showLayoutOptions;
       }
       get showDivider1() {
-          return (this.showAddButton || this.showDeleteButton) && (this.showReloadButton || this.showLayoutOptionsButton || this.showColumnsButton
-              || this.showActionsButton || this.showExportButton || this.showSearchInput);
+          return ((this.showAddButton || this.showDeleteButton)
+              && (this.showReloadButton
+                  || this.showLayoutOptionsButton
+                  || this.showColumnsButton
+                  || this.showActionsButton
+                  || this.showExportButton
+                  || this.showSearchInput));
       }
       get showActionsButton() {
           return this.grid.actions.length > 0;
@@ -1488,10 +1515,11 @@
           return this.grid.showExport;
       }
       get showActionAndExportButton() {
-          return (this.showLayoutOptionsButton || this.showColumnsButton) && (this.showActionsButton || this.showExportButton || this.showSearchInput);
+          return ((this.showLayoutOptionsButton || this.showColumnsButton)
+              && (this.showActionsButton || this.showExportButton || this.showSearchInput));
       }
       get showDivider3() {
-          return (this.showActionsButton || this.showExportButton) && this.showSearchInput;
+          return ((this.showActionsButton || this.showExportButton) && this.showSearchInput);
       }
       get isEditing() {
           return this.grid.editing;
@@ -1500,8 +1528,10 @@
           return !this.isEditing;
       }
       get disableDeleteButton() {
-          return !((this.grid.deleteButton === 'selection' && this.grid.selectedRows.length > 0)
-              || (this.grid.deleteButton === 'currentRow' && this.grid.datasource.currentRow[this.grid.datasource.uniqueKey]));
+          return !((this.grid.deleteButton === 'selection'
+              && this.grid.selectedRows.length > 0)
+              || (this.grid.deleteButton === 'currentRow'
+                  && this.grid.datasource.currentRow[this.grid.datasource.uniqueKey]));
       }
   }
 
@@ -2174,6 +2204,18 @@
            * @public
            */
           this.showLayoutOptions = true;
+          this.modalFilterProps = {
+              name: this.name,
+              height: 'auto',
+              persistent: true,
+              cssClass: '',
+              cssStyle: '',
+              dark: false,
+              draggable: false,
+              fullscreen: false,
+              dragHandle: '',
+              title: 'FILTER',
+          };
           /**
            * Show export button
            */
@@ -2192,15 +2234,21 @@
               },
               {
                   type: 'xls',
-                  label: core.I18n.translate('TEKGRID_EXPORT_AS', { type: `XLS ${core.I18n.translate('TEKGRID_WITHOUT_GROUPS')}` }),
+                  label: core.I18n.translate('TEKGRID_EXPORT_AS', {
+                      type: `XLS ${core.I18n.translate('TEKGRID_WITHOUT_GROUPS')}`,
+                  }),
               },
               {
                   type: 'xls2',
-                  label: core.I18n.translate('TEKGRID_EXPORT_AS', { type: `XLS ${core.I18n.translate('TEKGRID_WITH_GROUPS')}` }),
+                  label: core.I18n.translate('TEKGRID_EXPORT_AS', {
+                      type: `XLS ${core.I18n.translate('TEKGRID_WITH_GROUPS')}`,
+                  }),
               },
               {
                   type: 'xls3',
-                  label: core.I18n.translate('TEKGRID_EXPORT_AS', { type: `XLS ${core.I18n.translate('TEKGRID_GRID_MIRROR')}` }),
+                  label: core.I18n.translate('TEKGRID_EXPORT_AS', {
+                      type: `XLS ${core.I18n.translate('TEKGRID_GRID_MIRROR')}`,
+                  }),
               },
               {
                   type: 'csv',
@@ -2239,6 +2287,7 @@
           this.showExport = this.getInitValue('showExport', props.showExport, this.showExport);
           this.showReload = this.getInitValue('showReload', props.showReload, this.showReload);
           this.exportConfig = this.getInitValue('exportConfig', props.exportConfig, this.exportConfig);
+          this.modalFilterProps = this.getInitValue('modalFilterProps', props.modalFilterProps, this.modalFilterProps);
           this.exportActions = props.exportActions || this.exportActions;
           this.groupsOpened = this.getInitValue('groupsOpened', props.groupsOpened, this.groupsOpened);
           this.showSummaryTotal = this.getInitValue('showSummaryTotal', props.showSummaryTotal, this.showSummaryTotal);
@@ -2324,14 +2373,17 @@
           return columns.map((column) => new TekGridColumn(column, this));
       }
       columnHasFilterData(column) {
-          if (this.datasource instanceof TekRestDatasource || this.datasource instanceof TekMemoryDatasource) {
+          if (this.datasource instanceof TekRestDatasource
+              || this.datasource instanceof TekMemoryDatasource) {
               const dynamicFilter = this.datasource.dynamicFilter[column.name];
               return dynamicFilter && dynamicFilter.length > 0;
           }
           return this.datasource.filter[column.name];
       }
       buildReportGroups() {
-          return this.columns.filter((column) => column.grouped).map((column) => ({
+          return this.columns
+              .filter((column) => column.grouped)
+              .map((column) => ({
               field: column.name,
               header: {
                   displayfield: column.name,
@@ -2342,7 +2394,9 @@
       }
       buildReportAggregations() {
           const aggregations = {};
-          this.columns.filter((column) => column.aggregation).forEach((column) => {
+          this.columns
+              .filter((column) => column.aggregation)
+              .forEach((column) => {
               aggregations[column.name] = { expression: column.aggregation };
           });
           return aggregations;
@@ -2353,7 +2407,8 @@
               const reportGroups = this.buildReportGroups();
               const reportAggregations = this.buildReportAggregations();
               let filter;
-              if (this.datasource instanceof TekRestDatasource || this.datasource instanceof TekMemoryDatasource) {
+              if (this.datasource instanceof TekRestDatasource
+                  || this.datasource instanceof TekMemoryDatasource) {
                   const dynamicFilter = Object.assign({}, this.datasource.dynamicFilter);
                   const formatFilter = (name) => __awaiter(this, void 0, void 0, function* () {
                       let column;
@@ -2391,13 +2446,15 @@
               if (typeof this.events.beforeOpenReport === 'function') {
                   beforeOpen = this.events.beforeOpenReport;
               }
-              return report.getReport(type, portrait, {
+              return report
+                  .getReport(type, portrait, {
                   metaData: merge__default["default"](rowObj, {
                       filter,
                       groups: reportGroups,
                       columns: reportAggregations,
                   }),
-              }, beforeOpen).then((reportUrl) => window.open(reportUrl));
+              }, beforeOpen)
+                  .then((reportUrl) => window.open(reportUrl));
           });
       }
       initGrouping(lazyLoad) {
@@ -2412,7 +2469,8 @@
       buildGetFunction(originalGet) {
           return () => __awaiter(this, void 0, void 0, function* () {
               return originalGet.call(this.datasource).then((data) => {
-                  if (this.groupColumns.length || (this.showSummaryTotal && this.summaryColumns.length)) {
+                  if (this.groupColumns.length
+                      || (this.showSummaryTotal && this.summaryColumns.length)) {
                       this.buildGroupedData();
                   }
                   return data;
@@ -2424,7 +2482,8 @@
               this.groupedData = [];
               this.groupColumns = this.columns.filter((column) => column.grouped);
               this.groupColumnNames = this.groupColumns.map((column) => column.name);
-              if (this.groupColumns.length || (this.showSummaryTotal && this.summaryColumns.length)) {
+              if (this.groupColumns.length
+                  || (this.showSummaryTotal && this.summaryColumns.length)) {
                   if (this.groupColumns.length) {
                       const groupOrderColumns = this.groupColumnNames.map((column) => `${column}.asc`);
                       const otherOrderColumns = this.datasource.order.filter((column) => this.groupColumnNames.indexOf(column.split('.')[0]) === -1);
@@ -2472,7 +2531,9 @@
               this.groups.forEach((group) => {
                   group.lastGroupHeaderRow.children.push(row);
               });
-              this.groupedData.push(Object.assign(Object.assign({}, row), { groupHeaders: this.groups.map((group) => group.lastGroupHeaderRow).filter(Boolean) }));
+              this.groupedData.push(Object.assign(Object.assign({}, row), { groupHeaders: this.groups
+                      .map((group) => group.lastGroupHeaderRow)
+                      .filter(Boolean) }));
               this.calcSummary(row);
           });
           if (this.groupedData.length > 0) {
@@ -2608,7 +2669,8 @@
               else if (aggregation === 'MIN') {
                   summaryData[column.name] = currentGroup.min;
               }
-              else { // if (aggregation === 'MAX') {
+              else {
+                  // if (aggregation === 'MAX') {
                   summaryData[column.name] = currentGroup.max;
               }
           });
@@ -2620,9 +2682,9 @@
               this.viewUpdateScrollData();
       }
       isItemVisible(row) {
-          return !row.groupHeaders
+          return (!row.groupHeaders
               || !row.groupHeaders.length
-              || row.groupHeaders.every((group) => group.groupOpened);
+              || row.groupHeaders.every((group) => group.groupOpened));
       }
       getGroupValue(group, row) {
           const groupColumn = this.getColumn(group.column.name);
@@ -2647,7 +2709,8 @@
           });
       }
       isGrouped() {
-          return this.groupColumnNames.length || (this.showSummaryTotal && this.summaryColumns.length);
+          return (this.groupColumnNames.length
+              || (this.showSummaryTotal && this.summaryColumns.length));
       }
       navigateDown(params) {
           if (!this.isGrouped()) {
@@ -2658,12 +2721,14 @@
               if (!this.groupedData.length || index === this.groupedData.length)
                   return;
               const { uniqueKey, currentRow } = this.datasource;
-              const rowIndex = index !== undefined ? index : this.groupedData.findIndex((row) => {
-                  if (currentRow.group) {
-                      return row.group && row.groupValue === currentRow.groupValue;
-                  }
-                  return row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey];
-              });
+              const rowIndex = index !== undefined
+                  ? index
+                  : this.groupedData.findIndex((row) => {
+                      if (currentRow.group) {
+                          return row.group && row.groupValue === currentRow.groupValue;
+                      }
+                      return row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey];
+                  });
               const newRow = this.groupedData[rowIndex + 1];
               if (newRow && this.isItemVisible(newRow) && !newRow.groupFooter) {
                   this.datasource.currentRow = newRow;
@@ -2683,12 +2748,14 @@
                   return;
               const { uniqueKey, currentRow } = this.datasource;
               let rowIndex;
-              rowIndex = index !== undefined ? index : this.groupedData.findIndex((row) => {
-                  if (currentRow.group) {
-                      return row.group && row.groupValue === currentRow.groupValue;
-                  }
-                  return row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey];
-              });
+              rowIndex = index !== undefined
+                  ? index
+                  : this.groupedData.findIndex((row) => {
+                      if (currentRow.group) {
+                          return row.group && row.groupValue === currentRow.groupValue;
+                      }
+                      return row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey];
+                  });
               if (rowIndex === -1)
                   rowIndex = this.groupedData.length;
               const newRow = this.groupedData[rowIndex - 1];
@@ -2726,7 +2793,11 @@
           if (!this.preventRowClick) {
               this.datasource.currentRow = row;
               this.callEvent('rowClick', {
-                  event, element, row, component: this, column: undefined,
+                  event,
+                  element,
+                  row,
+                  component: this,
+                  column: undefined,
               });
           }
           this.preventRowClick = false;
@@ -2740,7 +2811,11 @@
       groupRowClick(row, event, element) {
           if (!this.preventRowClick) {
               this.callEvent('groupRowClick', {
-                  event, element, row, component: this, column: undefined,
+                  event,
+                  element,
+                  row,
+                  component: this,
+                  column: undefined,
               });
           }
           this.preventRowClick = false;
@@ -2755,12 +2830,20 @@
       selectGroupClick(row, isSelected, event, element) {
           if (isSelected) {
               this.callEvent('groupSelected', {
-                  event, element, row, component: this, column: undefined,
+                  event,
+                  element,
+                  row,
+                  component: this,
+                  column: undefined,
               });
           }
           else {
               this.callEvent('groupUnselected', {
-                  event, element, row, component: this, column: undefined,
+                  event,
+                  element,
+                  row,
+                  component: this,
+                  column: undefined,
               });
           }
       }
@@ -3025,6 +3108,19 @@
           this.actions = [];
           /* Show Filter button */
           this.filterButton = false;
+          /* Define modal filter props */
+          this.modalFilterProps = {
+              name: this.name,
+              height: 'auto',
+              persistent: true,
+              cssClass: '',
+              cssStyle: '',
+              dark: false,
+              draggable: false,
+              fullscreen: false,
+              dragHandle: '',
+              title: 'FILTER',
+          };
           /* Show search Input */
           this.showSearch = true;
           /* Show Column Filter button */
@@ -3118,7 +3214,8 @@
           return columns.map((column) => new TekGridColumn(column, this));
       }
       columnHasFilterData(column) {
-          if (this.datasource instanceof TekRestDatasource || this.datasource instanceof TekMemoryDatasource) {
+          if (this.datasource instanceof TekRestDatasource
+              || this.datasource instanceof TekMemoryDatasource) {
               const dynamicFilter = this.datasource.dynamicFilter[column.name];
               return dynamicFilter && dynamicFilter.length > 0;
           }
@@ -3130,7 +3227,8 @@
               const reportGroups = {};
               const reportAggregations = {};
               let filter;
-              if (this.datasource instanceof TekRestDatasource || this.datasource instanceof TekMemoryDatasource) {
+              if (this.datasource instanceof TekRestDatasource
+                  || this.datasource instanceof TekMemoryDatasource) {
                   const reportFilter = new ReportFilter(this.datasource.dynamicFilter);
                   filter = reportFilter.build();
               }
@@ -3138,13 +3236,15 @@
               if (typeof this.events.beforeOpenReport === 'function') {
                   beforeOpen = this.events.beforeOpenReport;
               }
-              return report.getReport(type, portrait, {
+              return report
+                  .getReport(type, portrait, {
                   metaData: merge__default["default"](rowObj, {
                       filter,
                       groups: reportGroups,
                       columns: reportAggregations,
                   }),
-              }, beforeOpen).then((reportUrl) => window.open(reportUrl));
+              }, beforeOpen)
+                  .then((reportUrl) => window.open(reportUrl));
           });
       }
       setSearch(search) {
@@ -3162,7 +3262,11 @@
           if (!this.preventRowClick) {
               this.datasource.currentRow = row;
               this.callEvent('rowClick', {
-                  event, element, row, component: this, column: undefined,
+                  event,
+                  element,
+                  row,
+                  component: this,
+                  column: undefined,
               });
           }
           this.preventRowClick = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/teknisa-components-common",
-  "version": "1.65.0",
+  "version": "1.67.0",
   "description": "Teknisa Components Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -31,5 +31,5 @@
   "peerDependencies": {
     "@zeedhi/core": "*"
   },
-  "gitHead": "83d40038a8a18ce4f1a59b888aa42b97d6f70cc6"
+  "gitHead": "4863f15b5b39b27f3a62e32c666a20e081997690"
 }

package/tests/unit/components/tek-grid/grid.spec.ts

@@ -44,6 +44,12 @@ describe('TekGrid', () => {
       expect(instance.addButton).toBeFalsy();
       expect(instance.deleteButton).toBe('none');
       expect(instance.filterButton).toBeFalsy();
+      expect(instance.modalFilterProps).toEqual(
+        expect.objectContaining({
+          height: 'auto',
+          persistent: true,
+        }),
+      );
       expect(instance.columnFilterButton).toBeFalsy();
       expect(instance.dragColumns).toBeTruthy();
       expect(instance.resizeColumns).toBeTruthy();
@@ -63,6 +69,17 @@ describe('TekGrid', () => {
         addButton: true,
         deleteButton: 'selection',
         filterButton: true,
+        modalFilterProps: {
+          name: 'teste',
+          height: 'auto',
+          persistent: false,
+          cssClass: 'class-test',
+          cssStyle: 'background: red',
+          draggable: true,
+          fullscreen: true,
+          light: false,
+          dark: true,
+        },
         columnFilterButton: true,
         dragColumns: false,
         resizeColumns: false,
@@ -80,6 +97,12 @@ describe('TekGrid', () => {
       expect(instance.addButton).toBeTruthy();
       expect(instance.deleteButton).toBe('selection');
       expect(instance.filterButton).toBeTruthy();
+      expect(instance.modalFilterProps).toEqual(
+        expect.objectContaining({
+          height: 'auto',
+          persistent: false,
+        }),
+      );
       expect(instance.columnFilterButton).toBeTruthy();
       expect(instance.dragColumns).toBeFalsy();
       expect(instance.resizeColumns).toBeFalsy();

package/tests/unit/utils/grid-base/grid-controller.spec.ts

@@ -14,6 +14,11 @@ describe('GridController', () => {
         deleteButton: 'currentRow',
         filterButton: true,
         columnsButton: true,
+        modalFilterProps: {
+          name: 'name',
+          height: 'auto',
+          persistent: true,
+        },
         showExport: true,
         showLayoutOptionsButton: true,
         showReloadButton: true,
@@ -39,6 +44,12 @@ describe('GridController', () => {
       expect(instance.isEditing).toBeFalsy();
       expect(instance.isNotEditing).toBeTruthy();
       expect(instance.disableDeleteButton).toBeTruthy();
+      expect(instance.showModalFilterProps).toEqual(
+        expect.objectContaining({
+          height: 'auto',
+          persistent: true,
+        }),
+      );
 
       grid.datasource.currentRow = { id: '1' };
       expect(instance.disableDeleteButton).toBeFalsy();

package/types/components/tek-grid/grid.d.ts

@@ -2,7 +2,7 @@ import { GridEditable, IComponentRender } from '@zeedhi/common';
 import { Datasource, IDictionary } from '@zeedhi/core';
 import { ITekGridAtoms } from '../../utils';
 import { TekGridColumn } from './grid-column';
-import { ITekGrid, ITekGridColumn, ITekGridEvents, ITekGridExportConfig } from './interfaces';
+import { ITekGrid, ITekGridColumn, ITekGridEvents, ITekGridExportConfig, IModalFilterProps } from './interfaces';
 import { TekGridLayoutOptions } from './layout-options';
 export declare class TekGrid extends GridEditable implements ITekGrid {
     title: string;
@@ -35,6 +35,7 @@ export declare class TekGrid extends GridEditable implements ITekGrid {
      * Editable columns
      */
     columns: TekGridColumn[];
+    modalFilterProps: IModalFilterProps;
     /**
      * Show export button
      */

package/types/components/tek-grid/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { IBeforeReportEvent, IComponent, IComponentEvents, IComponentRender, IGridColumnEditable, IGridEditable, IIterableColumnsButton, EventDef } from '@zeedhi/common';
+import { IBeforeReportEvent, IComponent, IComponentEvents, IComponentRender, IGridColumnEditable, IGridEditable, IIterableColumnsButton, EventDef, IModal } from '@zeedhi/common';
 import { IDictionary, IEvent, IEventParam, IDateHelperValue, IDateHelperValues } from '@zeedhi/core';
 import { IDynamicFilterItem, TekGridLayoutOptions } from '..';
 export interface ITekGridLayoutEventParams extends IEventParam<ITekGrid> {
@@ -39,6 +39,7 @@ export interface ITekGrid extends IGridEditable {
     deleteButton?: 'none' | 'currentRow' | 'selection';
     events?: ITekGridEvents;
     filterButton?: boolean;
+    modalFilterProps?: IModalFilterProps;
     showSearch?: boolean;
     showLayoutOptions?: boolean;
     title?: string;
@@ -144,3 +145,6 @@ export interface ITekFilterHelperValue extends IDateHelperValue {
 }
 export interface ITekFilterHelperValues extends IDateHelperValues {
 }
+export interface IModalFilterProps extends IModal {
+    height: string;
+}

package/types/components/tek-tree-grid/interfaces.d.ts

@@ -1,5 +1,5 @@
 import { IComponentRender, ITreeGridEditable } from '@zeedhi/common';
-import { ITekGridColumn, ITekGridEvents, ITekGridExportConfig, TekGridLayoutOptions } from '..';
+import { ITekGridColumn, ITekGridEvents, ITekGridExportConfig, TekGridLayoutOptions, IModalFilterProps } from '..';
 export interface ITekTreeGrid extends ITreeGridEditable {
     actions?: IComponentRender[];
     addButton?: boolean;
@@ -10,6 +10,7 @@ export interface ITekTreeGrid extends ITreeGridEditable {
     deleteButton?: 'none' | 'currentRow' | 'selection';
     events?: ITekGridEvents;
     filterButton?: boolean;
+    modalFilterProps?: IModalFilterProps;
     showSearch?: boolean;
     showLayoutOptions?: boolean;
     title?: string;

package/types/components/tek-tree-grid/tree-grid.d.ts

@@ -2,7 +2,7 @@ import { IComponentRender, TreeGridEditable } from '@zeedhi/common';
 import { Datasource, IDictionary } from '@zeedhi/core';
 import { ITekGridAtoms } from '../../utils';
 import { TekGridColumn } from '../tek-grid/grid-column';
-import { ITekGridColumn, ITekGridEvents, ITekGridExportConfig } from '../tek-grid/interfaces';
+import { IModalFilterProps, ITekGridColumn, ITekGridEvents, ITekGridExportConfig } from '../tek-grid/interfaces';
 import { ITekTreeGrid } from './interfaces';
 import { TekGridLayoutOptions } from '..';
 export declare class TekTreeGrid extends TreeGridEditable implements ITekTreeGrid {
@@ -11,6 +11,7 @@ export declare class TekTreeGrid extends TreeGridEditable implements ITekTreeGri
     deleteButton: 'none' | 'currentRow' | 'selection';
     actions: IComponentRender[];
     filterButton: boolean;
+    modalFilterProps: IModalFilterProps;
     showSearch?: boolean;
     columnFilterButton: boolean;
     columnsButton: boolean;

package/types/utils/grid-base/grid-controller.d.ts

@@ -7,6 +7,7 @@ export declare class GridController {
     get showAddButton(): boolean;
     get showDeleteButton(): boolean;
     get showFilterButton(): boolean;
+    get showModalFilterProps(): import("../..").IModalFilterProps;
     get showSearchInput(): boolean | undefined;
     get showReloadButton(): boolean;
     get showDivider2(): boolean | undefined;