@zeedhi/teknisa-components-common 1.95.0 → 1.96.1

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

@@ -1,5 +1,5 @@
-import { KeyMap, I18n, FormatterParserProvider, Messages, DatasourceFactory, Metadata, MemoryDatasource, URL, Utils, RestDatasource, Loader, DateHelper, Config, Http, Singleton, VersionService } from '@zeedhi/core';
-import { Form, Button, Tooltip, GridEditable, Grid, ComponentRender, Iterable, Carousel, IterableComponentRender as IterableComponentRender$1, Loading as Loading$1, GridColumnEditable, Report, ColumnNotFoundError, IterableColumnsButtonController, IterableColumnsButton, ModalService, TreeGridEditable, List } from '@zeedhi/common';
+import { KeyMap, I18n, FormatterParserProvider, Messages, DatasourceFactory, Metadata, MemoryDatasource, URL, Utils, RestDatasource, Config, Loader, DateHelper, Http, Singleton, VersionService } from '@zeedhi/core';
+import { Form, Button, Tooltip, GridEditable, Grid, ComponentRender, Iterable, Carousel, IterableComponentRender as IterableComponentRender$1, Loading as Loading$1, GridColumnEditable, Report, ColumnNotFoundError, IterableColumnsButtonController, IterableColumnsButton, ModalService, SelectMultiple, TreeGridEditable, List } from '@zeedhi/common';
 import debounce from 'lodash.debounce';
 import merge from 'lodash.merge';
 import { UserInfo } from '@zeedhi/zd-user-info-common';
@@ -1032,6 +1032,7 @@ class GridBase {
                         component: 'TekGridFilterButton',
                         grid: this.grid,
                         gridName: this.grid.name,
+                        showCheckboxAll: this.grid.showCheckboxAllFilter,
                         isVisible: `{{GridController_${this.grid.componentId}.showFilterButton}}`,
                         events: {
                             onCreated: this.loadFilterButton.bind(this),
@@ -1226,7 +1227,7 @@ Messages.add({
             TEKGRID_CONTAINS: 'contains',
             TEKGRID_NOT_CONTAINS: 'does not contain',
             TEKGRID_EQUALS: 'is equal to',
-            TEKGRID_NOT_EQUALS: 'is differente from',
+            TEKGRID_NOT_EQUALS: 'is different from',
             TEKGRID_GREATER_THAN: 'is greater than',
             TEKGRID_LESS_THAN: 'is less than',
             TEKGRID_GREATER_THAN_EQUALS: 'is greater or equals to',
@@ -2220,6 +2221,7 @@ class TekGrid extends GridEditable {
         this.groupedData = [];
         this.toolbarSlotProps = false;
         this.editNewRowsOnly = false;
+        this.showCheckboxAllFilter = Config.gridShowCheckboxAllFilter || false;
         this.defaultLazy = false;
         this.groups = [];
         this.summary = {};
@@ -2250,6 +2252,7 @@ class TekGrid extends GridEditable {
         this.exportActions = props.exportActions || this.exportActions;
         this.groupsOpened = this.getInitValue('groupsOpened', props.groupsOpened, this.groupsOpened);
         this.showSummaryTotal = this.getInitValue('showSummaryTotal', props.showSummaryTotal, this.showSummaryTotal);
+        this.showCheckboxAllFilter = this.getInitValue('showCheckboxAllFilter', props.showCheckboxAllFilter, this.showCheckboxAllFilter);
         this.editNewRowsOnly = this.getInitValue('editNewRowsOnly', props.editNewRowsOnly, this.editNewRowsOnly);
         this.mainGrid = this.getInitValue('mainGrid', props.mainGrid, this.mainGrid);
         this.actions = props.actions || this.actions;
@@ -2426,9 +2429,9 @@ class TekGrid extends GridEditable {
      */
     loadAfterTasks() {
         return __awaiter(this, void 0, void 0, function* () {
-            yield Promise.all(this.tasksBeforeLoad);
+            Promise.all(this.tasksBeforeLoad.map((promise) => promise.catch(() => undefined)));
             this.tasksBeforeLoad = [];
-            this.request();
+            return this.request();
         });
     }
     initGrouping(lazyLoad) {
@@ -2453,6 +2456,7 @@ class TekGrid extends GridEditable {
     }
     updateGroupedData(lazyLoad) {
         return __awaiter(this, void 0, void 0, function* () {
+            this.initSummaryColumns();
             this.groupedData = [];
             this.groupColumns = this.columns.filter((column) => column.grouped);
             this.groupColumnNames = this.groupColumns.map((column) => column.name);
@@ -2759,7 +2763,7 @@ class TekGrid extends GridEditable {
         }
         this.datasource.currentRow = newRow;
     }
-    directionalLeft() {
+    directionalLeft(params) {
         var _a;
         const { currentRow } = this.datasource;
         if (currentRow.group && currentRow.groupOpened) {
@@ -2770,15 +2774,15 @@ class TekGrid extends GridEditable {
             this.datasource.currentRow = currentRow.groupHeaders[currentRow.groupHeaders.length - 1];
             return;
         }
-        this.navigateLeft();
+        this.navigateLeft(params);
     }
-    directionalRight() {
+    directionalRight(params) {
         const { currentRow } = this.datasource;
         if (currentRow.group && !currentRow.groupOpened) {
             currentRow.groupOpened = true;
             return;
         }
-        this.navigateRight();
+        this.navigateRight(params);
     }
     /**
      * Dispatches row click event
@@ -2924,9 +2928,11 @@ class TekFilterHelper {
 class TekGridFilterButton extends Button {
     constructor(props) {
         super(props);
+        this.showCheckboxAll = false;
         this.filterFormInputs = {};
         this.gridName = this.getInitValue('gridName', props.gridName, this.gridName);
         this.grid = this.getInitValue('grid', props.grid, undefined);
+        this.showCheckboxAll = this.getInitValue('showCheckboxAll', props.showCheckboxAll, this.showCheckboxAll);
         this.createAccessors();
         if (!this.grid)
             this.loadGrid();
@@ -3008,6 +3014,7 @@ class TekGridFilterButton extends Button {
         if (!this.filterModal) {
             const originalProps = {
                 height: 'auto',
+                maxHeight: '18.75rem',
                 persistent: true,
                 title: 'FILTER',
             };
@@ -3028,31 +3035,24 @@ class TekGridFilterButton extends Button {
                     {
                         name: `${this.grid.name}-filter-header-container`,
                         component: 'ZdContainer',
-                        cssClass: 'zd-pa-0',
+                        cssClass: 'zd-pa-0 zd-display-flex',
                         children: [
                             {
-                                name: `${this.grid.name}-filter-modal-header`,
-                                component: 'ZdHeader',
-                                color: 'transparent',
-                                padless: true,
-                                elevation: 0,
-                                leftSlot: [
-                                    {
-                                        name: `${this.grid.name}-filter-title`,
-                                        component: 'ZdText',
-                                        cssStyle: `color: ${'var(--v-primary-base);'}`,
-                                        text: `${mergeModalFilterProps.title}`,
-                                        tag: 'h3',
-                                    },
-                                ],
-                                rightSlot: [
-                                    {
-                                        name: `${this.grid.name}-filter-close-button`,
-                                        component: 'ZdModalCloseButton',
-                                        small: true,
-                                        modalName: `${this.grid.name}-filter-modal`,
-                                    },
-                                ],
+                                name: `${this.grid.name}-filter-title`,
+                                component: 'ZdText',
+                                cssStyle: `color: ${'var(--v-primary-base);'}`,
+                                text: mergeModalFilterProps.title,
+                                tag: 'h3',
+                            },
+                            {
+                                name: `${this.grid.name}-filter-spacer`,
+                                component: 'VSpacer',
+                            },
+                            {
+                                name: `${this.grid.name}-filter-close-button`,
+                                component: 'ZdModalCloseButton',
+                                small: true,
+                                modalName: `${this.grid.name}-filter-modal`,
                             },
                         ],
                     },
@@ -3060,14 +3060,14 @@ class TekGridFilterButton extends Button {
                         name: `${this.grid.name}-filter-content-container`,
                         component: 'ZdContainer',
                         scrollView: true,
-                        cssClass: 'zd-my-2 zd-pa-0',
-                        maxHeight: '18.75rem',
-                        height: this.grid.modalFilterProps.height,
+                        cssClass: 'zd-my-2 zd-pa-0 tek-grid-filter-content-container',
+                        maxHeight: mergeModalFilterProps.maxHeight,
+                        height: mergeModalFilterProps.height,
                         children: [
                             {
                                 name: `${this.grid.name}-filter-form`,
                                 component: 'ZdForm',
-                                cssClass: 'zd-my-2',
+                                cssClass: 'zd-my-2 zd-pa-0',
                                 children: this.getFilterModalComponents(),
                                 events: {
                                     onMounted: this.loadFilterValues.bind(this),
@@ -3149,14 +3149,36 @@ class TekGridFilterButton extends Button {
         super.onBeforeDestroy();
         this.destroyFilterModal();
     }
+    formatFormValue(filterForm) {
+        return Object.keys(filterForm.value).reduce((result, item) => {
+            try {
+                const itemInstance = filterForm.getChildInstance(item);
+                if (!(itemInstance instanceof SelectMultiple) || !itemInstance.checkboxAll)
+                    return result;
+                // when selectmultiple with checkboxAll, should either remove it from the filter or
+                // change the value to T, depending on selectAllCompatibilityMode
+                if (Config.selectAllCompatibilityMode) {
+                    result[item] = 'T';
+                    return result;
+                }
+                delete result[item];
+                return result;
+            }
+            catch (e) {
+                return result;
+            }
+        }, Object.assign({}, filterForm.value));
+    }
     applyFilter({ event }) {
         const filterForm = Metadata.getInstance(`${this.grid.name}-filter-form`);
         if (filterForm.validate()) {
             const { datasource } = this.grid;
             const filter = {};
+            const formValue = this.formatFormValue(filterForm);
             if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
-                Object.keys(filterForm.value).forEach((item) => {
-                    if (filterForm.value[item] && !(Array.isArray(filterForm.value[item]) && !filterForm.value[item].length)) {
+                Object.keys(formValue).forEach((item) => {
+                    const itemValue = formValue[item];
+                    if (itemValue && !(Array.isArray(itemValue) && !itemValue.length)) {
                         const relationAndOperationAndName = item.split(`${this.grid.name}-filter-`)[1];
                         const [relation, operation] = relationAndOperationAndName.split('-');
                         let columnName = relationAndOperationAndName.split(`${relation}-${operation}-`)[1];
@@ -3164,7 +3186,7 @@ class TekGridFilterButton extends Button {
                         if (!filter[columnName]) {
                             filter[columnName] = [];
                         }
-                        const value = filterForm.value[item];
+                        const value = itemValue;
                         filter[columnName].push({
                             relation,
                             operation,
@@ -3176,11 +3198,11 @@ class TekGridFilterButton extends Button {
                 this.setFilter(filter, event, datasource.setDynamicFilter.bind(datasource));
             }
             else {
-                Object.keys(filterForm.value).forEach((item) => {
+                Object.keys(formValue).forEach((item) => {
                     let columnName = item.split(`${this.grid.name}-filter-AND-CONTAINS-`)[1];
                     columnName = columnName.split('-').slice(0, -1).join('-'); // remove index
-                    if (filterForm.value[item]) {
-                        filter[columnName] = filterForm.value[item];
+                    if (formValue[item]) {
+                        filter[columnName] = formValue[item];
                     }
                 });
                 datasource.filter = filter;
@@ -3223,6 +3245,7 @@ class TekGridFilterButton extends Button {
             if (column.filterable && filterProps && filterProps.length > 0) {
                 this.filterFormInputs[column.name] = [];
                 filterProps.forEach((filterItem, index) => {
+                    var _a;
                     const { datasource } = this.grid;
                     if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
                         const relation = filterItem.relation || 'AND';
@@ -3239,6 +3262,9 @@ class TekGridFilterButton extends Button {
                             newColumnComponent.events = {};
                         newColumnComponent.events.change = this.changeHelperEvent.bind(this, column);
                     }
+                    if (newColumnComponent.component === 'ZdSelectMultiple') {
+                        newColumnComponent.showCheckboxAll = (_a = newColumnComponent.showCheckboxAll) !== null && _a !== void 0 ? _a : this.showCheckboxAll;
+                    }
                     filterColumns.push(newColumnComponent);
                 });
             }
@@ -3558,6 +3584,7 @@ class TekTreeGrid extends TreeGridEditable {
             },
         ];
         this.toolbarSlotProps = false;
+        this.showCheckboxAllFilter = false;
         this.title = this.getInitValue('title', props.title, this.title);
         this.addButton = this.getInitValue('addButton', props.addButton, this.addButton);
         this.deleteButton = this.getInitValue('deleteButton', props.deleteButton, this.deleteButton);
@@ -3573,6 +3600,7 @@ class TekTreeGrid extends TreeGridEditable {
         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.showCheckboxAllFilter = this.getInitValue('showCheckboxAllFilter', props.showCheckboxAllFilter, this.showCheckboxAllFilter);
         this.exportActions = props.exportActions || this.exportActions;
         this.actions = props.actions || this.actions;
         this.toolbarSlotProps = props.toolbarSlot !== undefined;

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

@@ -1036,6 +1036,7 @@
                           component: 'TekGridFilterButton',
                           grid: this.grid,
                           gridName: this.grid.name,
+                          showCheckboxAll: this.grid.showCheckboxAllFilter,
                           isVisible: `{{GridController_${this.grid.componentId}.showFilterButton}}`,
                           events: {
                               onCreated: this.loadFilterButton.bind(this),
@@ -1230,7 +1231,7 @@
               TEKGRID_CONTAINS: 'contains',
               TEKGRID_NOT_CONTAINS: 'does not contain',
               TEKGRID_EQUALS: 'is equal to',
-              TEKGRID_NOT_EQUALS: 'is differente from',
+              TEKGRID_NOT_EQUALS: 'is different from',
               TEKGRID_GREATER_THAN: 'is greater than',
               TEKGRID_LESS_THAN: 'is less than',
               TEKGRID_GREATER_THAN_EQUALS: 'is greater or equals to',
@@ -2224,6 +2225,7 @@
           this.groupedData = [];
           this.toolbarSlotProps = false;
           this.editNewRowsOnly = false;
+          this.showCheckboxAllFilter = core.Config.gridShowCheckboxAllFilter || false;
           this.defaultLazy = false;
           this.groups = [];
           this.summary = {};
@@ -2254,6 +2256,7 @@
           this.exportActions = props.exportActions || this.exportActions;
           this.groupsOpened = this.getInitValue('groupsOpened', props.groupsOpened, this.groupsOpened);
           this.showSummaryTotal = this.getInitValue('showSummaryTotal', props.showSummaryTotal, this.showSummaryTotal);
+          this.showCheckboxAllFilter = this.getInitValue('showCheckboxAllFilter', props.showCheckboxAllFilter, this.showCheckboxAllFilter);
           this.editNewRowsOnly = this.getInitValue('editNewRowsOnly', props.editNewRowsOnly, this.editNewRowsOnly);
           this.mainGrid = this.getInitValue('mainGrid', props.mainGrid, this.mainGrid);
           this.actions = props.actions || this.actions;
@@ -2430,9 +2433,9 @@
        */
       loadAfterTasks() {
           return __awaiter(this, void 0, void 0, function* () {
-              yield Promise.all(this.tasksBeforeLoad);
+              Promise.all(this.tasksBeforeLoad.map((promise) => promise.catch(() => undefined)));
               this.tasksBeforeLoad = [];
-              this.request();
+              return this.request();
           });
       }
       initGrouping(lazyLoad) {
@@ -2457,6 +2460,7 @@
       }
       updateGroupedData(lazyLoad) {
           return __awaiter(this, void 0, void 0, function* () {
+              this.initSummaryColumns();
               this.groupedData = [];
               this.groupColumns = this.columns.filter((column) => column.grouped);
               this.groupColumnNames = this.groupColumns.map((column) => column.name);
@@ -2763,7 +2767,7 @@
           }
           this.datasource.currentRow = newRow;
       }
-      directionalLeft() {
+      directionalLeft(params) {
           var _a;
           const { currentRow } = this.datasource;
           if (currentRow.group && currentRow.groupOpened) {
@@ -2774,15 +2778,15 @@
               this.datasource.currentRow = currentRow.groupHeaders[currentRow.groupHeaders.length - 1];
               return;
           }
-          this.navigateLeft();
+          this.navigateLeft(params);
       }
-      directionalRight() {
+      directionalRight(params) {
           const { currentRow } = this.datasource;
           if (currentRow.group && !currentRow.groupOpened) {
               currentRow.groupOpened = true;
               return;
           }
-          this.navigateRight();
+          this.navigateRight(params);
       }
       /**
        * Dispatches row click event
@@ -2928,9 +2932,11 @@
   class TekGridFilterButton extends common.Button {
       constructor(props) {
           super(props);
+          this.showCheckboxAll = false;
           this.filterFormInputs = {};
           this.gridName = this.getInitValue('gridName', props.gridName, this.gridName);
           this.grid = this.getInitValue('grid', props.grid, undefined);
+          this.showCheckboxAll = this.getInitValue('showCheckboxAll', props.showCheckboxAll, this.showCheckboxAll);
           this.createAccessors();
           if (!this.grid)
               this.loadGrid();
@@ -3012,6 +3018,7 @@
           if (!this.filterModal) {
               const originalProps = {
                   height: 'auto',
+                  maxHeight: '18.75rem',
                   persistent: true,
                   title: 'FILTER',
               };
@@ -3032,31 +3039,24 @@
                       {
                           name: `${this.grid.name}-filter-header-container`,
                           component: 'ZdContainer',
-                          cssClass: 'zd-pa-0',
+                          cssClass: 'zd-pa-0 zd-display-flex',
                           children: [
                               {
-                                  name: `${this.grid.name}-filter-modal-header`,
-                                  component: 'ZdHeader',
-                                  color: 'transparent',
-                                  padless: true,
-                                  elevation: 0,
-                                  leftSlot: [
-                                      {
-                                          name: `${this.grid.name}-filter-title`,
-                                          component: 'ZdText',
-                                          cssStyle: `color: ${'var(--v-primary-base);'}`,
-                                          text: `${mergeModalFilterProps.title}`,
-                                          tag: 'h3',
-                                      },
-                                  ],
-                                  rightSlot: [
-                                      {
-                                          name: `${this.grid.name}-filter-close-button`,
-                                          component: 'ZdModalCloseButton',
-                                          small: true,
-                                          modalName: `${this.grid.name}-filter-modal`,
-                                      },
-                                  ],
+                                  name: `${this.grid.name}-filter-title`,
+                                  component: 'ZdText',
+                                  cssStyle: `color: ${'var(--v-primary-base);'}`,
+                                  text: mergeModalFilterProps.title,
+                                  tag: 'h3',
+                              },
+                              {
+                                  name: `${this.grid.name}-filter-spacer`,
+                                  component: 'VSpacer',
+                              },
+                              {
+                                  name: `${this.grid.name}-filter-close-button`,
+                                  component: 'ZdModalCloseButton',
+                                  small: true,
+                                  modalName: `${this.grid.name}-filter-modal`,
                               },
                           ],
                       },
@@ -3064,14 +3064,14 @@
                           name: `${this.grid.name}-filter-content-container`,
                           component: 'ZdContainer',
                           scrollView: true,
-                          cssClass: 'zd-my-2 zd-pa-0',
-                          maxHeight: '18.75rem',
-                          height: this.grid.modalFilterProps.height,
+                          cssClass: 'zd-my-2 zd-pa-0 tek-grid-filter-content-container',
+                          maxHeight: mergeModalFilterProps.maxHeight,
+                          height: mergeModalFilterProps.height,
                           children: [
                               {
                                   name: `${this.grid.name}-filter-form`,
                                   component: 'ZdForm',
-                                  cssClass: 'zd-my-2',
+                                  cssClass: 'zd-my-2 zd-pa-0',
                                   children: this.getFilterModalComponents(),
                                   events: {
                                       onMounted: this.loadFilterValues.bind(this),
@@ -3153,14 +3153,36 @@
           super.onBeforeDestroy();
           this.destroyFilterModal();
       }
+      formatFormValue(filterForm) {
+          return Object.keys(filterForm.value).reduce((result, item) => {
+              try {
+                  const itemInstance = filterForm.getChildInstance(item);
+                  if (!(itemInstance instanceof common.SelectMultiple) || !itemInstance.checkboxAll)
+                      return result;
+                  // when selectmultiple with checkboxAll, should either remove it from the filter or
+                  // change the value to T, depending on selectAllCompatibilityMode
+                  if (core.Config.selectAllCompatibilityMode) {
+                      result[item] = 'T';
+                      return result;
+                  }
+                  delete result[item];
+                  return result;
+              }
+              catch (e) {
+                  return result;
+              }
+          }, Object.assign({}, filterForm.value));
+      }
       applyFilter({ event }) {
           const filterForm = core.Metadata.getInstance(`${this.grid.name}-filter-form`);
           if (filterForm.validate()) {
               const { datasource } = this.grid;
               const filter = {};
+              const formValue = this.formatFormValue(filterForm);
               if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
-                  Object.keys(filterForm.value).forEach((item) => {
-                      if (filterForm.value[item] && !(Array.isArray(filterForm.value[item]) && !filterForm.value[item].length)) {
+                  Object.keys(formValue).forEach((item) => {
+                      const itemValue = formValue[item];
+                      if (itemValue && !(Array.isArray(itemValue) && !itemValue.length)) {
                           const relationAndOperationAndName = item.split(`${this.grid.name}-filter-`)[1];
                           const [relation, operation] = relationAndOperationAndName.split('-');
                           let columnName = relationAndOperationAndName.split(`${relation}-${operation}-`)[1];
@@ -3168,7 +3190,7 @@
                           if (!filter[columnName]) {
                               filter[columnName] = [];
                           }
-                          const value = filterForm.value[item];
+                          const value = itemValue;
                           filter[columnName].push({
                               relation,
                               operation,
@@ -3180,11 +3202,11 @@
                   this.setFilter(filter, event, datasource.setDynamicFilter.bind(datasource));
               }
               else {
-                  Object.keys(filterForm.value).forEach((item) => {
+                  Object.keys(formValue).forEach((item) => {
                       let columnName = item.split(`${this.grid.name}-filter-AND-CONTAINS-`)[1];
                       columnName = columnName.split('-').slice(0, -1).join('-'); // remove index
-                      if (filterForm.value[item]) {
-                          filter[columnName] = filterForm.value[item];
+                      if (formValue[item]) {
+                          filter[columnName] = formValue[item];
                       }
                   });
                   datasource.filter = filter;
@@ -3227,6 +3249,7 @@
               if (column.filterable && filterProps && filterProps.length > 0) {
                   this.filterFormInputs[column.name] = [];
                   filterProps.forEach((filterItem, index) => {
+                      var _a;
                       const { datasource } = this.grid;
                       if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
                           const relation = filterItem.relation || 'AND';
@@ -3243,6 +3266,9 @@
                               newColumnComponent.events = {};
                           newColumnComponent.events.change = this.changeHelperEvent.bind(this, column);
                       }
+                      if (newColumnComponent.component === 'ZdSelectMultiple') {
+                          newColumnComponent.showCheckboxAll = (_a = newColumnComponent.showCheckboxAll) !== null && _a !== void 0 ? _a : this.showCheckboxAll;
+                      }
                       filterColumns.push(newColumnComponent);
                   });
               }
@@ -3562,6 +3588,7 @@
               },
           ];
           this.toolbarSlotProps = false;
+          this.showCheckboxAllFilter = false;
           this.title = this.getInitValue('title', props.title, this.title);
           this.addButton = this.getInitValue('addButton', props.addButton, this.addButton);
           this.deleteButton = this.getInitValue('deleteButton', props.deleteButton, this.deleteButton);
@@ -3577,6 +3604,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.showCheckboxAllFilter = this.getInitValue('showCheckboxAllFilter', props.showCheckboxAllFilter, this.showCheckboxAllFilter);
           this.exportActions = props.exportActions || this.exportActions;
           this.actions = props.actions || this.actions;
           this.toolbarSlotProps = props.toolbarSlot !== undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/teknisa-components-common",
-  "version": "1.95.0",
+  "version": "1.96.1",
   "description": "Teknisa Components Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -32,5 +32,5 @@
   "peerDependencies": {
     "@zeedhi/core": "*"
   },
-  "gitHead": "6662f4597ed49edeb062368e5989c32810cc7e21"
+  "gitHead": "baaea258f392a9bd1b2379ab8660a03f618eeb6a"
 }

package/tests/__mocks__/@zeedhi/core/i18n.js

@@ -6,7 +6,7 @@ const words = {
   TEKGRID_CONTAINS: 'contains',
   TEKGRID_NOT_CONTAINS: 'does not contain',
   TEKGRID_EQUALS: 'is equal to',
-  TEKGRID_NOT_EQUALS: 'is differente from',
+  TEKGRID_NOT_EQUALS: 'is different from',
   TEKGRID_GREATER_THAN: 'is greater than',
   TEKGRID_LESS_THAN: 'is less than',
   TEKGRID_GREATER_THAN_EQUALS: 'is greater or equals to',