@progress/kendo-vue-grid 2.7.2 → 2.8.0-dev.202201121019

package/dist/es/cells/GridHierarchyCell.d.ts

@@ -1,6 +1,5 @@
-import { DefineComponent } from '../additionalTypes';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 import { GridCellProps } from '../interfaces/GridCellProps';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -8,7 +7,7 @@ declare type DefaultMethods<V> = {
 /**
  * @hidden
  */
-export interface GridHierarchyCellMethods extends Vue {
+export interface GridHierarchyCellMethods extends Vue2type {
     triggerKeydown: (e: any, expanded: boolean | undefined) => void;
     clickHandler: (e: any, dataItem: any, expanded: boolean | undefined) => void;
     getKeyboardNavigationAttributes: (id: string) => any;
@@ -16,6 +15,6 @@ export interface GridHierarchyCellMethods extends Vue {
 /**
  * Represents the default `GridHierarchyCell` component.
  */
-declare let GridHierarchyCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridHierarchyCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
-declare const GridHierarchyCellVue3: DefineComponent<GridCellProps, any, {}, {}, GridHierarchyCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
-export { GridHierarchyCell, GridHierarchyCellVue3 };
+declare let GridHierarchyCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridHierarchyCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
+declare const GridHierarchyCell: DefineComponent<GridCellProps, any, {}, {}, GridHierarchyCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
+export { GridHierarchyCell, GridHierarchyCellVue2 };

package/dist/es/cells/GridHierarchyCell.js

@@ -9,7 +9,7 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
  * Represents the default `GridHierarchyCell` component.
  */
 
-var GridHierarchyCell = {
+var GridHierarchyCellVue2 = {
   props: {
     id: String,
     field: String,
@@ -153,5 +153,5 @@ var GridHierarchyCell = {
     });
   }
 };
-var GridHierarchyCellVue3 = GridHierarchyCell;
-export { GridHierarchyCell, GridHierarchyCellVue3 };
+var GridHierarchyCell = GridHierarchyCellVue2;
+export { GridHierarchyCell, GridHierarchyCellVue2 };

package/dist/es/cells/GridSelectionCell.d.ts

@@ -1,6 +1,5 @@
-import { DefineComponent } from '../additionalTypes';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 import { GridCellProps } from '../interfaces/GridCellProps';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -8,7 +7,7 @@ declare type DefaultMethods<V> = {
 /**
  * @hidden
  */
-export interface GridSelectionCellMethods extends Vue {
+export interface GridSelectionCellMethods extends Vue2type {
     triggerKeydown: (e: any) => void;
     handleOnChange: (event: any) => void;
     getKeyboardNavigationAttributes: (id: string) => any;
@@ -27,6 +26,6 @@ export interface GridSelectionCellAll extends GridSelectionCellMethods, GridSele
 /**
  * Represents the default `GridSelectionCell` component.
  */
-declare let GridSelectionCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridSelectionCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
-declare const GridSelectionCellVue3: DefineComponent<GridCellProps, any, GridSelectionCellData, {}, GridSelectionCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
-export { GridSelectionCell, GridSelectionCellVue3 };
+declare let GridSelectionCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridSelectionCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
+declare const GridSelectionCell: DefineComponent<GridCellProps, any, GridSelectionCellData, {}, GridSelectionCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
+export { GridSelectionCell, GridSelectionCellVue2 };

package/dist/es/cells/GridSelectionCell.js

@@ -9,7 +9,7 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
  * Represents the default `GridSelectionCell` component.
  */
 
-var GridSelectionCell = {
+var GridSelectionCellVue2 = {
   props: {
     id: String,
     field: String,
@@ -105,7 +105,7 @@ var GridSelectionCell = {
         type: "checkbox"
       },
       type: "checkbox",
-      "class": "k-checkbox",
+      "class": "k-checkbox k-checkbox-md k-rounded-md",
       onChange: this.handleOnChange,
       on: this.v3 ? undefined : {
         "change": this.handleOnChange
@@ -129,5 +129,5 @@ var GridSelectionCell = {
     });
   }
 };
-var GridSelectionCellVue3 = GridSelectionCell;
-export { GridSelectionCell, GridSelectionCellVue3 };
+var GridSelectionCell = GridSelectionCellVue2;
+export { GridSelectionCell, GridSelectionCellVue2 };

package/dist/es/columnMenu/ColumnMenu.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => ColumnMenuData);
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -9,7 +8,7 @@ import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
 /**
  * @hidden
  */
-export interface ColumnMenuMethods extends Vue {
+export interface ColumnMenuMethods extends Vue2type {
     blur: () => void;
     focus: () => void;
     handleFocus: (_: any) => void;
@@ -49,6 +48,6 @@ export interface ColumnMenuAll extends ColumnMenuMethods, ColumnMenuData, Column
 /**
  * Represents the default `ColumnMenu` component.
  */
-declare let ColumnMenu: ComponentOptions<Vue, DefaultData<ColumnMenuData>, DefaultMethods<ColumnMenuAll>, {}, RecordPropsDefinition<GridColumnMenuProps>>;
-declare const ColumnMenuVue3: DefineComponent<GridColumnMenuProps, any, ColumnMenuData, ColumnMenuComputed, ColumnMenuMethods, {}, {}, {}, string, GridColumnMenuProps, GridColumnMenuProps, {}>;
-export { ColumnMenu, ColumnMenuVue3 };
+declare let ColumnMenuVue2: ComponentOptions<Vue2type, DefaultData<ColumnMenuData>, DefaultMethods<ColumnMenuAll>, {}, RecordPropsDefinition<GridColumnMenuProps>>;
+declare const ColumnMenu: DefineComponent<GridColumnMenuProps, any, ColumnMenuData, ColumnMenuComputed, ColumnMenuMethods, {}, {}, {}, string, GridColumnMenuProps, GridColumnMenuProps, {}>;
+export { ColumnMenu, ColumnMenuVue2 };

package/dist/es/columnMenu/ColumnMenu.js

@@ -13,7 +13,7 @@ import { messages, columnMenu } from '../messages';
  * Represents the default `ColumnMenu` component.
  */
 
-var ColumnMenu = {
+var ColumnMenuVue2 = {
   name: 'KendoColumnMenu',
   props: {
     animate: {
@@ -168,7 +168,8 @@ var ColumnMenu = {
         },
         onFocusin: _this2.focus,
         style: {
-          outline: 'none'
+          outline: 'none',
+          width: '230px'
         }
       }, [// @ts-ignore
       h(ColumnMenuContent, {
@@ -213,7 +214,8 @@ var ColumnMenu = {
       },
       onFocusin: _this2.focus,
       style: {
-        outline: 'none'
+        outline: 'none',
+        width: '230px'
       }
     }, [h(ColumnMenuContent, {
       column: _this2.$props.column,
@@ -245,5 +247,5 @@ var ColumnMenu = {
     })])])]);
   }
 };
-var ColumnMenuVue3 = ColumnMenu;
-export { ColumnMenu, ColumnMenuVue3 };
+var ColumnMenu = ColumnMenuVue2;
+export { ColumnMenu, ColumnMenuVue2 };

package/dist/es/columnMenu/ColumnMenuContent.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -15,7 +14,7 @@ export interface ColumnMenuContentProps extends GridColumnMenuProps {
 /**
  * @hidden
  */
-export interface ColumnMenuContentMethods extends Vue {
+export interface ColumnMenuContentMethods extends Vue2type {
     handleFocus: (e: any) => void;
     closeMenu: () => void;
     contentKeyDown: (e: any) => void;
@@ -26,6 +25,6 @@ export interface ColumnMenuContentMethods extends Vue {
 /**
  * Represents the default `ColumnMenuContent` component.
  */
-declare let ColumnMenuContent: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<ColumnMenuContentMethods>, {}, RecordPropsDefinition<ColumnMenuContentProps>>;
-declare const ColumnMenuContentVue3: DefineComponent<ColumnMenuContentProps, any, {}, {}, ColumnMenuContentMethods, {}, {}, {}, string, ColumnMenuContentProps, ColumnMenuContentProps, {}>;
-export { ColumnMenuContent, ColumnMenuContentVue3 };
+declare let ColumnMenuContentVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ColumnMenuContentMethods>, {}, RecordPropsDefinition<ColumnMenuContentProps>>;
+declare const ColumnMenuContent: DefineComponent<ColumnMenuContentProps, any, {}, {}, ColumnMenuContentMethods, {}, {}, {}, string, ColumnMenuContentProps, ColumnMenuContentProps, {}>;
+export { ColumnMenuContent, ColumnMenuContentVue2 };

package/dist/es/columnMenu/ColumnMenuContent.js

@@ -9,7 +9,7 @@ import { getTemplate, Keys } from '@progress/kendo-vue-common';
  * Represents the default `ColumnMenuContent` component.
  */
 
-var ColumnMenuContent = {
+var ColumnMenuContentVue2 = {
   name: 'KendoColumnMenuContent',
   props: {
     column: Object,
@@ -113,5 +113,5 @@ var ColumnMenuContent = {
     });
   }
 };
-var ColumnMenuContentVue3 = ColumnMenuContent;
-export { ColumnMenuContent, ColumnMenuContentVue3 };
+var ColumnMenuContent = ColumnMenuContentVue2;
+export { ColumnMenuContent, ColumnMenuContentVue2 };

package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -44,7 +43,7 @@ export interface GridColumnMenuFilterStateProps {
 /**
  * @hidden
  */
-export interface GridColumnMenuCheckboxFilterMethods extends Vue {
+export interface GridColumnMenuCheckboxFilterMethods extends Vue2type {
     defaultFilter: () => CompositeFilterDescriptor;
     parseData: (originalData: any, isUnique: any) => any;
     getFilterIndex: () => number;
@@ -79,6 +78,6 @@ export interface GridColumnMenuCheckboxFilterAll extends GridColumnMenuCheckboxF
 /**
  * Represents the default `GridColumnMenuCheckboxFilter` component.
  */
-declare let GridColumnMenuCheckboxFilter: ComponentOptions<Vue, DefaultData<GridColumnMenuCheckboxFilterData>, DefaultMethods<GridColumnMenuCheckboxFilterAll>, {}, RecordPropsDefinition<GridColumnMenuCheckboxFilterProps>>;
-declare const GridColumnMenuCheckboxFilterVue3: DefineComponent<GridColumnMenuCheckboxFilterProps, any, GridColumnMenuCheckboxFilterData, {}, GridColumnMenuCheckboxFilterMethods, {}, {}, {}, string, GridColumnMenuCheckboxFilterProps, GridColumnMenuCheckboxFilterProps, {}>;
-export { GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterVue3 };
+declare let GridColumnMenuCheckboxFilterVue2: ComponentOptions<Vue2type, DefaultData<GridColumnMenuCheckboxFilterData>, DefaultMethods<GridColumnMenuCheckboxFilterAll>, {}, RecordPropsDefinition<GridColumnMenuCheckboxFilterProps>>;
+declare const GridColumnMenuCheckboxFilter: DefineComponent<GridColumnMenuCheckboxFilterProps, any, GridColumnMenuCheckboxFilterData, {}, GridColumnMenuCheckboxFilterMethods, {}, {}, {}, string, GridColumnMenuCheckboxFilterProps, GridColumnMenuCheckboxFilterProps, {}>;
+export { GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterVue2 };

package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -33,6 +33,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
+import { Button } from '@progress/kendo-vue-buttons';
 import { GridColumnMenuItem } from './GridColumnMenuItem';
 import { GridColumnMenuItemGroup } from './GridColumnMenuItemGroup';
 import { GridColumnMenuItemContent } from './GridColumnMenuItemContent';
@@ -60,7 +61,7 @@ var isArrayEqual = function isArrayEqual(firstArray, secondArray) {
  */
 
 
-var GridColumnMenuCheckboxFilter = {
+var GridColumnMenuCheckboxFilterVue2 = {
   name: 'KendoGridColumnMenuCheckboxFilter',
   props: {
     column: Object,
@@ -162,13 +163,15 @@ var GridColumnMenuCheckboxFilter = {
     var searchBox = function searchBox() {
       return this.$props.searchBox && h("span", {
         "class": "k-list-filter"
+      }, [h("span", {
+        "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
       }, [h("input", {
         ref: 'searchBox',
         placeholder: localizationService.toLanguageString(searchPlaceholder, messages[searchPlaceholder]),
         attrs: this.v3 ? undefined : {
           placeholder: localizationService.toLanguageString(searchPlaceholder, messages[searchPlaceholder])
         },
-        "class": "k-textbox",
+        "class": "k-input-inner",
         value: this.v3 ? this.currentValue : null,
         domProps: this.v3 ? undefined : {
           "value": this.currentValue
@@ -177,7 +180,7 @@ var GridColumnMenuCheckboxFilter = {
         on: this.v3 ? undefined : {
           "input": this.handleSearchChange
         }
-      }), h("span", {
+      })]), h("span", {
         "class": "k-icon k-i-search"
       })]);
     };
@@ -263,15 +266,23 @@ var GridColumnMenuCheckboxFilter = {
             })]);
           }, _this2)]), h("div", {
             "class": 'k-columnmenu-actions'
-          }, [h("button", {
-            "class": 'k-button',
+          }, [// @ts-ignore function children
+          h(Button, {
             type: 'reset',
             attrs: _this2.v3 ? undefined : {
               type: 'reset'
             }
-          }, [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h("button", {
-            "class": 'k-button k-primary'
-          }, [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
+          }, _this2.v3 ? function () {
+            return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+          } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), // @ts-ignore function children
+          h(Button, {
+            themeColor: 'primary',
+            attrs: _this2.v3 ? undefined : {
+              themeColor: 'primary'
+            }
+          }, _this2.v3 ? function () {
+            return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+          } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
         } : [h("div", {
           "class": 'kendo-grid-filter-menu-container'
         }, [h("form", {
@@ -327,15 +338,21 @@ var GridColumnMenuCheckboxFilter = {
           })]);
         }, _this2)]), h("div", {
           "class": 'k-columnmenu-actions'
-        }, [h("button", {
-          "class": 'k-button',
+        }, [h(Button, {
           type: 'reset',
           attrs: _this2.v3 ? undefined : {
             type: 'reset'
           }
-        }, [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h("button", {
-          "class": 'k-button k-primary'
-        }, [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])];
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+        } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
+          themeColor: 'primary',
+          attrs: _this2.v3 ? undefined : {
+            themeColor: 'primary'
+          }
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+        } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])];
       } : [h(GridColumnMenuItem, {
         title: localizationService.toLanguageString(filterTitle, messages[filterTitle]),
         attrs: _this2.v3 ? undefined : {
@@ -408,15 +425,21 @@ var GridColumnMenuCheckboxFilter = {
           })]);
         }, _this2)]), h("div", {
           "class": 'k-columnmenu-actions'
-        }, [h("button", {
-          "class": 'k-button',
+        }, [h(Button, {
           type: 'reset',
           attrs: _this2.v3 ? undefined : {
             type: 'reset'
           }
-        }, [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h("button", {
-          "class": 'k-button k-primary'
-        }, [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+        } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
+          themeColor: 'primary',
+          attrs: _this2.v3 ? undefined : {
+            themeColor: 'primary'
+          }
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+        } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
       } : [h("div", {
         "class": 'kendo-grid-filter-menu-container'
       }, [h("form", {
@@ -472,15 +495,21 @@ var GridColumnMenuCheckboxFilter = {
         })]);
       }, _this2)]), h("div", {
         "class": 'k-columnmenu-actions'
-      }, [h("button", {
-        "class": 'k-button',
+      }, [h(Button, {
         type: 'reset',
         attrs: _this2.v3 ? undefined : {
           type: 'reset'
         }
-      }, [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h("button", {
-        "class": 'k-button k-primary'
-      }, [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])])
+      }, _this2.v3 ? function () {
+        return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+      } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
+        themeColor: 'primary',
+        attrs: _this2.v3 ? undefined : {
+          themeColor: 'primary'
+        }
+      }, _this2.v3 ? function () {
+        return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+      } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])])
     );
   },
   methods: {
@@ -644,5 +673,5 @@ var GridColumnMenuCheckboxFilter = {
     }
   }
 };
-var GridColumnMenuCheckboxFilterVue3 = GridColumnMenuCheckboxFilter;
-export { GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterVue3 };
+var GridColumnMenuCheckboxFilter = GridColumnMenuCheckboxFilterVue2;
+export { GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterVue2 };

package/dist/es/columnMenu/GridColumnMenuFilter.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => GridColumnMenuFilterData);
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -166,7 +165,7 @@ export interface GridColumnMenuFilterStateProps {
 /**
  * @hidden
  */
-export interface GridColumnMenuFilterMethods extends Vue {
+export interface GridColumnMenuFilterMethods extends Vue2type {
     removeGroup: (group: CompositeFilterDescriptor, rootFilter: CompositeFilterDescriptor) => CompositeFilterDescriptor;
     insertGroup: (group: CompositeFilterDescriptor, rootFilter: CompositeFilterDescriptor) => CompositeFilterDescriptor;
     isControlled: () => boolean;
@@ -199,6 +198,6 @@ export interface GridColumnMenuFilterAll extends GridColumnMenuFilterMethods, Gr
 /**
  * Represents the default `GridColumnMenuFilter` component.
  */
-declare let GridColumnMenuFilter: ComponentOptions<Vue, DefaultData<GridColumnMenuFilterData>, DefaultMethods<GridColumnMenuFilterAll>, {}, RecordPropsDefinition<GridColumnMenuFilterProps>>;
-declare const GridColumnMenuFilterVue3: DefineComponent<GridColumnMenuFilterProps, any, GridColumnMenuFilterData, {}, GridColumnMenuFilterMethods, {}, {}, {}, string, GridColumnMenuFilterProps, GridColumnMenuFilterProps, {}>;
-export { GridColumnMenuFilter, GridColumnMenuFilterVue3 };
+declare let GridColumnMenuFilterVue2: ComponentOptions<Vue2type, DefaultData<GridColumnMenuFilterData>, DefaultMethods<GridColumnMenuFilterAll>, {}, RecordPropsDefinition<GridColumnMenuFilterProps>>;
+declare const GridColumnMenuFilter: DefineComponent<GridColumnMenuFilterProps, any, GridColumnMenuFilterData, {}, GridColumnMenuFilterMethods, {}, {}, {}, string, GridColumnMenuFilterProps, GridColumnMenuFilterProps, {}>;
+export { GridColumnMenuFilter, GridColumnMenuFilterVue2 };

package/dist/es/columnMenu/GridColumnMenuFilter.js

@@ -38,6 +38,7 @@ import { isCompositeFilterDescriptor } from '@progress/kendo-data-query';
 import { GridColumnMenuItem } from './GridColumnMenuItem';
 import { GridColumnMenuItemGroup } from './GridColumnMenuItemGroup';
 import { GridColumnMenuItemContent } from './GridColumnMenuItemContent';
+import { Button } from '@progress/kendo-vue-buttons';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { operatorMap, getDefaultOperator, filterLogicList, defaultHideSecondFilter, booleanFilterValues, getFilterType, operators } from '../filterCommon';
 import { messages, filterClearButton, filterSubmitButton, filterTitle } from '../messages';
@@ -75,7 +76,7 @@ export var filterGroupByField = function filterGroupByField(field, filter) {
  * Represents the default `GridColumnMenuFilter` component.
  */
 
-var GridColumnMenuFilter = {
+var GridColumnMenuFilterVue2 = {
   name: 'KendoGridColumnMenuFilter',
   props: {
     column: Object,
@@ -413,19 +414,25 @@ var GridColumnMenuFilter = {
             render: filterUI && templateRendering.call(_this2, filterUI, getListeners.call(_this2))
           }), h("div", {
             "class": 'k-columnmenu-actions'
-          }, [h("button", {
-            "class": 'k-button',
+          }, [// @ts-ignore function children
+          h(Button, {
             type: 'reset',
             attrs: _this2.v3 ? undefined : {
               type: 'reset'
             }
-          }, [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h("button", {
-            "class": 'k-button k-primary',
-            disabled: !isFilterValid,
+          }, _this2.v3 ? function () {
+            return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+          } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), // @ts-ignore function children
+          h(Button, {
+            themeColor: 'primary',
             attrs: _this2.v3 ? undefined : {
+              themeColor: 'primary',
               disabled: !isFilterValid
-            }
-          }, [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
+            },
+            disabled: !isFilterValid
+          }, _this2.v3 ? function () {
+            return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+          } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
         } : [h("div", {
           "class": 'kendo-grid-filter-menu-container'
         }, [h("form", {
@@ -465,19 +472,23 @@ var GridColumnMenuFilter = {
           render: filterUI && templateRendering.call(_this2, filterUI, getListeners.call(_this2))
         }), h("div", {
           "class": 'k-columnmenu-actions'
-        }, [h("button", {
-          "class": 'k-button',
+        }, [h(Button, {
           type: 'reset',
           attrs: _this2.v3 ? undefined : {
             type: 'reset'
           }
-        }, [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h("button", {
-          "class": 'k-button k-primary',
-          disabled: !isFilterValid,
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+        } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
+          themeColor: 'primary',
           attrs: _this2.v3 ? undefined : {
+            themeColor: 'primary',
             disabled: !isFilterValid
-          }
-        }, [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])];
+          },
+          disabled: !isFilterValid
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+        } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])];
       } : [h(GridColumnMenuItem, {
         title: localizationService.toLanguageString(filterTitle, messages[filterTitle]),
         attrs: _this2.v3 ? undefined : {
@@ -534,19 +545,23 @@ var GridColumnMenuFilter = {
           render: filterUI && templateRendering.call(_this2, filterUI, getListeners.call(_this2))
         }), h("div", {
           "class": 'k-columnmenu-actions'
-        }, [h("button", {
-          "class": 'k-button',
+        }, [h(Button, {
           type: 'reset',
           attrs: _this2.v3 ? undefined : {
             type: 'reset'
           }
-        }, [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h("button", {
-          "class": 'k-button k-primary',
-          disabled: !isFilterValid,
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+        } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
+          themeColor: 'primary',
           attrs: _this2.v3 ? undefined : {
+            themeColor: 'primary',
             disabled: !isFilterValid
-          }
-        }, [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
+          },
+          disabled: !isFilterValid
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+        } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
       } : [h("div", {
         "class": 'kendo-grid-filter-menu-container'
       }, [h("form", {
@@ -586,21 +601,25 @@ var GridColumnMenuFilter = {
         render: filterUI && templateRendering.call(_this2, filterUI, getListeners.call(_this2))
       }), h("div", {
         "class": 'k-columnmenu-actions'
-      }, [h("button", {
-        "class": 'k-button',
+      }, [h(Button, {
         type: 'reset',
         attrs: _this2.v3 ? undefined : {
           type: 'reset'
         }
-      }, [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h("button", {
-        "class": 'k-button k-primary',
-        disabled: !isFilterValid,
+      }, _this2.v3 ? function () {
+        return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+      } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
+        themeColor: 'primary',
         attrs: _this2.v3 ? undefined : {
+          themeColor: 'primary',
           disabled: !isFilterValid
-        }
-      }, [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])])
+        },
+        disabled: !isFilterValid
+      }, _this2.v3 ? function () {
+        return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+      } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])])
     );
   }
 };
-var GridColumnMenuFilterVue3 = GridColumnMenuFilter;
-export { GridColumnMenuFilter, GridColumnMenuFilterVue3 };
+var GridColumnMenuFilter = GridColumnMenuFilterVue2;
+export { GridColumnMenuFilter, GridColumnMenuFilterVue2 };

package/dist/es/columnMenu/GridColumnMenuFilterCell.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -28,7 +27,7 @@ export interface ColumnMenuFilterCellProps {
 /**
  * @hidden
  */
-export interface GridColumnMenuFilterCellMethods extends Vue {
+export interface GridColumnMenuFilterCellMethods extends Vue2type {
     handleFocus: (e: any) => void;
     triggerChange: (filter: any) => void;
     inputChange: (value: any, e: any) => void;
@@ -38,6 +37,6 @@ export interface GridColumnMenuFilterCellMethods extends Vue {
 /**
  * Represents the default `GridColumnMenuFilterCell` component.
  */
-declare let GridColumnMenuFilterCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridColumnMenuFilterCellMethods>, {}, RecordPropsDefinition<ColumnMenuFilterCellProps>>;
-declare const GridColumnMenuFilterCellVue3: DefineComponent<ColumnMenuFilterCellProps, any, {}, {}, GridColumnMenuFilterCellMethods, {}, {}, {}, string, ColumnMenuFilterCellProps, ColumnMenuFilterCellProps, {}>;
-export { GridColumnMenuFilterCell, GridColumnMenuFilterCellVue3 };
+declare let GridColumnMenuFilterCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridColumnMenuFilterCellMethods>, {}, RecordPropsDefinition<ColumnMenuFilterCellProps>>;
+declare const GridColumnMenuFilterCell: DefineComponent<ColumnMenuFilterCellProps, any, {}, {}, GridColumnMenuFilterCellMethods, {}, {}, {}, string, ColumnMenuFilterCellProps, ColumnMenuFilterCellProps, {}>;
+export { GridColumnMenuFilterCell, GridColumnMenuFilterCellVue2 };

package/dist/es/columnMenu/GridColumnMenuFilterCell.js

@@ -10,7 +10,7 @@ import { cellBoolDropdownChange, cellInputChange, cellOperatorChange } from '../
  * Represents the default `GridColumnMenuFilterCell` component.
  */
 
-var GridColumnMenuFilterCell = {
+var GridColumnMenuFilterCellVue2 = {
   props: {
     field: String,
     filterType: String,
@@ -128,8 +128,10 @@ var GridColumnMenuFilterCell = {
           );
 
         default:
-          return h("input", {
-            "class": "k-textbox",
+          return h("span", {
+            "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
+          }, [h("input", {
+            "class": "k-input-inner",
             value: this.v3 ? value || '' : null,
             domProps: this.v3 ? undefined : {
               "value": value || ''
@@ -142,7 +144,7 @@ var GridColumnMenuFilterCell = {
                 _this.inputChange(e.target.value, e);
               }
             }
-          });
+          })]);
       }
     };
 
@@ -163,5 +165,5 @@ var GridColumnMenuFilterCell = {
     }), filterComponent.call(this, this.$props.filterType, this.$props.value, this.$props.booleanValues)]);
   }
 };
-var GridColumnMenuFilterCellVue3 = GridColumnMenuFilterCell;
-export { GridColumnMenuFilterCell, GridColumnMenuFilterCellVue3 };
+var GridColumnMenuFilterCell = GridColumnMenuFilterCellVue2;
+export { GridColumnMenuFilterCell, GridColumnMenuFilterCellVue2 };