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

package/dist/esm/cells/GridGroupCell.js

@@ -0,0 +1,179 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { getTemplate, Keys, noop } from '@progress/kendo-vue-common';
+import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-vue-data-tools';
+/**
+ * @hidden
+ */
+
+var GridGroupCellVue2 = {
+  props: {
+    id: String,
+    field: String,
+    dataItem: Object,
+    format: String,
+    type: String,
+    colSpan: Number,
+    className: String,
+    columnIndex: Number,
+    columnsCount: Number,
+    rowType: String,
+    level: Number,
+    expanded: Boolean,
+    editor: String,
+    dataIndex: Number,
+    isSelected: Boolean,
+    ariaColumnIndex: Number,
+    render: [String, Function, Object]
+  },
+  // @ts-ignore
+  emits: {
+    change: null,
+    cellkeydown: null
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    },
+    getKeyboardNavigationAttributes: {
+      default: noop
+    }
+  },
+  methods: {
+    triggerKeydown: function triggerKeydown(event, expanded) {
+      this.$emit('cellkeydown', {
+        event: event,
+        dataItem: this.$props.dataItem,
+        dataIndex: this.$props.dataIndex,
+        field: this.$props.field,
+        expanded: this.$props.expanded
+      });
+
+      if (event.defaultPrevented) {
+        return;
+      }
+
+      if (event.keyCode === Keys.enter) {
+        event.preventDefault();
+        this.$emit('change', {
+          dataItem: this.$props.dataItem,
+          dataIndex: this.$props.dataIndex,
+          event: event,
+          level: this.$props.level,
+          field: undefined,
+          value: !expanded
+        });
+      }
+    },
+    clickHandler: function clickHandler(e, dataItem, expanded) {
+      e.preventDefault();
+      this.$emit('change', {
+        dataItem: dataItem,
+        dataIndex: this.$props.dataIndex,
+        event: e,
+        level: this.$props.level,
+        field: undefined,
+        value: !expanded
+      });
+    }
+  },
+  // @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 defaultRendering = null;
+    var _a = this.$props,
+        columnIndex = _a.columnIndex,
+        level = _a.level,
+        columnsCount = _a.columnsCount,
+        rowType = _a.rowType,
+        dataItem = _a.dataItem,
+        field = _a.field,
+        expanded = _a.expanded,
+        render = _a.render;
+    var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
+
+    if (columnIndex === undefined || level === undefined || columnIndex < level || columnsCount === undefined || rowType !== 'groupHeader' || dataItem[field] === undefined) {
+      defaultRendering = h("td", {
+        key: 'g' + columnIndex,
+        "class": "k-group-cell"
+      });
+    } else if (columnIndex <= level) {
+      defaultRendering = h("td", {
+        onKeydown: function onKeydown(ev) {
+          _this.triggerKeydown(ev, expanded);
+        },
+        on: this.v3 ? undefined : {
+          "keydown": function onKeydown(ev) {
+            _this.triggerKeydown(ev, expanded);
+          }
+        },
+        key: 'g-colspan',
+        colspan: columnsCount - columnIndex,
+        attrs: this.v3 ? undefined : {
+          colspan: columnsCount - columnIndex,
+          role: 'gridcell',
+          "aria-colindex": this.$props.ariaColumnIndex,
+          "aria-selected": this.$props.isSelected,
+          "data-grid-col-index": this.$props.columnIndex,
+          tabindex: navAttrs.tabIndex,
+          "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
+          "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
+        },
+        role: 'gridcell',
+        "aria-colindex": this.$props.ariaColumnIndex,
+        "aria-selected": this.$props.isSelected,
+        "data-grid-col-index": this.$props.columnIndex,
+        tabindex: navAttrs.tabIndex,
+        "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
+        "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
+      }, [h("p", {
+        "class": "k-reset"
+      }, [h("a", {
+        onClick: function onClick(e) {
+          _this.clickHandler(e, dataItem, expanded);
+        },
+        on: this.v3 ? undefined : {
+          "click": function onClick(e) {
+            _this.clickHandler(e, dataItem, expanded);
+          }
+        },
+        href: "#",
+        attrs: this.v3 ? undefined : {
+          href: "#",
+          tabindex: -1
+        },
+        tabindex: -1,
+        "class": expanded ? 'k-i-collapse k-icon' : 'k-i-expand k-icon'
+      }), dataItem[field].toString()])]);
+    }
+
+    return getTemplate.call(this, {
+      h: h,
+      template: render,
+      defaultRendering: defaultRendering,
+      additionalProps: this.$props,
+      additionalListeners: {
+        keydown: this.triggerKeydown,
+        click: this.clickHandler
+      }
+    });
+  }
+};
+/**
+ * @hidden
+ */
+
+var GridGroupCell = GridGroupCellVue2;
+export { GridGroupCell, GridGroupCellVue2 };

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

@@ -0,0 +1,23 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+import { GridCellProps } from '../interfaces/GridCellProps';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * @hidden
+ */
+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;
+}
+/**
+ * @hidden
+ */
+declare let GridHierarchyCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridHierarchyCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
+/**
+ * @hidden
+ */
+declare const GridHierarchyCell: DefineComponent<GridCellProps, any, {}, {}, GridHierarchyCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
+export { GridHierarchyCell, GridHierarchyCellVue2 };

package/dist/esm/cells/GridHierarchyCell.js

@@ -0,0 +1,162 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { getNestedValue } from './../utils.js';
+import { getTemplate, Keys, noop } from '@progress/kendo-vue-common';
+import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-vue-data-tools';
+/**
+ * @hidden
+ */
+
+var GridHierarchyCellVue2 = {
+  props: {
+    id: String,
+    field: String,
+    dataItem: Object,
+    format: String,
+    type: String,
+    className: String,
+    colSpan: Number,
+    columnIndex: Number,
+    columnsCount: Number,
+    rowType: String,
+    level: Number,
+    expanded: Boolean,
+    editor: String,
+    isSelected: Boolean,
+    dataIndex: Number,
+    ariaColumnIndex: Number,
+    render: [String, Function, Object]
+  },
+  // @ts-ignore
+  emits: {
+    change: null,
+    cellkeydown: null
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    },
+    getKeyboardNavigationAttributes: {
+      default: noop
+    }
+  },
+  methods: {
+    triggerKeydown: function triggerKeydown(event, expanded) {
+      this.$emit('cellkeydown', {
+        event: event,
+        dataItem: this.$props.dataItem,
+        field: this.$props.field,
+        expanded: expanded
+      });
+
+      if (event.defaultPrevented) {
+        return;
+      }
+
+      if (event.keyCode === Keys.enter) {
+        event.preventDefault();
+        this.$emit('change', {
+          dataItem: this.$props.dataItem,
+          dataIndex: this.$props.dataIndex,
+          event: event,
+          field: this.$props.field,
+          value: !expanded
+        });
+      }
+    },
+    clickHandler: function clickHandler(e, dataItem, expanded) {
+      e.preventDefault();
+      this.$emit('change', {
+        dataItem: dataItem,
+        event: e,
+        field: undefined,
+        value: !expanded
+      });
+    }
+  },
+  // @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 defaultRendering = null;
+    var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
+
+    if (this.$props.rowType === 'groupFooter') {
+      defaultRendering = h("td", {
+        "class": "k-hierarchy-cell"
+      });
+    } else if (this.$props.rowType !== 'groupHeader') {
+      var expanded_1 = getNestedValue(this.$props.field, this.$props.dataItem);
+      var className = expanded_1 ? 'k-icon k-i-minus' : 'k-icon k-i-plus';
+      defaultRendering = h("td", {
+        onKeydown: function onKeydown(ev) {
+          _this.triggerKeydown(ev, expanded_1);
+        },
+        on: this.v3 ? undefined : {
+          "keydown": function onKeydown(ev) {
+            _this.triggerKeydown(ev, expanded_1);
+          }
+        },
+        "class": "k-hierarchy-cell",
+        "aria-expanded": expanded_1 ? 'true' : 'false',
+        attrs: this.v3 ? undefined : {
+          "aria-expanded": expanded_1 ? 'true' : 'false',
+          role: 'gridcell',
+          "aria-colindex": this.$props.ariaColumnIndex,
+          tabindex: navAttrs.tabIndex,
+          "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
+          "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
+        },
+        role: 'gridcell',
+        "aria-colindex": this.$props.ariaColumnIndex,
+        tabindex: navAttrs.tabIndex,
+        "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
+        "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
+      }, [h("a", {
+        onClick: function onClick(e) {
+          _this.clickHandler(e, _this.$props.dataItem, expanded_1);
+        },
+        on: this.v3 ? undefined : {
+          "click": function onClick(e) {
+            _this.clickHandler(e, _this.$props.dataItem, expanded_1);
+          }
+        },
+        "class": className,
+        href: "#",
+        attrs: this.v3 ? undefined : {
+          href: "#",
+          tabindex: -1
+        },
+        tabindex: -1
+      })]);
+    }
+
+    return getTemplate.call(this, {
+      h: h,
+      template: this.$props.render,
+      defaultRendering: defaultRendering,
+      additionalProps: this.$props,
+      additionalListeners: {
+        keydown: this.triggerKeydown,
+        click: this.clickHandler
+      }
+    });
+  }
+};
+/**
+ * @hidden
+ */
+
+var GridHierarchyCell = GridHierarchyCellVue2;
+export { GridHierarchyCell, GridHierarchyCellVue2 };

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

@@ -0,0 +1,34 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+import { GridCellProps } from '../interfaces/GridCellProps';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * @hidden
+ */
+export interface GridSelectionCellMethods extends Vue2type {
+    triggerKeydown: (e: any) => void;
+    handleOnChange: (event: any) => void;
+    getKeyboardNavigationAttributes: (id: string) => any;
+}
+/**
+ * @hidden
+ */
+export interface GridSelectionCellData {
+    inputId: string;
+}
+/**
+ * @hidden
+ */
+export interface GridSelectionCellAll extends GridSelectionCellMethods, GridSelectionCellData {
+}
+/**
+ * @hidden
+ */
+declare let GridSelectionCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridSelectionCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
+/**
+ * @hidden
+ */
+declare const GridSelectionCell: DefineComponent<GridCellProps, any, GridSelectionCellData, {}, GridSelectionCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
+export { GridSelectionCell, GridSelectionCellVue2 };

package/dist/esm/cells/GridSelectionCell.js

@@ -0,0 +1,138 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { getNestedValue } from './../utils.js';
+import { guid, getTemplate, noop } from '@progress/kendo-vue-common';
+import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-vue-data-tools';
+/**
+ * @hidden
+ */
+
+var GridSelectionCellVue2 = {
+  props: {
+    id: String,
+    field: String,
+    dataItem: Object,
+    format: String,
+    type: String,
+    className: String,
+    colSpan: Number,
+    columnIndex: Number,
+    columnsCount: Number,
+    rowType: String,
+    level: Number,
+    expanded: Boolean,
+    render: [String, Function, Object],
+    isSelected: Boolean,
+    ariaColumnIndex: Number,
+    editor: String
+  },
+  // @ts-ignore
+  emits: {
+    selectionchange: null,
+    cellkeydown: null
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    },
+    getKeyboardNavigationAttributes: {
+      default: noop
+    }
+  },
+  data: function data() {
+    return {
+      inputId: guid()
+    };
+  },
+  methods: {
+    triggerKeydown: function triggerKeydown(e) {
+      this.$emit('cellkeydown', {
+        event: e,
+        dataItem: this.$props.dataItem,
+        field: this.$props.field
+      });
+    },
+    handleOnChange: function handleOnChange(event) {
+      this.$emit('selectionchange', {
+        event: event,
+        dataItem: this.$props.dataItem
+      });
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var data = getNestedValue(this.$props.field, this.$props.dataItem);
+    var renderTemplate = this.$props.render;
+    var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
+    var defaultRendering = this.$props.rowType !== 'groupHeader' ? h("td", {
+      onKeydown: this.triggerKeydown,
+      on: this.v3 ? undefined : {
+        "keydown": this.triggerKeydown
+      },
+      colspan: this.$props.colSpan,
+      attrs: this.v3 ? undefined : {
+        colspan: this.$props.colSpan,
+        "aria-colindex": this.$props.ariaColumnIndex,
+        role: 'gridcell',
+        tabindex: navAttrs.tabIndex,
+        "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
+        "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
+      },
+      "class": this.$props.className,
+      "aria-colindex": this.$props.ariaColumnIndex,
+      role: 'gridcell',
+      tabindex: navAttrs.tabIndex,
+      "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
+      "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
+    }, [h("input", {
+      checked: this.v3 ? data : null,
+      domProps: this.v3 ? undefined : {
+        "checked": data
+      },
+      id: this.inputId,
+      attrs: this.v3 ? undefined : {
+        id: this.inputId,
+        type: "checkbox"
+      },
+      type: "checkbox",
+      "class": "k-checkbox k-checkbox-md k-rounded-md",
+      onChange: this.handleOnChange,
+      on: this.v3 ? undefined : {
+        "change": this.handleOnChange
+      }
+    }), h("label", {
+      "class": "k-checkbox-label",
+      "for": this.inputId,
+      attrs: this.v3 ? undefined : {
+        "for": this.inputId
+      }
+    })]) : null;
+    return getTemplate.call(this, {
+      h: h,
+      template: renderTemplate,
+      defaultRendering: defaultRendering,
+      additionalProps: this.$props,
+      additionalListeners: {
+        keydown: this.triggerKeydown,
+        change: this.handleOnChange
+      }
+    });
+  }
+};
+/**
+ * @hidden
+ */
+
+var GridSelectionCell = GridSelectionCellVue2;
+export { GridSelectionCell, GridSelectionCellVue2 };

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

@@ -0,0 +1,56 @@
+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;
+};
+import { GridColumnMenuProps } from '../interfaces/GridColumnMenuProps';
+import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
+/**
+ * @hidden
+ */
+export interface ColumnMenuMethods extends Vue2type {
+    blur: () => void;
+    focus: () => void;
+    handleFocus: (_: any) => void;
+    anchorClick: () => void;
+    closeMenu: () => void;
+    sortChange: () => void;
+    filterChange: (newDescriptor: CompositeFilterDescriptor | null, e: any) => void;
+}
+/**
+ * @hidden
+ */
+export interface ColumnMenuData {
+    show: boolean;
+    blurTimeout: any;
+}
+/**
+ * @hidden
+ */
+export interface ColumnMenuComputed {
+    [key: string]: any;
+    currentOpen: boolean;
+}
+/**
+ * @hidden
+ */
+export interface ColumnMenuState {
+    _anchor: string;
+    _content: any;
+    kendoAnchorRef: any;
+    v3: boolean;
+}
+/**
+ * @hidden
+ */
+export interface ColumnMenuAll extends ColumnMenuMethods, ColumnMenuData, ColumnMenuState, ColumnMenuComputed {
+}
+/**
+ * @hidden
+ */
+declare let ColumnMenuVue2: ComponentOptions<Vue2type, DefaultData<ColumnMenuData>, DefaultMethods<ColumnMenuAll>, {}, RecordPropsDefinition<GridColumnMenuProps>>;
+/**
+ * @hidden
+ */
+declare const ColumnMenu: DefineComponent<GridColumnMenuProps, any, ColumnMenuData, ColumnMenuComputed, ColumnMenuMethods, {}, {}, {}, string, GridColumnMenuProps, GridColumnMenuProps, {}>;
+export { ColumnMenu, ColumnMenuVue2 };