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

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

@@ -0,0 +1,73 @@
+import { FilterOperator } from '../filteringCells';
+/**
+ * Represents the operators for the TextFilter, NumericFilter, DateFilter and BooleanFilter components.
+ *
+ * The text field of each operator object will be resolved according to the
+ * [localization messages]({% slug globalization_datatools %}#toc-messages).
+ */
+export declare class Operators {
+    /**
+     * An array containing the operators for the TextFilter component.
+     *
+     * The operators are:
+     *
+     * - { text: 'filter.containsOperator', operator: 'contains' }
+     * - { text: 'filter.notContainsOperator', operator: 'doesnotcontain' }
+     * - { text: 'filter.eqOperator', operator: 'eq' }
+     * - { text: 'filter.notEqOperator', operator: 'neq' }
+     * - { text: 'filter.startsWithOperator', operator: 'startswith' }
+     * - { text: 'filter.endsWithOperator', operator: 'endswith' }
+     * - { text: 'filter.isNullOperator', operator: 'isnull' }
+     * - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
+     * - { text: 'filter.isEmptyOperator', operator: 'isempty' }
+     * - { text: 'filter.isNotEmptyOperator', operator: 'isnotempty' }
+     */
+    static get text(): FilterOperator[];
+    /**
+     * An array containing the operators for the NumericFilter component.
+     *
+     * The operators are:
+     *
+     * - { text: 'filter.eqOperator', operator: 'eq' }
+     * - { text: 'filter.notEqOperator', operator: 'neq' }
+     * - { text: 'filter.gteOperator', operator: 'gte' }
+     * - { text: 'filter.gtOperator', operator: 'gt' }
+     * - { text: 'filter.lteOperator', operator: 'lte' }
+     * - { text: 'filter.ltOperator', operator: 'lt' }
+     * - { text: 'filter.isNullOperator', operator: 'isnull' }
+     * - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
+     */
+    static get numeric(): FilterOperator[];
+    /**
+     * An array containing the operators for the DateFilter component.
+     *
+     * The operators are:
+     *
+     * - { text: 'filter.eqOperator', operator: 'eq' }
+     * - { text: 'filter.notEqOperator', operator: 'neq' }
+     * - { text: 'filter.afterOrEqualOperator', operator: 'gte' }
+     * - { text: 'filter.afterOperator', operator: 'gt' }
+     * - { text: 'filter.beforeOperator', operator: 'lt' }
+     * - { text: 'filter.beforeOrEqualOperator', operator: 'lte' }
+     * - { text: 'filter.isNullOperator', operator: 'isnull' }
+     * - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
+     */
+    static get date(): FilterOperator[];
+    /**
+     * An array containing the operators for the BooleanFilter component.
+     *
+     * The operators are:
+     *
+     * - { text: 'filter.eqOperator', operator: 'eq' }
+     * - { text: 'filter.notEqOperator', operator: 'neq' }
+     */
+    static get boolean(): FilterOperator[];
+}
+/**
+ * @hidden
+ */
+export declare const stringOperator: (operator: any) => boolean;
+/**
+ * @hidden
+ */
+export declare const unaryOperator: (operator: any) => boolean;

package/dist/esm/filter/operators.js

@@ -0,0 +1,150 @@
+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));
+};
+import { filterEqOperator, filterNotEqOperator, filterIsNullOperator, filterIsNotNullOperator, filterIsEmptyOperator, filterIsNotEmptyOperator, filterStartsWithOperator, filterContainsOperator, filterNotContainsOperator, filterEndsWithOperator, filterGteOperator, filterGtOperator, filterLteOperator, filterLtOperator, filterAfterOrEqualOperator, filterAfterOperator, filterBeforeOperator, filterBeforeOrEqualOperator } from './../messages.js';
+var textOperators = [
+    { text: filterContainsOperator, operator: 'contains' },
+    { text: filterNotContainsOperator, operator: 'doesnotcontain' },
+    { text: filterEqOperator, operator: 'eq' },
+    { text: filterNotEqOperator, operator: 'neq' },
+    { text: filterStartsWithOperator, operator: 'startswith' },
+    { text: filterEndsWithOperator, operator: 'endswith' },
+    { text: filterIsNullOperator, operator: 'isnull' },
+    { text: filterIsNotNullOperator, operator: 'isnotnull' },
+    { text: filterIsEmptyOperator, operator: 'isempty' },
+    { text: filterIsNotEmptyOperator, operator: 'isnotempty' }
+];
+var numericOperators = [
+    { text: filterEqOperator, operator: 'eq' },
+    { text: filterNotEqOperator, operator: 'neq' },
+    { text: filterGteOperator, operator: 'gte' },
+    { text: filterGtOperator, operator: 'gt' },
+    { text: filterLteOperator, operator: 'lte' },
+    { text: filterLtOperator, operator: 'lt' },
+    { text: filterIsNullOperator, operator: 'isnull' },
+    { text: filterIsNotNullOperator, operator: 'isnotnull' }
+];
+var dateOperators = [
+    { text: filterEqOperator, operator: 'eq' },
+    { text: filterNotEqOperator, operator: 'neq' },
+    { text: filterAfterOrEqualOperator, operator: 'gte' },
+    { text: filterAfterOperator, operator: 'gt' },
+    { text: filterBeforeOperator, operator: 'lt' },
+    { text: filterBeforeOrEqualOperator, operator: 'lte' },
+    { text: filterIsNullOperator, operator: 'isnull' },
+    { text: filterIsNotNullOperator, operator: 'isnotnull' }
+];
+var booleanOperators = [
+    { text: filterEqOperator, operator: 'eq' },
+    { text: filterNotEqOperator, operator: 'neq' }
+];
+/**
+ * Represents the operators for the TextFilter, NumericFilter, DateFilter and BooleanFilter components.
+ *
+ * The text field of each operator object will be resolved according to the
+ * [localization messages]({% slug globalization_datatools %}#toc-messages).
+ */
+var Operators = /** @class */ (function () {
+    function Operators() {
+    }
+    Object.defineProperty(Operators, "text", {
+        /**
+         * An array containing the operators for the TextFilter component.
+         *
+         * The operators are:
+         *
+         * - { text: 'filter.containsOperator', operator: 'contains' }
+         * - { text: 'filter.notContainsOperator', operator: 'doesnotcontain' }
+         * - { text: 'filter.eqOperator', operator: 'eq' }
+         * - { text: 'filter.notEqOperator', operator: 'neq' }
+         * - { text: 'filter.startsWithOperator', operator: 'startswith' }
+         * - { text: 'filter.endsWithOperator', operator: 'endswith' }
+         * - { text: 'filter.isNullOperator', operator: 'isnull' }
+         * - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
+         * - { text: 'filter.isEmptyOperator', operator: 'isempty' }
+         * - { text: 'filter.isNotEmptyOperator', operator: 'isnotempty' }
+         */
+        get: function () {
+            return __spreadArray([], textOperators, true);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Operators, "numeric", {
+        /**
+         * An array containing the operators for the NumericFilter component.
+         *
+         * The operators are:
+         *
+         * - { text: 'filter.eqOperator', operator: 'eq' }
+         * - { text: 'filter.notEqOperator', operator: 'neq' }
+         * - { text: 'filter.gteOperator', operator: 'gte' }
+         * - { text: 'filter.gtOperator', operator: 'gt' }
+         * - { text: 'filter.lteOperator', operator: 'lte' }
+         * - { text: 'filter.ltOperator', operator: 'lt' }
+         * - { text: 'filter.isNullOperator', operator: 'isnull' }
+         * - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
+         */
+        get: function () {
+            return __spreadArray([], numericOperators, true);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Operators, "date", {
+        /**
+         * An array containing the operators for the DateFilter component.
+         *
+         * The operators are:
+         *
+         * - { text: 'filter.eqOperator', operator: 'eq' }
+         * - { text: 'filter.notEqOperator', operator: 'neq' }
+         * - { text: 'filter.afterOrEqualOperator', operator: 'gte' }
+         * - { text: 'filter.afterOperator', operator: 'gt' }
+         * - { text: 'filter.beforeOperator', operator: 'lt' }
+         * - { text: 'filter.beforeOrEqualOperator', operator: 'lte' }
+         * - { text: 'filter.isNullOperator', operator: 'isnull' }
+         * - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
+         */
+        get: function () {
+            return __spreadArray([], dateOperators, true);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Operators, "boolean", {
+        /**
+         * An array containing the operators for the BooleanFilter component.
+         *
+         * The operators are:
+         *
+         * - { text: 'filter.eqOperator', operator: 'eq' }
+         * - { text: 'filter.notEqOperator', operator: 'neq' }
+         */
+        get: function () {
+            return __spreadArray([], booleanOperators, true);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return Operators;
+}());
+export { Operators };
+/**
+ * @hidden
+ */
+export var stringOperator = function (operator) {
+    return operator === 'contains' || operator === 'doesnotcontain' || operator === 'startswith' || operator === 'endswith';
+};
+/**
+ * @hidden
+ */
+export var unaryOperator = function (operator) {
+    return operator === 'isnull' || operator === 'isnotnull' || operator === 'isempty' || operator === 'isnotempty';
+};

package/dist/esm/filteringCells/FilterCellProps.d.ts

@@ -0,0 +1,35 @@
+import { FilterDescriptor } from '@progress/kendo-data-query';
+/**
+ * @hidden
+ */
+export interface FilterCellProps {
+    /**
+     * The column field in which the cell is located.
+     */
+    field?: string;
+    /**
+     * The function that will be called if the cell needs to notify its parent TreeList about a change.
+     */
+    onFilterChange?: (event: {
+        filter: Array<FilterDescriptor>;
+        field: string;
+        event: any;
+    }) => void;
+    /**
+     * The collection of `FilterDescriptor` objects that is passed by the TreeList component.
+     */
+    filter?: FilterDescriptor[];
+    /**
+     * @hidden
+     */
+    components?: {
+        DatePicker?: any;
+        DropDownList?: any;
+        Input?: any;
+        NumericTextBox?: any;
+    };
+    /**
+     * @hidden
+     */
+    clearButtonTitle?: string;
+}

package/dist/esm/filteringCells/FilterCellProps.js

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

package/dist/esm/filteringCells/FilterComponentProps.d.ts

@@ -0,0 +1,11 @@
+import { FilterCellProps } from './FilterCellProps';
+import { FilterOperator } from './FilterOperator';
+/**
+ * @hidden
+ */
+export interface FilterComponentProps extends FilterCellProps {
+    /**
+     * The list of the operators.
+     */
+    operators?: FilterOperator[];
+}

package/dist/esm/filteringCells/FilterComponentProps.js

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

package/dist/esm/filteringCells/FilterOperator.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A filter operator object.
+ */
+export interface FilterOperator {
+    /**
+     * The label of the operator.
+     */
+    text: string;
+    /**
+     * The operator value.
+     */
+    operator: any;
+}

package/dist/esm/filteringCells/FilterOperator.js

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

package/dist/esm/filteringCells/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FilterComponentProps';
+export * from './FilterCellProps';
+export * from './FilterOperator';

package/dist/esm/filteringCells/index.js

@@ -0,0 +1,8 @@
+// export * from './FilterComponent.js';
+export * from './FilterComponentProps.js';
+export * from './FilterCellProps.js';
+export * from './FilterOperator.js';
+// export * from './BooleanFilter.js';
+// export * from './DateFilter.js';
+// export * from './NumericFilter.js';
+// export * from './TextFilter.js';

package/dist/esm/header/HeaderThElement.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;
+};
+export interface HeaderThElementProps {
+    ariaSort?: string;
+    ariaLabel?: string;
+    ariaColumnIndex?: number;
+    ariaSelected?: boolean;
+    colSpan?: number;
+    rowSpan?: number;
+    role?: string;
+    columnId: string;
+    navigatable?: boolean;
+}
+/**
+ * @hidden
+ */
+export interface HeaderThElementMethods extends Vue2type {
+    onKeydown: (event: any) => void;
+}
+/**
+ * @hidden
+ */
+export interface HeaderThElementState {
+    _text: string | undefined;
+}
+/**
+ * @hidden
+ */
+export interface HeaderThElementAll extends HeaderThElementMethods, HeaderThElementState {
+}
+/**
+ * @hidden
+ */
+declare let HeaderThElementVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<HeaderThElementAll>, {}, RecordPropsDefinition<HeaderThElementProps>>;
+/**
+ * @hidden
+ */
+declare const HeaderThElement: DefineComponent<HeaderThElementProps, any, {}, {}, HeaderThElementMethods, {}, {}, {}, string, HeaderThElementProps, HeaderThElementProps, {}>;
+export { HeaderThElement, HeaderThElementVue2 };

package/dist/esm/header/HeaderThElement.js

@@ -0,0 +1,110 @@
+// @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 { getDefaultSlots, noop } from '@progress/kendo-vue-common';
+import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '../navigation/constants.js';
+/**
+ * @hidden
+ */
+
+var HeaderThElementVue2 = {
+  name: 'KendoHeaderThElement',
+  // @ts-ignore
+  emits: {
+    keydown: null
+  },
+  props: {
+    ariaSort: {
+      type: String,
+      validator: function validator(value) {
+        return ['none', 'ascending', 'descending'].includes(value);
+      }
+    },
+    ariaLabel: String,
+    ariaColumnIndex: Number,
+    ariaSelected: Boolean,
+    colSpan: Number,
+    rowSpan: Number,
+    role: String,
+    columnId: String,
+    navigatable: Boolean
+  },
+  inject: {
+    getKeyboardNavigationAttributes: {
+      default: noop
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    var kendoIntlService = inject('kendoIntlService', {});
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      kendoIntlService: kendoIntlService,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var _a = this.$props,
+        ariaSort = _a.ariaSort,
+        colSpan = _a.colSpan,
+        rowSpan = _a.rowSpan,
+        className = _a.className,
+        style = _a.style,
+        columnId = _a.columnId,
+        navigatable = _a.navigatable,
+        ariaColumnIndex = _a.ariaColumnIndex,
+        ariaLabel = _a.ariaLabel,
+        role = _a.role,
+        ariaSelected = _a.ariaSelected;
+    var navAttrs = this.getKeyboardNavigationAttributes(columnId, navigatable);
+    var defaultSlot = getDefaultSlots(this);
+    return h("th", {
+      "aria-sort": ariaSort,
+      attrs: this.v3 ? undefined : {
+        "aria-sort": ariaSort,
+        "aria-label": ariaLabel,
+        "aria-colindex": ariaColumnIndex,
+        "aria-selected": ariaSelected,
+        colspan: colSpan,
+        rowspan: rowSpan,
+        role: role,
+        tabindex: navAttrs.tabIndex,
+        "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
+        "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
+      },
+      "aria-label": ariaLabel,
+      "aria-colindex": ariaColumnIndex,
+      "aria-selected": ariaSelected,
+      colspan: colSpan,
+      rowspan: rowSpan,
+      "class": className,
+      style: style,
+      onKeydown: this.onKeyDown,
+      on: this.v3 ? undefined : {
+        "keydown": this.onKeyDown
+      },
+      role: role,
+      tabindex: navAttrs.tabIndex,
+      "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
+      "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
+    }, [defaultSlot]);
+  },
+  methods: {
+    onKeyDown: function onKeyDown(e) {
+      this.$emit('keydown', e);
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var HeaderThElement = HeaderThElementVue2;
+export { HeaderThElement, HeaderThElementVue2 };

package/dist/esm/main.d.ts

@@ -0,0 +1,18 @@
+export * from './filter';
+import { tableKeyboardNavigationScopeAttributes } from './navigation/constants';
+import { tableKeyboardNavigationTools } from './navigation/utils';
+export { tableKeyboardNavigationScopeAttributes, tableKeyboardNavigationTools };
+export { Pager, PagerVue2, PagerProps, PageChangeEvent } from './pager/Pager';
+export { PagerInfo, PagerInfoVue2 } from './pager/PagerInfo';
+export { PagerInput, PagerInputVue2 } from './pager/PagerInput';
+export { PagerNavigationButton, PagerNavigationButtonVue2 } from './pager/PagerNavigationButton';
+export { PagerNumericButtons, PagerNumericButtonsVue2 } from './pager/PagerNumericButtons';
+export { PagerPageSizes, PagerPageSizesVue2 } from './pager/PagerPageSizes';
+export { HeaderThElement, HeaderThElementVue2 } from './header/HeaderThElement';
+export { Page } from './pager/Page';
+export { GridPagerSettings, normalize, GridPagerType } from './pager/GridPagerSettings';
+export * from './virtualization';
+export * from './navigation/constants';
+export * from './navigation/TableKeyboardNavigation';
+export * from './navigation/TableKeyboardNavigationContextType';
+export * from './navigation/TableKeyboardNavigationStateType';

package/dist/esm/main.js

@@ -0,0 +1,17 @@
+export * from './filter.js';
+import { tableKeyboardNavigationScopeAttributes } from './navigation/constants.js';
+import { tableKeyboardNavigationTools } from './navigation/utils.js';
+export { tableKeyboardNavigationScopeAttributes, tableKeyboardNavigationTools };
+export { Pager, PagerVue2 } from './pager/Pager.js';
+export { PagerInfo, PagerInfoVue2 } from './pager/PagerInfo.js';
+export { PagerInput, PagerInputVue2 } from './pager/PagerInput.js';
+export { PagerNavigationButton, PagerNavigationButtonVue2 } from './pager/PagerNavigationButton.js';
+export { PagerNumericButtons, PagerNumericButtonsVue2 } from './pager/PagerNumericButtons.js';
+export { PagerPageSizes, PagerPageSizesVue2 } from './pager/PagerPageSizes.js';
+export { HeaderThElement, HeaderThElementVue2 } from './header/HeaderThElement.js';
+export { normalize } from './pager/GridPagerSettings.js';
+export * from './virtualization.js';
+export * from './navigation/constants.js';
+export * from './navigation/TableKeyboardNavigation.js';
+export * from './navigation/TableKeyboardNavigationContextType.js';
+export * from './navigation/TableKeyboardNavigationStateType.js';