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

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

@@ -0,0 +1,45 @@
+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;
+};
+import { GridFilterOperator } from '../interfaces/GridFilterOperator';
+/**
+ * @hidden
+ */
+export interface ColumnMenuFilterCellProps {
+    field?: string;
+    filterType: string;
+    value: any;
+    operator: string;
+    operators: Array<{
+        text: string;
+        operator: any;
+    }>;
+    booleanValues: GridFilterOperator[];
+    onFocus?: (e: any) => void;
+    onChange?: (event: {
+        value: any;
+        operator: string | Function;
+        syntheticEvent: any;
+    }) => void;
+}
+/**
+ * @hidden
+ */
+export interface GridColumnMenuFilterCellMethods extends Vue2type {
+    handleFocus: (e: any) => void;
+    triggerChange: (filter: any) => void;
+    inputChange: (value: any, e: any) => void;
+    operatorChange: (operatorValue: any, e: any) => void;
+    boolDropdownChange: (value: any, e: any) => void;
+}
+/**
+ * @hidden
+ */
+declare let GridColumnMenuFilterCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridColumnMenuFilterCellMethods>, {}, RecordPropsDefinition<ColumnMenuFilterCellProps>>;
+/**
+ * @hidden
+ */
+declare const GridColumnMenuFilterCell: DefineComponent<ColumnMenuFilterCellProps, any, {}, {}, GridColumnMenuFilterCellMethods, {}, {}, {}, string, ColumnMenuFilterCellProps, ColumnMenuFilterCellProps, {}>;
+export { GridColumnMenuFilterCell, GridColumnMenuFilterCellVue2 };

package/dist/esm/columnMenu/GridColumnMenuFilterCell.js

@@ -0,0 +1,152 @@
+// @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 { NumericTextBox } from '@progress/kendo-vue-inputs';
+import { DatePicker } from '@progress/kendo-vue-dateinputs';
+import { cellBoolDropdownChange, cellInputChange } from '../filterCommon.js';
+/**
+ * @hidden
+ */
+
+var GridColumnMenuFilterCellVue2 = {
+  props: {
+    field: String,
+    filterType: String,
+    value: [Object, String, Number, Date, Boolean],
+    operator: String,
+    operators: Array,
+    booleanValues: Array
+  },
+  // @ts-ignore
+  emits: {
+    change: null,
+    filtercellfocus: null
+  },
+  methods: {
+    handleFocus: function handleFocus(e) {
+      this.$emit('filtercellfocus', e);
+    },
+    triggerChange: function triggerChange(filter) {
+      this.$emit('change', filter);
+    },
+    inputChange: function inputChange(value, e) {
+      var filter = cellInputChange(value, e, this.$props);
+      this.triggerChange(filter);
+    },
+    boolDropdownChange: function boolDropdownChange(value, e) {
+      var filter = cellBoolDropdownChange(value.value.operator, e);
+      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 _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) {
+              _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) {
+              _this.inputChange(e.value, e.event);
+            }
+          })
+        );
+
+      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
+            },
+            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) {
+            _this.inputChange(e.target.value, e);
+          },
+          on: this.v3 ? undefined : {
+            "input": function onInput(e) {
+              _this.inputChange(e.target.value, e);
+            }
+          }
+        })]);
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var GridColumnMenuFilterCell = GridColumnMenuFilterCellVue2;
+export { GridColumnMenuFilterCell, GridColumnMenuFilterCellVue2 };

package/dist/esm/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/esm/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.js';
+/**
+ * @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/esm/columnMenu/GridColumnMenuFilterUI.d.ts

@@ -0,0 +1,24 @@
+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;
+};
+import { GridColumnMenuFilterUIProps } from '../interfaces/GridColumnMenuFilterUIProps';
+/**
+ * @hidden
+ */
+export interface GridColumnMenuFilterUIMethods extends Vue2type {
+    triggerClick: () => void;
+    handleFocus: (e: any) => void;
+    changeHandler: (e: any, filterIndex: number) => void;
+    logicChange: (e: any) => void;
+}
+/**
+ * @hidden
+ */
+declare let GridColumnMenuFilterUIVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridColumnMenuFilterUIMethods>, {}, RecordPropsDefinition<GridColumnMenuFilterUIProps>>;
+/**
+ * @hidden
+ */
+declare const GridColumnMenuFilterUI: DefineComponent<GridColumnMenuFilterUIProps, any, {}, {}, GridColumnMenuFilterUIMethods, {}, {}, {}, string, GridColumnMenuFilterUIProps, GridColumnMenuFilterUIProps, {}>;
+export { GridColumnMenuFilterUI, GridColumnMenuFilterUIVue2 };

package/dist/esm/columnMenu/GridColumnMenuFilterUI.js

@@ -0,0 +1,155 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { GridColumnMenuFilterCell } from './GridColumnMenuFilterCell.js';
+import { DropDownList } from '@progress/kendo-vue-dropdowns';
+import { getTemplate } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var GridColumnMenuFilterUIVue2 = {
+  props: {
+    firstFilterProps: Object,
+    secondFilterProps: Object,
+    logicValue: Object,
+    logicData: Array,
+    hideSecondFilter: Boolean,
+    operators: Array,
+    render: [String, Function, Object]
+  },
+  // @ts-ignore
+  emits: {
+    change: null,
+    filteruifocus: null,
+    logicChange: null
+  },
+  methods: {
+    handleFocus: function handleFocus(e) {
+      this.$emit('filteruifocus', e);
+    },
+    changeHandler: function changeHandler(e, filterIndex) {
+      this.$emit('change', e, filterIndex);
+    },
+    logicChange: function logicChange(e) {
+      this.$emit('logicChange', e);
+    }
+  },
+  // @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 _a = this.$props,
+        firstFilterProps = _a.firstFilterProps,
+        hideSecondFilter = _a.hideSecondFilter,
+        secondFilterProps = _a.secondFilterProps,
+        logicData = _a.logicData,
+        logicValue = _a.logicValue,
+        operators = _a.operators,
+        render = _a.render;
+    var firstField = firstFilterProps.field,
+        firstValue = firstFilterProps.value,
+        firstOperator = firstFilterProps.operator,
+        firstBooleanValues = firstFilterProps.booleanValues,
+        firstFilterType = firstFilterProps.filterType,
+        secondField = secondFilterProps.field,
+        secondValue = secondFilterProps.value,
+        secondOperator = secondFilterProps.operator,
+        secondBooleanValues = secondFilterProps.booleanValues,
+        secondFilterType = secondFilterProps.filterType;
+    var defaultRendering = h("div", [// @ts-ignore
+    h(GridColumnMenuFilterCell, {
+      field: firstField,
+      attrs: this.v3 ? undefined : {
+        field: firstField,
+        value: firstValue,
+        operator: firstOperator,
+        booleanValues: firstBooleanValues,
+        filterType: firstFilterType,
+        operators: operators
+      },
+      value: firstValue,
+      operator: firstOperator,
+      booleanValues: firstBooleanValues,
+      filterType: firstFilterType,
+      onFiltercellfocus: this.handleFocus,
+      on: this.v3 ? undefined : {
+        "filtercellfocus": this.handleFocus,
+        "change": function change(e) {
+          _this.changeHandler(e, 0);
+        }
+      },
+      onChange: function change(e) {
+        _this.changeHandler(e, 0);
+      },
+      operators: operators
+    }), !hideSecondFilter && h("div", [// @ts-ignore
+    h(DropDownList, {
+      onChange: this.logicChange,
+      on: this.v3 ? undefined : {
+        "change": this.logicChange
+      },
+      "class": "k-filter-and",
+      "data-items": logicData,
+      attrs: this.v3 ? undefined : {
+        "data-items": logicData,
+        value: logicValue,
+        textField: "text"
+      },
+      value: logicValue,
+      textField: "text"
+    }), // @ts-ignore
+    h(GridColumnMenuFilterCell, {
+      field: secondField,
+      attrs: this.v3 ? undefined : {
+        field: secondField,
+        value: secondValue,
+        operator: secondOperator,
+        booleanValues: secondBooleanValues,
+        filterType: secondFilterType,
+        operators: operators
+      },
+      value: secondValue,
+      operator: secondOperator,
+      booleanValues: secondBooleanValues,
+      filterType: secondFilterType,
+      onFiltercellfocus: this.handleFocus,
+      on: this.v3 ? undefined : {
+        "filtercellfocus": this.handleFocus,
+        "change": function change(e) {
+          _this.changeHandler(e, 1);
+        }
+      },
+      onChange: function change(e) {
+        _this.changeHandler(e, 1);
+      },
+      operators: operators
+    })])]);
+    return getTemplate.call(this, {
+      h: h,
+      template: render,
+      defaultRendering: defaultRendering,
+      additionalProps: this.$props,
+      additionalListeners: {
+        change: this.changeHandler,
+        logicchange: this.logicChange
+      }
+    });
+  }
+};
+/**
+ * @hidden
+ */
+
+var GridColumnMenuFilterUI = GridColumnMenuFilterUIVue2;
+export { GridColumnMenuFilterUI, GridColumnMenuFilterUIVue2 };

package/dist/esm/columnMenu/GridColumnMenuItem.d.ts

@@ -0,0 +1,42 @@
+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;
+};
+/**
+ * The props of the GridColumnMenuItem component.
+ */
+export interface GridColumnMenuItemProps {
+    /**
+     * Triggered on each click on the title.
+     */
+    onClick?: Function;
+    /**
+     * The title of the GridColumnMenuItem component.
+     */
+    title: string;
+    /**
+     * The class of the icon rendered next to the title.
+     */
+    iconClass: string;
+    /**
+     * The selected state of the component.
+     */
+    selected?: boolean;
+}
+/**
+ * @hidden
+ */
+export interface GridColumnMenuItemMethods extends Vue2type {
+    onClick: () => void;
+    onKeyDown: () => void;
+}
+/**
+ * @hidden
+ */
+declare let GridColumnMenuItemVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridColumnMenuItemMethods>, {}, RecordPropsDefinition<GridColumnMenuItemProps>>;
+/**
+ * @hidden
+ */
+declare const GridColumnMenuItem: DefineComponent<GridColumnMenuItemProps, any, {}, {}, GridColumnMenuItemMethods, {}, {}, {}, string, GridColumnMenuItemProps, GridColumnMenuItemProps, {}>;
+export { GridColumnMenuItem, GridColumnMenuItemVue2 };

package/dist/esm/columnMenu/GridColumnMenuItem.js

@@ -0,0 +1,63 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { Keys } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var GridColumnMenuItemVue2 = {
+  props: {
+    title: String,
+    iconClass: String,
+    selected: Boolean
+  },
+  methods: {
+    onClick: function onClick(e) {
+      this.$emit('menuitemclick', e);
+    },
+    onKeyDown: function onKeyDown(event) {
+      if (event.keyCode === Keys.enter) {
+        this.$emit('menuitemclick', event);
+      }
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var _a = this.$props,
+        title = _a.title,
+        iconClass = _a.iconClass,
+        selected = _a.selected;
+    return h("div", {
+      tabindex: 0,
+      attrs: this.v3 ? undefined : {
+        tabindex: 0
+      },
+      onKeydown: this.onKeyDown,
+      on: this.v3 ? undefined : {
+        "keydown": this.onKeyDown,
+        "click": this.onClick
+      },
+      onClick: this.onClick,
+      "class": "k-columnmenu-item ".concat(selected ? 'k-selected' : '')
+    }, [iconClass && h("span", {
+      "class": "k-icon ".concat(iconClass)
+    }), title]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var GridColumnMenuItem = GridColumnMenuItemVue2;
+export { GridColumnMenuItem, GridColumnMenuItemVue2 };

package/dist/esm/columnMenu/GridColumnMenuItemContent.d.ts

@@ -0,0 +1,34 @@
+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;
+};
+/**
+ * The props of the GridColumnMenuItemContent component.
+ */
+export interface GridColumnMenuItemContentProps {
+    /**
+     * The `show` state of the component. Each change is animated with the Reveal animation.
+     */
+    show: boolean;
+}
+/**
+ * @hidden
+ */
+export interface GridColumnMenuItemContentMethods extends Vue2type {
+    triggerClick: () => void;
+    triggerEdit: (dataItem: any) => void;
+    triggerAdd: (dataItem: any) => void;
+    triggerCancel: (dataItem: any) => void;
+    triggerSave: (dataItem: any) => void;
+    triggerRemove: (dataItem: any) => void;
+}
+/**
+ * @hidden
+ */
+declare let GridColumnMenuItemContentVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridColumnMenuItemContentMethods>, {}, RecordPropsDefinition<GridColumnMenuItemContentProps>>;
+/**
+ * @hidden
+ */
+declare const GridColumnMenuItemContent: DefineComponent<GridColumnMenuItemContentProps, any, {}, {}, GridColumnMenuItemContentMethods, {}, {}, {}, string, GridColumnMenuItemContentProps, GridColumnMenuItemContentProps, {}>;
+export { GridColumnMenuItemContent, GridColumnMenuItemContentVue2 };

package/dist/esm/columnMenu/GridColumnMenuItemContent.js

@@ -0,0 +1,51 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { Reveal } from '@progress/kendo-vue-animation';
+/**
+ * @hidden
+ */
+
+var GridColumnMenuItemContentVue2 = {
+  props: {
+    show: Boolean
+  },
+  // @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 defaultSlot = getDefaultSlots(this);
+    return h("div", {
+      "class": 'k-columnmenu-item-content'
+    }, [// @ts-ignore function children
+    h(Reveal, {
+      appear: this.$props.show,
+      attrs: this.v3 ? undefined : {
+        appear: this.$props.show
+      },
+      style: {
+        position: 'relative',
+        display: 'block'
+      }
+    }, this.v3 ? function () {
+      return [_this.$props.show ? defaultSlot : null];
+    } : [_this.$props.show ? defaultSlot : null])]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var GridColumnMenuItemContent = GridColumnMenuItemContentVue2;
+export { GridColumnMenuItemContent, GridColumnMenuItemContentVue2 };

package/dist/esm/columnMenu/GridColumnMenuItemGroup.d.ts

@@ -0,0 +1,19 @@
+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;
+};
+/**
+ * The props of the GridColumnMenuItemGroup component.
+ */
+export interface GridColumnMenuItemGroupProps {
+}
+/**
+ * @hidden
+ */
+declare let GridColumnMenuItemGroupVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<GridColumnMenuItemGroupProps>>;
+/**
+ * @hidden
+ */
+declare const GridColumnMenuItemGroup: DefineComponent<GridColumnMenuItemGroupProps, any, {}, {}, {}, {}, {}, {}, string, GridColumnMenuItemGroupProps, GridColumnMenuItemGroupProps, {}>;
+export { GridColumnMenuItemGroup, GridColumnMenuItemGroupVue2 };