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

package/dist/esm/additionalTypes.ts

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

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

@@ -0,0 +1,30 @@
+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 { GridCellProps } from '../interfaces/GridCellProps';
+import { IntlService } from '@progress/kendo-vue-intl';
+/**
+ * @hidden
+ */
+export interface GridCellAll extends Vue2type {
+    _intl: IntlService;
+    triggerKeydown: (e: any) => void;
+    triggerClick: () => void;
+    triggerEdit: (dataItem: any) => void;
+    triggerAdd: (dataItem: any) => void;
+    triggerCancel: (dataItem: any) => void;
+    triggerSave: (dataItem: any) => void;
+    triggerRemove: (dataItem: any) => void;
+    getKeyboardNavigationAttributes: (id: string) => any;
+}
+/**
+ * @hidden
+ */
+declare let GridCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridCellAll>, {}, RecordPropsDefinition<GridCellProps>>;
+/**
+ * @hidden
+ */
+declare const GridCell: DefineComponent<GridCellProps, any, {}, {}, {}, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
+export { GridCell, GridCellVue2 };

package/dist/esm/cells/GridCell.js

@@ -0,0 +1,161 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var inject = allVue.inject;
+import { getNestedValue, parsers } from './../utils.js';
+import { provideIntlService } from '@progress/kendo-vue-intl';
+import { getTemplate, noop } from '@progress/kendo-vue-common';
+import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-vue-data-tools';
+/**
+ * @hidden
+ */
+
+var GridCellVue2 = {
+  name: 'GridCell',
+  // @ts-ignore
+  emits: {
+    cellclick: null,
+    cellkeydown: null
+  },
+  props: {
+    id: String,
+    field: String,
+    dataItem: Object,
+    format: String,
+    readFormat: String,
+    className: String,
+    colSpan: Number,
+    columnIndex: Number,
+    columnsCount: Number,
+    dataIndex: Number,
+    rowType: String,
+    level: Number,
+    expanded: Boolean,
+    type: String,
+    editor: String,
+    isSelected: Boolean,
+    ariaColumnIndex: Number,
+    render: [String, Function, Object]
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    },
+    getKeyboardNavigationAttributes: {
+      default: noop
+    }
+  },
+  methods: {
+    triggerClick: function triggerClick() {
+      this.$emit('cellclick', {
+        dataItem: this.$props.dataItem,
+        field: this.$props.field
+      });
+    },
+    triggerKeydown: function triggerKeydown(e) {
+      this.$emit('cellkeydown', {
+        event: e,
+        dataItem: this.$props.dataItem,
+        field: this.$props.field
+      });
+    },
+    triggerEdit: function triggerEdit(dataItem) {
+      this.$emit('edit', dataItem);
+    },
+    triggerAdd: function triggerAdd(dataItem) {
+      this.$emit('add', dataItem);
+    },
+    triggerCancel: function triggerCancel(dataItem) {
+      this.$emit('cancel', dataItem);
+    },
+    triggerSave: function triggerSave(dataItem) {
+      this.$emit('save', dataItem);
+    },
+    triggerRemove: function triggerRemove(dataItem) {
+      this.$emit('remove', dataItem);
+    }
+  },
+  created: function created() {
+    this._intl = provideIntlService(this);
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    var kendoIntlService = inject('kendoIntlService', {});
+    return {
+      v3: v3,
+      kendoIntlService: kendoIntlService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultRendering = null;
+    var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
+
+    if (this.$props.rowType === 'groupFooter') {
+      defaultRendering = h("td", {
+        "class": this.$props.className
+      });
+    } else if (this.$props.field !== undefined && this.$props.rowType !== 'groupHeader') {
+      var data = getNestedValue(this.$props.field, this.$props.dataItem);
+      var dataAsString = '';
+
+      if (data !== undefined && data !== null) {
+        dataAsString = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, parsers[this.$props.type](data, this._intl, this.$props.readFormat)) : this._intl.format(this.$props.format, data) : data.toString();
+      }
+
+      defaultRendering = h("td", {
+        colspan: this.$props.colSpan,
+        attrs: this.v3 ? undefined : {
+          colspan: this.$props.colSpan,
+          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]
+        },
+        "class": this.$props.className,
+        onKeydown: this.triggerKeydown,
+        on: this.v3 ? undefined : {
+          "keydown": this.triggerKeydown,
+          "click": this.triggerClick
+        },
+        onClick: this.triggerClick,
+        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]
+      }, [dataAsString]);
+    }
+
+    return getTemplate.call(this, {
+      h: h,
+      template: this.$props.render,
+      defaultRendering: defaultRendering,
+      additionalProps: this.$props,
+      additionalListeners: {
+        click: this.triggerClick,
+        keydown: this.triggerKeydown,
+        edit: this.triggerEdit,
+        add: this.triggerAdd,
+        cancel: this.triggerCancel,
+        save: this.triggerSave,
+        remove: this.triggerRemove
+      }
+    });
+  }
+};
+/**
+ * @hidden
+ */
+
+var GridCell = GridCellVue2;
+export { GridCell, GridCellVue2 };

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

@@ -0,0 +1,29 @@
+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 GridDetailCellProps {
+    colSpan: number;
+    ariaColIndex: number;
+    dataItem: any;
+    dataIndex: number;
+    detail: any;
+    id: string;
+}
+/**
+ * @hidden
+ */
+export interface GridDetailCellAll extends GridDetailCellProps, Vue2type {
+    getKeyboardNavigationAttributes: (id: string) => any;
+}
+/**
+ * @hidden
+ */
+declare let GridDetailCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridDetailCellAll>, {}, RecordPropsDefinition<GridDetailCellProps>>;
+/**
+ * @hidden
+ */
+declare const GridDetailCell: DefineComponent<GridDetailCellProps, any, {}, {}, {}, {}, {}, {}, string, GridDetailCellProps, GridDetailCellProps, {}>;
+export { GridDetailCell, GridDetailCellVue2 };

package/dist/esm/cells/GridDetailCell.js

@@ -0,0 +1,82 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var inject = allVue.inject;
+import { getTemplate, noop } from '@progress/kendo-vue-common';
+import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-vue-data-tools';
+/**
+ * @hidden
+ */
+
+var GridDetailCellVue2 = {
+  props: {
+    colSpan: Number,
+    ariaColIndex: Number,
+    dataItem: [Object, String, Number],
+    dataIndex: Number,
+    detail: [String, Function, Object],
+    id: String
+  },
+  inject: {
+    getKeyboardNavigationAttributes: {
+      default: noop
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    var kendoIntlService = inject('kendoIntlService', {});
+    return {
+      v3: v3,
+      kendoIntlService: kendoIntlService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var _a = this.$props,
+        colSpan = _a.colSpan,
+        ariaColIndex = _a.ariaColIndex,
+        dataItem = _a.dataItem,
+        dataIndex = _a.dataIndex,
+        id = _a.id;
+    var navAttrs = this.getKeyboardNavigationAttributes(id);
+
+    var detailRender = function detailRender(args) {
+      return getTemplate.call(this, {
+        h: h,
+        template: this.$props.detail,
+        additionalProps: args
+      });
+    };
+
+    return h("td", {
+      "class": "k-detail-cell",
+      colspan: colSpan,
+      attrs: this.v3 ? undefined : {
+        colspan: colSpan,
+        "aria-colindex": ariaColIndex,
+        role: 'gridcell',
+        tabindex: navAttrs.tabIndex,
+        "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
+        "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
+      },
+      "aria-colindex": ariaColIndex,
+      role: 'gridcell',
+      tabindex: navAttrs.tabIndex,
+      "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
+      "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
+    }, [detailRender.call(this, {
+      dataItem: dataItem,
+      dataIndex: dataIndex
+    })]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var GridDetailCell = GridDetailCellVue2;
+export { GridDetailCell, GridDetailCellVue2 };

package/dist/esm/cells/GridDetailHierarchyCell.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;
+};
+/** @hidden */
+export interface GridDetailHierarchyCellProps {
+    id: string;
+}
+/**
+ * @hidden
+ */
+export interface GridDetailHierarchyCellAll extends GridDetailHierarchyCellProps, Vue2type {
+    getKeyboardNavigationAttributes: (id: string) => any;
+}
+/**
+ * @hidden
+ */
+declare let GridDetailHierarchyCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridDetailHierarchyCellAll>, {}, RecordPropsDefinition<GridDetailHierarchyCellProps>>;
+/**
+ * @hidden
+ */
+declare const GridDetailHierarchyCell: DefineComponent<GridDetailHierarchyCellProps, any, {}, {}, {}, {}, {}, {}, string, GridDetailHierarchyCellProps, GridDetailHierarchyCellProps, {}>;
+export { GridDetailHierarchyCell, GridDetailHierarchyCellVue2 };

package/dist/esm/cells/GridDetailHierarchyCell.js

@@ -0,0 +1,53 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var inject = allVue.inject;
+import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-vue-data-tools';
+import { noop } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var GridDetailHierarchyCellVue2 = {
+  props: {
+    id: String
+  },
+  inject: {
+    getKeyboardNavigationAttributes: {
+      default: noop
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    var kendoIntlService = inject('kendoIntlService', {});
+    return {
+      v3: v3,
+      kendoIntlService: kendoIntlService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
+    return h("td", {
+      "class": "k-hierarchy-cell",
+      tabindex: navAttrs.tabIndex,
+      attrs: this.v3 ? undefined : {
+        tabindex: navAttrs.tabIndex,
+        "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
+        "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
+      },
+      "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
+      "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
+    });
+  }
+};
+/**
+ * @hidden
+ */
+
+var GridDetailHierarchyCell = GridDetailHierarchyCellVue2;
+export { GridDetailHierarchyCell, GridDetailHierarchyCellVue2 };

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

@@ -0,0 +1,40 @@
+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 GridEditCellMethods extends Vue2type {
+    triggerClick: () => void;
+    triggerKeydown: (e: any) => void;
+    triggerEdit: (dataItem: any) => void;
+    triggerAdd: (dataItem: any) => void;
+    triggerCancel: (dataItem: any) => void;
+    triggerSave: (dataItem: any) => void;
+    triggerRemove: (dataItem: any) => void;
+    changeHandler: (event: any, value?: any) => void;
+    getKeyboardNavigationAttributes: (id: string) => any;
+}
+/**
+ * @hidden
+ */
+export interface GridEditCellData {
+    inputId: string;
+}
+/**
+ * @hidden
+ */
+export interface GridEditCellAll extends GridEditCellMethods, GridEditCellData {
+}
+/**
+ * @hidden
+ */
+declare let GridEditCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridEditCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
+/**
+ * @hidden
+ */
+declare const GridEditCell: DefineComponent<GridCellProps, any, GridEditCellData, [], GridEditCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
+export { GridEditCell, GridEditCellVue2 };