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

package/dist/esm/filter/Filter.js

@@ -0,0 +1,169 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { GroupFilter } from './GroupFilters.js';
+import { GroupToolbar } from './GroupToolbar.js';
+import { validatePackage, templateRendering, getListeners } from '@progress/kendo-vue-common';
+import { packageMetadata } from '../package-metadata.js';
+/**
+ * @hidden
+ */
+
+var FilterVue2 = {
+  name: 'KendoFilter',
+  // @ts-ignore
+  emits: {
+    change: null,
+    'changemodel': null,
+    'update:modelValue': null
+  },
+  model: {
+    event: 'changemodel'
+  },
+  props: {
+    fields: {
+      type: Array,
+      required: true
+    },
+    modelValue: {
+      type: Object,
+      default: undefined
+    },
+    value: Object,
+    defaultGroupFilter: Object
+  },
+  created: function created() {
+    validatePackage(packageMetadata);
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  computed: {
+    computedValue: function computedValue() {
+      var value;
+
+      if (this.$props.value !== undefined) {
+        value = this.$props.value;
+      } else if (this.$props.modelValue !== undefined) {
+        value = this.$props.modelValue;
+      }
+
+      return value;
+    }
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var fields = this.$props.fields.map(function (field) {
+      return __assign(__assign({}, field), {
+        filterRender: templateRendering.call(this, field.filterRender, getListeners.call(this))
+      });
+    }, this);
+    return h("div", {
+      "class": 'k-widget k-filter'
+    }, [h("ul", {
+      "class": "k-filter-container"
+    }, [h("li", {
+      "class": "k-filter-group-main"
+    }, [// @ts-ignore function children
+    h(GroupToolbar, {
+      "class": "k-filter-group-main",
+      filter: this.computedValue,
+      attrs: this.v3 ? undefined : {
+        filter: this.computedValue,
+        fields: fields,
+        defaultGroupFilter: this.$props.defaultGroupFilter || {
+          logic: 'and',
+          filters: []
+        }
+      },
+      fields: fields,
+      onChange: this.onFilterChange,
+      on: this.v3 ? undefined : {
+        "change": this.onFilterChange,
+        "remove": this.onGroupRemove
+      },
+      onRemove: this.onGroupRemove,
+      defaultGroupFilter: this.$props.defaultGroupFilter || {
+        logic: 'and',
+        filters: []
+      }
+    }), // @ts-ignore function children
+    h(GroupFilter, {
+      "class": "k-filter-group-main",
+      filter: this.computedValue,
+      attrs: this.v3 ? undefined : {
+        filter: this.computedValue,
+        fields: fields,
+        defaultGroupFilter: this.$props.defaultGroupFilter || {
+          logic: 'and',
+          filters: []
+        }
+      },
+      fields: fields,
+      onChange: this.onFilterChange,
+      on: this.v3 ? undefined : {
+        "change": this.onFilterChange,
+        "remove": this.onGroupRemove
+      },
+      onRemove: this.onGroupRemove,
+      defaultGroupFilter: this.$props.defaultGroupFilter || {
+        logic: 'and',
+        filters: []
+      }
+    })])])]);
+  },
+  methods: {
+    onFilterChange: function onFilterChange(event) {
+      var changeEvent = {
+        filter: event.nextFilter,
+        event: event.event,
+        target: this
+      };
+      this.$emit('changemodel', event.nextFilter);
+      this.$emit('update:modelValue', event.nextFilter);
+      this.$emit('change', changeEvent);
+    },
+    onGroupRemove: function onGroupRemove(event) {
+      var nextFilter = __assign(__assign({}, this.computedValue), {
+        filters: []
+      });
+
+      var changeEvent = {
+        filter: nextFilter,
+        event: event.event,
+        target: this
+      };
+      this.$emit('changemodel', nextFilter);
+      this.$emit('update:modelValue', nextFilter);
+      this.$emit('change', changeEvent);
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var Filter = FilterVue2;
+export { Filter, FilterVue2 };

package/dist/esm/filter/GroupFilters.d.ts

@@ -0,0 +1,72 @@
+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 { CompositeFilterDescriptor, FilterDescriptor } from '@progress/kendo-data-query';
+import { ExpressionChangeEvent, ExpressionRemoveEvent } from './Expression';
+import { FieldSettings } from './FieldSettings';
+/**
+ * @hidden
+ */
+export interface GroupChangeEvent {
+    target: any;
+    event: any;
+    prevFilter: CompositeFilterDescriptor;
+    nextFilter: CompositeFilterDescriptor;
+}
+/**
+ * @hidden
+ */
+export interface GroupRemoveEvent {
+    target: any;
+    event: any;
+    filter: CompositeFilterDescriptor;
+}
+/**
+ * @hidden
+ */
+export interface GroupProps {
+    filter: CompositeFilterDescriptor;
+    fields: Array<FieldSettings>;
+    defaultGroupFilter: CompositeFilterDescriptor;
+}
+/**
+ * @hidden
+ */
+export interface GroupState {
+}
+/**
+ * @hidden
+ */
+export interface GroupComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface GroupMethods {
+    [key: string]: any;
+    replaceFilter: (prevFilter: FilterDescriptor | CompositeFilterDescriptor, nextFilter: FilterDescriptor | CompositeFilterDescriptor) => CompositeFilterDescriptor;
+    onChange: (event: ExpressionChangeEvent | GroupChangeEvent) => void;
+    onRemove: (event: ExpressionRemoveEvent | GroupRemoveEvent) => void;
+}
+/**
+ * @hidden
+ */
+export interface GroupData {
+}
+/**
+ * @hidden
+ */
+export interface GroupAll extends Vue2type, GroupMethods, GroupData, GroupComputed, GroupState {
+}
+/**
+ * @hidden
+ */
+declare let GroupFilterVue2: ComponentOptions<GroupAll, DefaultData<GroupData>, DefaultMethods<GroupAll>, GroupComputed, RecordPropsDefinition<GroupProps>>;
+/**
+ * @hidden
+ */
+declare const GroupFilter: DefineComponent<GroupProps, any, GroupData, GroupComputed, GroupMethods, {}, {}, {}, string, GroupProps, GroupProps, {}>;
+export { GroupFilter, GroupFilterVue2 };

package/dist/esm/filter/GroupFilters.js

@@ -0,0 +1,166 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { isCompositeFilterDescriptor } from '@progress/kendo-data-query';
+import { GroupToolbar } from './GroupToolbar.js';
+import { Expression } from './Expression.js';
+/**
+ * @hidden
+ */
+
+var GroupFilterVue2 = {
+  name: 'KendoFilterGroup',
+  // @ts-ignore
+  emits: {
+    change: null,
+    remove: null
+  },
+  props: {
+    filter: {
+      type: Object,
+      required: true
+    },
+    fields: {
+      type: Array,
+      required: true
+    },
+    defaultGroupFilter: {
+      type: Object,
+      required: true
+    }
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var _a = this.$props,
+        fields = _a.fields,
+        filter = _a.filter,
+        filterRender = _a.filterRender;
+    return filter.filters.length > 0 ? h("ul", {
+      "class": "k-filter-lines"
+    }, [filter.filters.map(function (f, idx) {
+      return h("li", {
+        key: idx,
+        "class": "k-filter-item"
+      }, [isCompositeFilterDescriptor(f) ? [// @ts-ignore
+      h(GroupToolbar, {
+        filter: f,
+        attrs: this.v3 ? undefined : {
+          filter: f,
+          fields: fields,
+          defaultGroupFilter: this.$props.defaultGroupFilter
+        },
+        fields: fields,
+        onChange: this.onChange,
+        on: this.v3 ? undefined : {
+          "change": this.onChange,
+          "remove": this.onRemove
+        },
+        onRemove: this.onRemove,
+        defaultGroupFilter: this.$props.defaultGroupFilter
+      }), h(GroupFilter, {
+        filter: f,
+        attrs: this.v3 ? undefined : {
+          filter: f,
+          fields: fields,
+          defaultGroupFilter: this.$props.defaultGroupFilter
+        },
+        fields: fields,
+        onChange: this.onChange,
+        on: this.v3 ? undefined : {
+          "change": this.onChange,
+          "remove": this.onRemove
+        },
+        onRemove: this.onRemove,
+        defaultGroupFilter: this.$props.defaultGroupFilter
+      })] : // @ts-ignore
+      h(Expression, {
+        filter: f,
+        attrs: this.v3 ? undefined : {
+          filter: f,
+          fields: fields,
+          filterRender: filterRender
+        },
+        fields: fields,
+        filterRender: filterRender,
+        onChange: this.onChange,
+        on: this.v3 ? undefined : {
+          "change": this.onChange,
+          "remove": this.onRemove
+        },
+        onRemove: this.onRemove
+      })]);
+    }, this)]) : null;
+  },
+  methods: {
+    replaceFilter: function replaceFilter(prevFilter, nextFilter) {
+      var filter = this.$props.filter;
+      var filters = filter.filters.map(function (f) {
+        return f === prevFilter ? nextFilter : f;
+      });
+      return __assign(__assign({}, filter), {
+        filters: filters
+      });
+    },
+    onChange: function onChange(event) {
+      var nextFilter = this.replaceFilter(event.prevFilter, event.nextFilter);
+      var changeEvent = {
+        nextFilter: nextFilter,
+        prevFilter: this.$props.filter,
+        event: event.event,
+        target: this
+      };
+      this.$emit('change', changeEvent);
+    },
+    onRemove: function onRemove(event) {
+      var prevFilter = this.$props.filter;
+      var filters = prevFilter.filters.filter(function (f) {
+        return f !== event.filter;
+      });
+      var changeEvent = {
+        nextFilter: __assign(__assign({}, prevFilter), {
+          filters: filters
+        }),
+        prevFilter: prevFilter,
+        event: event.event,
+        target: this
+      };
+      this.$emit('change', changeEvent);
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var GroupFilter = GroupFilterVue2;
+export { GroupFilter, GroupFilterVue2 };

package/dist/esm/filter/GroupToolbar.d.ts

@@ -0,0 +1,74 @@
+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 { CompositeFilterDescriptor } from '@progress/kendo-data-query';
+import { FieldSettings } from './FieldSettings';
+/**
+ * @hidden
+ */
+export interface GroupChangeEvent {
+    target: any;
+    event: any;
+    prevFilter: CompositeFilterDescriptor;
+    nextFilter: CompositeFilterDescriptor;
+}
+/**
+ * @hidden
+ */
+export interface GroupRemoveEvent {
+    target: any;
+    event: any;
+    filter: CompositeFilterDescriptor;
+}
+/**
+ * @hidden
+ */
+export interface GroupProps {
+    filter: CompositeFilterDescriptor;
+    fields: Array<FieldSettings>;
+    defaultGroupFilter: CompositeFilterDescriptor;
+}
+/**
+ * @hidden
+ */
+export interface GroupState {
+}
+/**
+ * @hidden
+ */
+export interface GroupComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface GroupMethods {
+    [key: string]: any;
+    onGroupRemove: () => void;
+    onAddExpression: () => void;
+    onAddGroup: () => void;
+    onLogicAnd: () => void;
+    onLogicOr: () => void;
+    changeLogic: (logic: 'and' | 'or') => void;
+}
+/**
+ * @hidden
+ */
+export interface GroupData {
+}
+/**
+ * @hidden
+ */
+export interface GroupAll extends Vue2type, GroupMethods, GroupData, GroupComputed, GroupState {
+}
+/**
+ * @hidden
+ */
+declare let GroupToolbarVue2: ComponentOptions<GroupAll, DefaultData<GroupData>, DefaultMethods<GroupAll>, GroupComputed, RecordPropsDefinition<GroupProps>>;
+/**
+ * @hidden
+ */
+declare const GroupToolbar: DefineComponent<GroupProps, any, GroupData, GroupComputed, GroupMethods, {}, {}, {}, string, GroupProps, GroupProps, {}>;
+export { GroupToolbar, GroupToolbarVue2 };