@progress/kendo-vue-grid 3.5.0 → 3.5.1-dev.202208150613

package/dist/es/columnMenu/GridColumnMenuFilterCell.js

@@ -6,7 +6,7 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 import { DropDownList } from '@progress/kendo-vue-dropdowns';
 import { NumericTextBox } from '@progress/kendo-vue-inputs';
 import { DatePicker } from '@progress/kendo-vue-dateinputs';
-import { cellBoolDropdownChange, cellInputChange, cellOperatorChange } from '../filterCommon';
+import { cellBoolDropdownChange, cellInputChange } from '../filterCommon';
 /**
  * @hidden
  */
@@ -36,10 +36,6 @@ var GridColumnMenuFilterCellVue2 = {
       var filter = cellInputChange(value, e, this.$props);
       this.triggerChange(filter);
     },
-    operatorChange: function operatorChange(operatorValue, e) {
-      var filter = cellOperatorChange(operatorValue.value.operator, e, this.$props.value);
-      this.triggerChange(filter);
-    },
     boolDropdownChange: function boolDropdownChange(value, e) {
       var filter = cellBoolDropdownChange(value.value.operator, e);
       this.triggerChange(filter);
@@ -57,114 +53,95 @@ var GridColumnMenuFilterCellVue2 = {
     var _this = this;
 
     var h = gh || createElement;
-    var ddlValue = this.$props.operators.find(function (item) {
-      return item.operator === _this.$props.operator;
-    }) || null;
-
-    var filterComponent = function filterComponent(filterType, value, booleanValues) {
-      var _this = this;
+    var _a = this.$props,
+        filterType = _a.filterType,
+        value = _a.value,
+        booleanValues = _a.booleanValues;
 
-      switch (filterType) {
-        case 'numeric':
-          return (// @ts-ignore
-            h(NumericTextBox, {
-              value: value,
-              attrs: this.v3 ? undefined : {
-                value: value
-              },
-              onChange: function onChange(e) {
+    switch (filterType) {
+      case 'numeric':
+        return (// @ts-ignore
+          h(NumericTextBox, {
+            value: value,
+            attrs: this.v3 ? undefined : {
+              value: value
+            },
+            onChange: function onChange(e) {
+              _this.inputChange(e.value, e.event);
+            },
+            on: this.v3 ? undefined : {
+              "change": function onChange(e) {
                 _this.inputChange(e.value, e.event);
-              },
-              on: this.v3 ? undefined : {
-                "change": function onChange(e) {
-                  _this.inputChange(e.value, e.event);
-                }
               }
-            })
-          );
+            }
+          })
+        );
 
-        case 'date':
-          return (// @ts-ignore
-            h(DatePicker, {
-              value: value,
-              attrs: this.v3 ? undefined : {
-                value: value
-              },
-              onFocus: this.handleFocus,
-              on: this.v3 ? undefined : {
-                "focus": this.handleFocus,
-                "change": function change(e) {
-                  _this.inputChange(e.value, e.event);
-                }
-              },
-              onChange: function change(e) {
+      case 'date':
+        return (// @ts-ignore
+          h(DatePicker, {
+            value: value,
+            attrs: this.v3 ? undefined : {
+              value: value
+            },
+            onFocus: this.handleFocus,
+            on: this.v3 ? undefined : {
+              "focus": this.handleFocus,
+              "change": function change(e) {
                 _this.inputChange(e.value, e.event);
               }
-            })
-          );
+            },
+            onChange: function change(e) {
+              _this.inputChange(e.value, e.event);
+            }
+          })
+        );
 
-        case 'boolean':
-          var noFilterSet_1 = function noFilterSet_1(filter) {
-            return filter === null || filter === undefined;
-          };
+      case 'boolean':
+        var noFilterSet_1 = function noFilterSet_1(filter) {
+          return filter === null || filter === undefined;
+        };
 
-          return (// @ts-ignore
-            h(DropDownList, {
-              onChange: this.boolDropdownChange,
-              on: this.v3 ? undefined : {
-                "change": this.boolDropdownChange
-              },
+        return (// @ts-ignore
+          h(DropDownList, {
+            onChange: this.boolDropdownChange,
+            on: this.v3 ? undefined : {
+              "change": this.boolDropdownChange
+            },
+            value: booleanValues.find(function (item) {
+              return item.operator === (noFilterSet_1(value) ? '' : value);
+            }),
+            attrs: this.v3 ? undefined : {
               value: booleanValues.find(function (item) {
                 return item.operator === (noFilterSet_1(value) ? '' : value);
               }),
-              attrs: this.v3 ? undefined : {
-                value: booleanValues.find(function (item) {
-                  return item.operator === (noFilterSet_1(value) ? '' : value);
-                }),
-                "data-items": booleanValues,
-                textField: "text"
-              },
               "data-items": booleanValues,
               textField: "text"
-            })
-          );
-
-        default:
-          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 || ''
             },
-            onInput: function onInput(e) {
+            "data-items": booleanValues,
+            textField: "text"
+          })
+        );
+
+      default:
+        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 || ''
+          },
+          onInput: function onInput(e) {
+            _this.inputChange(e.target.value, e);
+          },
+          on: this.v3 ? undefined : {
+            "input": function onInput(e) {
               _this.inputChange(e.target.value, e);
-            },
-            on: this.v3 ? undefined : {
-              "input": function onInput(e) {
-                _this.inputChange(e.target.value, e);
-              }
             }
-          })]);
-      }
-    };
-
-    return h("div", [this.$props.filterType !== 'boolean' && // @ts-ignore
-    h(DropDownList, {
-      onChange: this.operatorChange,
-      on: this.v3 ? undefined : {
-        "change": this.operatorChange
-      },
-      value: ddlValue,
-      attrs: this.v3 ? undefined : {
-        value: ddlValue,
-        "data-items": this.$props.operators,
-        textField: "text"
-      },
-      "data-items": this.$props.operators,
-      textField: "text"
-    }), filterComponent.call(this, this.$props.filterType, this.$props.value, this.$props.booleanValues)]);
+          }
+        })]);
+    }
   }
 };
 /**

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

@@ -0,0 +1,36 @@
+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;
+};
+/**
+ * @hidden
+ */
+export interface ColumnMenuFilterOperatorsProps {
+    filterType: string;
+    operator: string;
+    operators: Array<{
+        text: string;
+        operator: any;
+    }>;
+    onChange?: (event: {
+        value: any;
+        operator: string | Function;
+    }) => void;
+}
+/**
+ * @hidden
+ */
+export interface ColumnMenuFilterOperatorsMethods extends Vue2type {
+    triggerChange: (filter: any) => void;
+    operatorChange: (operatorValue: any, e: any) => void;
+}
+/**
+ * @hidden
+ */
+declare let ColumnMenuFilterOperatorsVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ColumnMenuFilterOperatorsMethods>, {}, RecordPropsDefinition<ColumnMenuFilterOperatorsProps>>;
+/**
+ * @hidden
+ */
+declare const ColumnMenuFilterOperators: DefineComponent<ColumnMenuFilterOperatorsProps, any, {}, {}, ColumnMenuFilterOperatorsMethods, {}, {}, {}, string, ColumnMenuFilterOperatorsProps, ColumnMenuFilterOperatorsProps, {}>;
+export { ColumnMenuFilterOperators, ColumnMenuFilterOperatorsVue2 };

package/dist/es/columnMenu/GridColumnMenuFilterOperators.js

@@ -0,0 +1,68 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { DropDownList } from '@progress/kendo-vue-dropdowns';
+import { cellOperatorChange } from '../filterCommon';
+/**
+ * @hidden
+ */
+
+var ColumnMenuFilterOperatorsVue2 = {
+  props: {
+    filterType: String,
+    operator: String,
+    operators: Array
+  },
+  // @ts-ignore
+  emits: {
+    change: null
+  },
+  methods: {
+    triggerChange: function triggerChange(filter) {
+      this.$emit('change', filter);
+    },
+    operatorChange: function operatorChange(operatorValue, e) {
+      var filter = cellOperatorChange(operatorValue.value.operator, e, this.$props.value);
+      this.triggerChange(filter);
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement;
+    var ddlValue = this.$props.operators.find(function (item) {
+      return item.operator === _this.$props.operator;
+    }) || null;
+    return this.$props.filterType !== 'boolean' ? // @ts-ignore
+    h(DropDownList, {
+      onChange: this.operatorChange,
+      on: this.v3 ? undefined : {
+        "change": this.operatorChange
+      },
+      value: ddlValue,
+      attrs: this.v3 ? undefined : {
+        value: ddlValue,
+        "data-items": this.$props.operators,
+        textField: "text"
+      },
+      "data-items": this.$props.operators,
+      textField: "text"
+    }) : null;
+  }
+};
+/**
+ * @hidden
+ */
+
+var ColumnMenuFilterOperators = ColumnMenuFilterOperatorsVue2;
+export { ColumnMenuFilterOperators, ColumnMenuFilterOperatorsVue2 };

package/dist/es/columnMenu/GridColumnMenuItem.js

@@ -49,9 +49,9 @@ var GridColumnMenuItemVue2 = {
         "click": this.onClick
       },
       onClick: this.onClick,
-      "class": "k-columnmenu-item " + (selected ? 'k-selected' : '')
+      "class": "k-columnmenu-item ".concat(selected ? 'k-selected' : '')
     }, [iconClass && h("span", {
-      "class": "k-icon " + iconClass
+      "class": "k-icon ".concat(iconClass)
     }), title]);
   }
 };

package/dist/es/filterCommon.d.ts

@@ -56,7 +56,7 @@ export declare const getDefaultOperator: (filterOperators: GridFilterOperators |
 /**
  * @hidden
  */
-export declare const getFilterType: (filterType: 'text' | 'numeric' | 'boolean' | 'date' | undefined) => "boolean" | "text" | "numeric" | "date";
+export declare const getFilterType: (filterType: 'text' | 'numeric' | 'boolean' | 'date' | undefined) => "boolean" | "numeric" | "text" | "date";
 /**
  * @hidden
  */

package/dist/es/footer/Footer.js

@@ -33,7 +33,7 @@ var FooterVue2 = {
         var right = this.rtl ? 0 : padding;
         var left = this.rtl ? padding : 0;
         return {
-          padding: "0 " + right + " 0 " + left
+          padding: "0 ".concat(right, " 0 ").concat(left)
         };
       }
     },

package/dist/es/footer/FooterRow.js

@@ -40,7 +40,7 @@ var FooterRowVue2 = {
     var renderCell = function renderCell(column, index) {
       var footerCellRendering = null;
       var stickyClassName = column.locked && column.left !== undefined ? 'k-grid-footer-sticky' : '';
-      var tdClassName = column.footerClassName ? column.footerClassName + " " + stickyClassName : stickyClassName;
+      var tdClassName = column.footerClassName ? "".concat(column.footerClassName, " ").concat(stickyClassName) : stickyClassName;
       footerCellRendering = getTemplate.call(this, {
         h: h,
         template: column.footerCell,

package/dist/es/header/FilterRow.js

@@ -31,7 +31,7 @@ var FilterRowVue2 = {
   },
   methods: {
     headerCellClassName: function headerCellClassName(field, locked) {
-      var result = "" + (locked ? 'k-grid-header-sticky' : '');
+      var result = "".concat(locked ? 'k-grid-header-sticky' : '');
 
       if (this.$props.sort && this.$props.sort.filter(function (descriptor) {
         return descriptor.field === field;

package/dist/es/header/Header.js

@@ -50,7 +50,7 @@ var HeaderVue2 = {
     var right = rtl ? 0 : padding;
     var left = rtl ? padding : 0;
     this.divStyle = {
-      padding: "0 " + right + " 0 " + left
+      padding: "0 ".concat(right, " 0 ").concat(left)
     };
   },
   methods: {

package/dist/es/header/HeaderRow.js

@@ -137,7 +137,7 @@ var HeaderRowVue2 = {
     },
     cellClass: function cellClass(field, headerClassName, locked) {
       var customClass = headerClassName ? ' ' + headerClassName : '';
-      var result = "k-header " + (locked ? 'k-grid-header-sticky' : '') + customClass;
+      var result = "k-header ".concat(locked ? 'k-grid-header-sticky' : '') + customClass;
 
       if (this.$props.sort && this.$props.sort.filter(function (descriptor) {
         return descriptor.field === field;

package/dist/es/interfaces/ExtendedColumnProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridCellProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridColumnMenuColumnProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridColumnMenuExtendedFilterProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridColumnMenuFilterBaseProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridColumnMenuFilterProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridColumnMenuFilterUIProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridColumnMenuProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridColumnMenuSortBaseProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridColumnProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridDetailRowProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridFilterCellProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridFilterOperator.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridFilterOperators.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridFooterCellProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridGroupableSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridHeaderCellProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridHeaderSelectionCellProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridNoRecordsProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridRowProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridRowType.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridSortSettings.js

@@ -1,9 +1,11 @@
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 /**
  * @hidden
@@ -14,5 +16,5 @@ export var normalize = function () {
     for (var _i = 0; _i < arguments.length; _i++) {
         settings[_i] = arguments[_i];
     }
-    return (_a = Object).assign.apply(_a, __spreadArrays([{ allowUnsort: true, mode: 'single' }], settings));
+    return (_a = Object).assign.apply(_a, __spreadArray([{ allowUnsort: true, mode: 'single' }], settings, false));
 };

package/dist/es/interfaces/GridToolbarProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/events.js

@@ -0,0 +1 @@
+export {};

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-grid',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1659429154,
+    publishDate: 1660543627,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/es/rows/GridDetailRow.d.ts

@@ -11,5 +11,6 @@ declare const GridDetailRowVue2: ComponentOptions<Vue2type, DefaultData<{}>, Def
 /**
  * @hidden
  */
-declare const GridDetailRow: DefineComponent<GridDetailRowProps, any, {}, {}, [], {}, {}, {}, string, GridDetailRowProps, GridDetailRowProps, {}>;
+declare const GridDetailRow: DefineComponent<GridDetailRowProps, any, {}, {}, [
+], {}, {}, {}, string, GridDetailRowProps, GridDetailRowProps, {}>;
 export { GridDetailRow, GridDetailRowVue2 };

package/dist/es/utils/index.js

@@ -105,8 +105,8 @@ var GridColumnDefaults = {
     reorderable: true,
     groupable: true
 };
-var deprecatedHandlerMessage = function (oldKey, newKey) { return ("The " + oldKey + " event handler property is deprecated, " +
-    ("use https://www.telerik.com/kendo-vue-ui/components/grid/api/GridProps/#toc-" + newKey + " instead")); };
+var deprecatedHandlerMessage = function (oldKey, newKey) { return ("The ".concat(oldKey, " event handler property is deprecated, ") +
+    "use https://www.telerik.com/kendo-vue-ui/components/grid/api/GridProps/#toc-".concat(newKey, " instead")); };
 /**
  * @hidden
  */
@@ -223,7 +223,7 @@ export function readColumns(newColumns, oldColumns, idInfo, depth) {
             columnProps.children.filter(function (column) { return !column.hidden; }) : columnProps.children;
         var c = readColumns(notHiddenChildren, oldColumn && oldColumn.children || [], idInfo, depth + 1);
         columns.push(Object.assign({ depth: depth }, GridColumnDefaults, (c.length) ? { cell: function () { return null; }, filterCell: function () { return null; } } : {}, oldColumn ? { width: oldColumn.width, orderIndex: oldColumn.orderIndex } : {}, columnProps, {
-            id: navigationTools.generateNavigatableId("" + idInfo.prevId++, idInfo.idPrefix, 'column'),
+            id: navigationTools.generateNavigatableId("".concat(idInfo.prevId++), idInfo.idPrefix, 'column'),
             declarationIndex: columns.length,
             children: c,
             rowSpan: 0,
@@ -276,7 +276,7 @@ export function autoGenerateColumns(data, group, expandField, idInfo) {
         fields.forEach(function (field) {
             if (field !== expandField && field !== '__ob__') {
                 columns.push(Object.assign({
-                    id: navigationTools.generateNavigatableId("" + idInfo.prevId++, idInfo.idPrefix, 'column'),
+                    id: navigationTools.generateNavigatableId("".concat(idInfo.prevId++), idInfo.idPrefix, 'column'),
                     declarationIndex: -1,
                     parentIndex: -1,
                     depth: 0,