@progress/kendo-vue-grid 2.7.3 → 3.0.0-dev.202201141128

package/dist/es/Grid.d.ts

@@ -1,9 +1,8 @@
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
 declare type DefaultData<V> = object | ((this: V) => GridData);
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
 };
-import { DefineComponent } from './additionalTypes';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
 import { Page, TableKeyboardNavigationContextType, TableKeyboardNavigationStateType } from '@progress/kendo-vue-data-tools';
 import { ExtendedColumnProps } from './interfaces/ExtendedColumnProps';
 import { SortDescriptor, CompositeFilterDescriptor, GroupDescriptor, State } from '@progress/kendo-data-query';
@@ -136,11 +135,11 @@ export interface GridComputed {
 /**
  * @hidden
  */
-export interface GridAll extends GridMethods, GridData, GridState, GridComputed, GridProps, Vue {
+export interface GridAll extends GridMethods, GridData, GridState, GridComputed, GridProps, Vue2type {
 }
 /**
  * Represents the default `Grid` component.
  */
-declare let Grid: ComponentOptions<Vue, DefaultData<GridData>, DefaultMethods<GridAll>, GridComputed, RecordPropsDefinition<GridProps>>;
-declare const GridVue3: DefineComponent<GridProps, any, GridData, GridComputed, GridMethods, {}, {}, {}, string, GridProps, GridProps, {}>;
-export { Grid, GridVue3 };
+declare let GridVue2: ComponentOptions<Vue2type, DefaultData<GridData>, DefaultMethods<GridAll>, GridComputed, RecordPropsDefinition<GridProps>>;
+declare const Grid: DefineComponent<GridProps, any, GridData, GridComputed, GridMethods, {}, {}, {}, string, GridProps, GridProps, {}>;
+export { Grid, GridVue2 };

package/dist/es/Grid.js

@@ -84,7 +84,7 @@ import { pagerMessagesMap } from './messages';
  * Represents the default `Grid` component.
  */
 
-var Grid = {
+var GridVue2 = {
   name: 'KendoGrid',
   props: {
     alternatePerGroup: Boolean,
@@ -1927,5 +1927,5 @@ var Grid = {
     );
   }
 };
-var GridVue3 = Grid;
-export { Grid, GridVue3 };
+var Grid = GridVue2;
+export { Grid, GridVue2 };

package/dist/es/GridNav.d.ts

@@ -1,5 +1,4 @@
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-import { DefineComponent } from './additionalTypes';
+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;
@@ -34,11 +33,11 @@ export interface GridNavComputed {
 /**
  * @hidden
  */
-export interface GridNavAll extends GridNavMethods, GridNavState, GridNavData, GridNavComputed, Vue {
+export interface GridNavAll extends GridNavMethods, GridNavState, GridNavData, GridNavComputed, Vue2type {
 }
 /**
  * Represents the default `GridNav` component.
  */
-declare const GridNav: ComponentOptions<Vue, DefaultData<GridNavData>, DefaultMethods<GridNavAll>, GridNavComputed, RecordPropsDefinition<{}>>;
-declare const GridNavVue3: DefineComponent<{}, any, GridNavData, GridNavComputed, GridNavMethods, {}, {}, {}, string, {}, {}, {}>;
-export { GridNav, GridNavVue3 };
+declare const GridNavVue2: ComponentOptions<Vue2type, DefaultData<GridNavData>, DefaultMethods<GridNavAll>, GridNavComputed, RecordPropsDefinition<{}>>;
+declare const GridNav: DefineComponent<{}, any, GridNavData, GridNavComputed, GridNavMethods, {}, {}, {}, string, {}, {}, {}>;
+export { GridNav, GridNavVue2 };

package/dist/es/GridNav.js

@@ -7,7 +7,7 @@ import { getDefaultSlots, noop } from '@progress/kendo-vue-common';
  * Represents the default `GridNav` component.
  */
 
-var GridNav = {
+var GridNavVue2 = {
   name: 'KendoGridNav',
   props: {
     currentData: Array
@@ -85,6 +85,7 @@ var GridNav = {
       });
     }
   },
+  // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
     var defaultSlots = getDefaultSlots(this);
@@ -102,5 +103,5 @@ var GridNav = {
     }, [defaultSlots]);
   }
 };
-var GridNavVue3 = GridNav;
-export { GridNav, GridNavVue3 };
+var GridNav = GridNavVue2;
+export { GridNav, GridNavVue2 };

package/dist/es/GridNoRecords.d.ts

@@ -1,9 +1,8 @@
-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;
 };
-import { DefineComponent } from './additionalTypes';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
 /**
  * Represents the GridNoRecords component which is rendered
  * when the `data` property of the Grid is empty or `null`.
@@ -44,6 +43,6 @@ import { DefineComponent } from './additionalTypes';
 /**
  * Represents the default `GridNoRecords` component.
  */
-declare let GridNoRecords: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
-declare const GridNoRecordsVue3: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
-export { GridNoRecords, GridNoRecordsVue3 };
+declare let GridNoRecordsVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
+declare const GridNoRecords: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
+export { GridNoRecords, GridNoRecordsVue2 };

package/dist/es/GridNoRecords.js

@@ -48,7 +48,7 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
  * Represents the default `GridNoRecords` component.
  */
 
-var GridNoRecords = {
+var GridNoRecordsVue2 = {
   name: 'GridNoRecords',
   inject: {
     kendoLocalizationService: {
@@ -74,5 +74,5 @@ var GridNoRecords = {
     : this.v3 ? noRecordsMessage : this._v(noRecordsMessage);
   }
 };
-var GridNoRecordsVue3 = GridNoRecords;
-export { GridNoRecords, GridNoRecordsVue3 };
+var GridNoRecords = GridNoRecordsVue2;
+export { GridNoRecords, GridNoRecordsVue2 };

package/dist/es/GridToolbar.d.ts

@@ -1,57 +1,16 @@
 import { GridToolbarProps } from './interfaces/GridToolbarProps';
-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;
 };
-import { DefineComponent } from './additionalTypes';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
 /**
  * Represents the GridToolbar component.
  *
- * @example
- * ```tsx-no-run
- *   <div id="app">
- *       <Grid
- *           :data-items="products"
- *           :columns="columns">
- *       <grid-toolbar >
- *           <button title="Add new" class="k-button k-primary" @click='insert' >
- *                   Add new
- *           </button>
- *           <button v-if="hasItemsInEdit"
- *               title="Cancel current changes"
- *               class="k-button"
- *               @click="cancelChanges">
- *               Cancel current changes
- *           </button>
- *           </grid-toolbar>
- *       </Grid>
- *   </div>
- * <script>
- *       Vue.component('Grid', Grid);
- *       Vue.component('grid-toolbar', GridToolbar);
- *       new Vue({
- *           el: '#app',
- *           data: function () {
- *               return {
- *                  products: [
- *                    { 'foo': 'A1', 'bar': 'B1' },
- *                       { 'foo': 'A2', 'bar': 'B2' },
- *                       { 'foo': 'A3', 'bar': 'B2' }
- *                   ],
- *                   columns: [
- *                       { field: 'foo'},
- *                       { field: 'bar'}
- *                   ]
- *               };
- *           }
- *       });
- *   </script>
- * ```
  */
 /**
  * Represents the default `GridToolbar` component.
  */
-declare let GridToolbar: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<GridToolbarProps>>;
-declare const GridToolbarVue3: DefineComponent<GridToolbarProps, any, {}, {}, {}, {}, {}, {}, string, GridToolbarProps, GridToolbarProps, {}>;
-export { GridToolbar, GridToolbarVue3 };
+declare let GridToolbarVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<GridToolbarProps>>;
+declare const GridToolbar: DefineComponent<GridToolbarProps, any, {}, {}, {}, {}, {}, {}, string, GridToolbarProps, GridToolbarProps, {}>;
+export { GridToolbar, GridToolbarVue2 };

package/dist/es/GridToolbar.js

@@ -6,53 +6,13 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * Represents the GridToolbar component.
  *
- * @example
- * ```tsx-no-run
- *   <div id="app">
- *       <Grid
- *           :data-items="products"
- *           :columns="columns">
- *       <grid-toolbar >
- *           <button title="Add new" class="k-button k-primary" @click='insert' >
- *                   Add new
- *           </button>
- *           <button v-if="hasItemsInEdit"
- *               title="Cancel current changes"
- *               class="k-button"
- *               @click="cancelChanges">
- *               Cancel current changes
- *           </button>
- *           </grid-toolbar>
- *       </Grid>
- *   </div>
- * <script>
- *       Vue.component('Grid', Grid);
- *       Vue.component('grid-toolbar', GridToolbar);
- *       new Vue({
- *           el: '#app',
- *           data: function () {
- *               return {
- *                  products: [
- *                    { 'foo': 'A1', 'bar': 'B1' },
- *                       { 'foo': 'A2', 'bar': 'B2' },
- *                       { 'foo': 'A3', 'bar': 'B2' }
- *                   ],
- *                   columns: [
- *                       { field: 'foo'},
- *                       { field: 'bar'}
- *                   ]
- *               };
- *           }
- *       });
- *   </script>
- * ```
  */
 
 /**
  * Represents the default `GridToolbar` component.
  */
 
-var GridToolbar = {
+var GridToolbarVue2 = {
   name: 'GridToolbar',
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -70,5 +30,5 @@ var GridToolbar = {
     }, [defaultSlot]);
   }
 };
-var GridToolbarVue3 = GridToolbar;
-export { GridToolbar, GridToolbarVue3 };
+var GridToolbar = GridToolbarVue2;
+export { GridToolbar, GridToolbarVue2 };

package/dist/es/additionalTypes.ts

@@ -1,3 +1,9 @@
 // @ts-ignore
 import { DefineComponent } from 'vue';
-export { DefineComponent };
+// @ts-ignore
+import * as Vue from 'vue';
+// @ts-ignore
+type Vue2type = Vue.default;
+// @ts-ignore
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/es/cells/GridCell.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;
@@ -9,7 +8,7 @@ import { IntlService } from '@progress/kendo-vue-intl';
 /**
  * @hidden
  */
-export interface GridCellAll extends Vue {
+export interface GridCellAll extends Vue2type {
     _intl: IntlService;
     triggerKeydown: (e: any) => void;
     triggerClick: () => void;
@@ -23,6 +22,6 @@ export interface GridCellAll extends Vue {
 /**
  * Represents the default `GridCell` component.
  */
-declare let GridCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridCellAll>, {}, RecordPropsDefinition<GridCellProps>>;
-declare const GridCellVue3: DefineComponent<GridCellProps, any, {}, {}, {}, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
-export { GridCell, GridCellVue3 };
+declare let GridCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridCellAll>, {}, RecordPropsDefinition<GridCellProps>>;
+declare const GridCell: DefineComponent<GridCellProps, any, {}, {}, {}, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
+export { GridCell, GridCellVue2 };

package/dist/es/cells/GridCell.js

@@ -11,7 +11,7 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
  * Represents the default `GridCell` component.
  */
 
-var GridCell = {
+var GridCellVue2 = {
   name: 'GridCell',
   // @ts-ignore
   emits: {
@@ -151,5 +151,5 @@ var GridCell = {
     });
   }
 };
-var GridCellVue3 = GridCell;
-export { GridCell, GridCellVue3 };
+var GridCell = GridCellVue2;
+export { GridCell, GridCellVue2 };

package/dist/es/cells/GridDetailCell.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;
@@ -16,12 +15,12 @@ export interface GridDetailCellProps {
 /**
  * @hidden
  */
-export interface GridDetailCellAll extends GridDetailCellProps, Vue {
+export interface GridDetailCellAll extends GridDetailCellProps, Vue2type {
     getKeyboardNavigationAttributes: (id: string) => any;
 }
 /**
  * Represents the default `GridDetailCell` component.
  */
-declare let GridDetailCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridDetailCellAll>, {}, RecordPropsDefinition<GridDetailCellProps>>;
-declare const GridDetailCellVue3: DefineComponent<GridDetailCellProps, any, {}, {}, {}, {}, {}, {}, string, GridDetailCellProps, GridDetailCellProps, {}>;
-export { GridDetailCell, GridDetailCellVue3 };
+declare let GridDetailCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridDetailCellAll>, {}, RecordPropsDefinition<GridDetailCellProps>>;
+declare const GridDetailCell: DefineComponent<GridDetailCellProps, any, {}, {}, {}, {}, {}, {}, string, GridDetailCellProps, GridDetailCellProps, {}>;
+export { GridDetailCell, GridDetailCellVue2 };

package/dist/es/cells/GridDetailCell.js

@@ -9,7 +9,7 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
  * Represents the default `GridDetailCell` component.
  */
 
-var GridDetailCell = {
+var GridDetailCellVue2 = {
   props: {
     colSpan: Number,
     ariaColIndex: Number,
@@ -73,5 +73,5 @@ var GridDetailCell = {
     })]);
   }
 };
-var GridDetailCellVue3 = GridDetailCell;
-export { GridDetailCell, GridDetailCellVue3 };
+var GridDetailCell = GridDetailCellVue2;
+export { GridDetailCell, GridDetailCellVue2 };

package/dist/es/cells/GridDetailHierarchyCell.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;
@@ -11,12 +10,12 @@ export interface GridDetailHierarchyCellProps {
 /**
  * @hidden
  */
-export interface GridDetailHierarchyCellAll extends GridDetailHierarchyCellProps, Vue {
+export interface GridDetailHierarchyCellAll extends GridDetailHierarchyCellProps, Vue2type {
     getKeyboardNavigationAttributes: (id: string) => any;
 }
 /**
  * Represents the default `GridDetailHierarchyCell` component.
  */
-declare let GridDetailHierarchyCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridDetailHierarchyCellAll>, {}, RecordPropsDefinition<GridDetailHierarchyCellProps>>;
-declare const GridDetailHierarchyCellVue3: DefineComponent<GridDetailHierarchyCellProps, any, {}, {}, {}, {}, {}, {}, string, GridDetailHierarchyCellProps, GridDetailHierarchyCellProps, {}>;
-export { GridDetailHierarchyCell, GridDetailHierarchyCellVue3 };
+declare let GridDetailHierarchyCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridDetailHierarchyCellAll>, {}, RecordPropsDefinition<GridDetailHierarchyCellProps>>;
+declare const GridDetailHierarchyCell: DefineComponent<GridDetailHierarchyCellProps, any, {}, {}, {}, {}, {}, {}, string, GridDetailHierarchyCellProps, GridDetailHierarchyCellProps, {}>;
+export { GridDetailHierarchyCell, GridDetailHierarchyCellVue2 };

package/dist/es/cells/GridDetailHierarchyCell.js

@@ -9,7 +9,7 @@ import { noop } from '@progress/kendo-vue-common';
  * Represents the default `GridDetailHierarchyCell` component.
  */
 
-var GridDetailHierarchyCell = {
+var GridDetailHierarchyCellVue2 = {
   props: {
     id: String
   },
@@ -44,5 +44,5 @@ var GridDetailHierarchyCell = {
     });
   }
 };
-var GridDetailHierarchyCellVue3 = GridDetailHierarchyCell;
-export { GridDetailHierarchyCell, GridDetailHierarchyCellVue3 };
+var GridDetailHierarchyCell = GridDetailHierarchyCellVue2;
+export { GridDetailHierarchyCell, GridDetailHierarchyCellVue2 };

package/dist/es/cells/GridEditCell.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 GridEditCellMethods extends Vue {
+export interface GridEditCellMethods extends Vue2type {
     triggerClick: () => void;
     triggerKeydown: (e: any) => void;
     triggerEdit: (dataItem: any) => void;
@@ -33,6 +32,6 @@ export interface GridEditCellAll extends GridEditCellMethods, GridEditCellData {
 /**
  * Represents the default `GridEditCell` component.
  */
-declare let GridEditCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridEditCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
-declare const GridEditCellVue3: DefineComponent<GridCellProps, any, GridEditCellData, [], GridEditCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
-export { GridEditCell, GridEditCellVue3 };
+declare let GridEditCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridEditCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
+declare const GridEditCell: DefineComponent<GridCellProps, any, GridEditCellData, [], GridEditCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
+export { GridEditCell, GridEditCellVue2 };

package/dist/es/cells/GridEditCell.js

@@ -12,7 +12,7 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
  * Represents the default `GridEditCell` component.
  */
 
-var GridEditCell = {
+var GridEditCellVue2 = {
   props: {
     id: String,
     field: String,
@@ -229,7 +229,7 @@ var GridEditCell = {
             type: "checkbox"
           },
           type: "checkbox",
-          "class": "k-checkbox",
+          "class": "k-checkbox k-checkbox-md k-rounded-md",
           onChange: this.changeHandler,
           on: this.v3 ? undefined : {
             "change": this.changeHandler
@@ -268,11 +268,13 @@ var GridEditCell = {
           tabIndex: navAttrs.tabIndex,
           "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
           "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
+        }, [h("span", {
+          "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
         }, [h("input", {
           style: {
             width: '100%'
           },
-          "class": "k-textbox",
+          "class": "k-input-inner",
           value: this.v3 ? data !== null && data !== void 0 ? data : '' : null,
           domProps: this.v3 ? undefined : {
             "value": data !== null && data !== void 0 ? data : ''
@@ -281,7 +283,7 @@ var GridEditCell = {
           on: this.v3 ? undefined : {
             "change": this.changeHandler
           }
-        })]);
+        })])]);
     }
 
     return getTemplate.call(this, {
@@ -301,5 +303,5 @@ var GridEditCell = {
     });
   }
 };
-var GridEditCellVue3 = GridEditCell;
-export { GridEditCell, GridEditCellVue3 };
+var GridEditCell = GridEditCellVue2;
+export { GridEditCell, GridEditCellVue2 };

package/dist/es/cells/GridFilterCell.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;
@@ -8,7 +7,7 @@ import { GridFilterCellProps } from '../interfaces/GridFilterCellProps';
 /**
  * @hidden
  */
-export interface GridFilterCellMethods extends Vue {
+export interface GridFilterCellMethods extends Vue2type {
     triggerClick: () => void;
     inputChange: (value: any, e: any) => void;
     operatorChange: (operatorValue: any, e: any) => void;
@@ -19,6 +18,6 @@ export interface GridFilterCellMethods extends Vue {
 /**
  * Represents the default `GridFilterCell` component.
  */
-declare let GridFilterCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridFilterCellMethods>, {}, RecordPropsDefinition<GridFilterCellProps>>;
-declare const GridFilterCellVue3: DefineComponent<GridFilterCellProps, any, {}, {}, GridFilterCellMethods, {}, {}, {}, string, GridFilterCellProps, GridFilterCellProps, {}>;
-export { GridFilterCell, GridFilterCellVue3 };
+declare let GridFilterCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridFilterCellMethods>, {}, RecordPropsDefinition<GridFilterCellProps>>;
+declare const GridFilterCell: DefineComponent<GridFilterCellProps, any, {}, {}, GridFilterCellMethods, {}, {}, {}, string, GridFilterCellProps, GridFilterCellProps, {}>;
+export { GridFilterCell, GridFilterCellVue2 };

package/dist/es/cells/GridFilterCell.js

@@ -3,6 +3,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 { messages, filterClearButton, filterChooseOperator } from '../messages';
 import { DropDownList } from '@progress/kendo-vue-dropdowns';
 import { NumericTextBox } from '@progress/kendo-vue-inputs';
@@ -14,7 +15,7 @@ import { templateRendering, getListeners, getTemplate } from '@progress/kendo-vu
  * Represents the default `GridFilterCell` component.
  */
 
-var GridFilterCell = {
+var GridFilterCellVue2 = {
   name: 'KendoGridFilterCell',
   props: {
     id: String,
@@ -189,8 +190,10 @@ var GridFilterCell = {
           );
 
         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 || ''
@@ -207,7 +210,7 @@ var GridFilterCell = {
             attrs: this.v3 ? undefined : {
               title: this.$props.title
             }
-          });
+          })]);
       }
     };
 
@@ -215,25 +218,23 @@ var GridFilterCell = {
       "class": "k-filtercell"
     }, [h("div", {
       "class": "k-filtercell-wrapper"
-    }, [filterComponent.call(this, this.$props.filterType, this.$props.value), h("div", {
-      "class": "k-filtercell-operator"
-    }, [renderOperatorEditor.call(this), h("button", {
-      "class":
-      /* button is always visible if there is either value or operator */
-      !(this.$props.value === null || this.$props.value === '') || this.$props.operator ? 'k-button k-button-icon k-clear-button-visible' : 'k-button k-button-icon',
-      title: localizationService.toLanguageString(filterClearButton, messages[filterClearButton]),
+    }, [filterComponent.call(this, this.$props.filterType, this.$props.value), renderOperatorEditor.call(this), // @ts-ignore function children 
+    h(Button, {
+      icon: 'filter-clear',
       attrs: this.v3 ? undefined : {
-        title: localizationService.toLanguageString(filterClearButton, messages[filterClearButton]),
-        type: "button"
+        icon: 'filter-clear',
+        title: localizationService.toLanguageString(filterClearButton, messages[filterClearButton])
+      },
+      "class": {
+        /* button is always visible if there is either value or operator */
+        'k-disabled': !(!(this.$props.value === null || this.$props.value === '') || this.$props.operator)
       },
-      type: "button",
+      title: localizationService.toLanguageString(filterClearButton, messages[filterClearButton]),
       onClick: this.clear,
       on: this.v3 ? undefined : {
         "click": this.clear
       }
-    }, [h("span", {
-      "class": "k-icon k-i-filter-clear"
-    })])])])]);
+    })])]);
     var gridListeners = this.$props.grid ? getListeners.call(this.$props.grid) : null;
     var cellRenderFunction = templateRendering.call(this.$props.grid, this.$props.render, gridListeners);
     return getTemplate.call(this, {
@@ -247,5 +248,5 @@ var GridFilterCell = {
     });
   }
 };
-var GridFilterCellVue3 = GridFilterCell;
-export { GridFilterCell, GridFilterCellVue3 };
+var GridFilterCell = GridFilterCellVue2;
+export { GridFilterCell, GridFilterCellVue2 };

package/dist/es/cells/GridGroupCell.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 GridGroupCellMethods extends Vue {
+export interface GridGroupCellMethods 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 GridGroupCellMethods extends Vue {
 /**
  * Represents the default `GridGroupCell` component.
  */
-declare let GridGroupCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridGroupCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
-declare const GridGroupCellVue3: DefineComponent<GridCellProps, any, {}, {}, GridGroupCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
-export { GridGroupCell, GridGroupCellVue3 };
+declare let GridGroupCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridGroupCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
+declare const GridGroupCell: DefineComponent<GridCellProps, any, {}, {}, GridGroupCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
+export { GridGroupCell, GridGroupCellVue2 };

package/dist/es/cells/GridGroupCell.js

@@ -8,7 +8,7 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
  * Represents the default `GridGroupCell` component.
  */
 
-var GridGroupCell = {
+var GridGroupCellVue2 = {
   props: {
     id: String,
     field: String,
@@ -168,5 +168,5 @@ var GridGroupCell = {
     });
   }
 };
-var GridGroupCellVue3 = GridGroupCell;
-export { GridGroupCell, GridGroupCellVue3 };
+var GridGroupCell = GridGroupCellVue2;
+export { GridGroupCell, GridGroupCellVue2 };