@progress/kendo-react-data-tools 5.4.0-dev.202205271059 → 5.4.0-dev.202206090823

package/dist/es/virtualization/columns.js

@@ -1,7 +1,11 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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));
 };
 /**
  * @hidden
@@ -42,7 +46,7 @@ export function tableColumnsVirtualization(args) {
             break;
         }
     }
-    var hiddenCols = __spreadArray([], hiddenColumns);
+    var hiddenCols = __spreadArray([], hiddenColumns, true);
     var hidden = function (value) { return value; };
     var lastVisible = hiddenCols.lastIndexOf(false);
     var anyHidden = hiddenCols.some(hidden);

package/dist/npm/columnmenu/ColumnMenu.js

@@ -21,10 +21,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColumnMenuBooleanColumn = exports.ColumnMenuDateColumn = exports.ColumnMenuNumericColumn = exports.ColumnMenuTextColumn = void 0;
@@ -41,7 +45,7 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
 var package_metadata_1 = require("../package-metadata");
 /** @hidden */
 var ColumnMenuWrapper = function (props) {
-    kendo_react_common_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
     var emptySort = React.useRef([]);
     var field = props.field, filter = props.filter, _a = props.sort, sort = _a === void 0 ? emptySort.current : _a, onSortChange = props.onSortChange, onFilterChange = props.onFilterChange, initialFilter = props.initialFilter, _b = props.sortAsc, sortAsc = _b === void 0 ? false : _b, _c = props.sortDesc, sortDesc = _c === void 0 ? false : _c, _d = props.filterContent, filterContent = _d === void 0 ? [] : _d, _e = props.expandFilters, expandFilters = _e === void 0 ? false : _e;
     var _f = React.useState(false), show = _f[0], setShow = _f[1];
@@ -51,7 +55,7 @@ var ColumnMenuWrapper = function (props) {
     var popupRef = React.useRef(null);
     var blurTimeout = React.useRef(null);
     var menuFilter = React.useCallback(function () {
-        return (filter || []).find(function (f) { return f.filters.every(function (inF) { return !kendo_data_query_1.isCompositeFilterDescriptor(inF) && inF.field === field; }); });
+        return (filter || []).find(function (f) { return f.filters.every(function (inF) { return !(0, kendo_data_query_1.isCompositeFilterDescriptor)(inF) && inF.field === field; }); });
     }, [filter, field]);
     var closeMenu = React.useCallback(function () {
         setShow(false);
@@ -77,7 +81,7 @@ var ColumnMenuWrapper = function (props) {
     }, [show]);
     var filterItemClick = React.useCallback(function () { return setFilterExpand(!filterExpand); }, [filterExpand]);
     var changeSort = React.useCallback(function (event, dir) {
-        var newSort = __spreadArray([], sort);
+        var newSort = __spreadArray([], sort, true);
         var currentSortIndex = newSort.findIndex(function (d) { return d.field === field; });
         var newSortDescriptor = { field: field, dir: dir };
         if (currentSortIndex >= 0) {
@@ -97,7 +101,7 @@ var ColumnMenuWrapper = function (props) {
         }
     }, [sort, field, onSortChange, closeMenu]);
     var filterChange = React.useCallback(function (_event, nextFilter, prevFilter) {
-        var stateFilter = __assign(__assign({}, currentFilter), { filters: __spreadArray([], currentFilter.filters) });
+        var stateFilter = __assign(__assign({}, currentFilter), { filters: __spreadArray([], currentFilter.filters, true) });
         var index = stateFilter.filters.indexOf(prevFilter);
         stateFilter.filters.splice(index, 1, nextFilter);
         setCurrentFilter(stateFilter);
@@ -138,7 +142,7 @@ var ColumnMenuWrapper = function (props) {
     var onLogicChange = React.useCallback(function (event) { return currentFilter && setCurrentFilter(__assign(__assign({}, currentFilter), { logic: event.value.logic })); }, [currentFilter]);
     var currentSort = sort.find(function (d) { return d.field === field; }) || { dir: '' };
     var FirstFilterComponent = filterContent[0], FilterLogicComponent = filterContent[1], SecondFilterComponent = filterContent[2];
-    var localization = kendo_react_intl_1.useLocalization();
+    var localization = (0, kendo_react_intl_1.useLocalization)();
     var sorting = (sortAsc || sortDesc) ? (React.createElement("div", { className: "k-columnmenu-item-wrapper", key: "sorting" },
         sortAsc &&
             (React.createElement(ColumnMenuItem_1.ColumnMenuItem, { title: localization.toLanguageString(messages_1.columnMenuSortAscending, messages_1.messages[messages_1.columnMenuSortAscending]), iconClass: "k-i-sort-asc-sm", selected: currentSort.dir === 'asc', onClick: sortAscChange })),
@@ -162,7 +166,7 @@ var ColumnMenuWrapper = function (props) {
             props.itemsRender.call(undefined, menuItems, { closeMenu: closeMenu, field: field }) :
             menuItems)));
     var rendering = [button, popup];
-    return props.render ? props.render.call(undefined, rendering) : rendering;
+    return React.createElement(React.Fragment, null, props.render ? props.render.call(undefined, rendering) : rendering);
 };
 /**
  * The `ColumnMenuTextColumn` component. Use it for `string` type columns.

package/dist/npm/columnmenu/ColumnMenuFilterForm.d.ts

@@ -4,6 +4,7 @@ export interface ColumnMenuFormProps {
     onSubmit?: React.FormEventHandler<HTMLFormElement>;
     onReset?: React.FormEventHandler<HTMLFormElement>;
     actions?: React.ReactNode;
+    children?: React.ReactNode;
 }
 export declare const ColumnMenuForm: React.FunctionComponent<ColumnMenuFormProps>;
 /**

package/dist/npm/columnmenu/ColumnMenuFilterForm.js

@@ -30,7 +30,7 @@ exports.ColumnMenuForm = ColumnMenuForm;
  * @hidden
  */
 var ColumnMenuFilterForm = function (props) {
-    var localization = kendo_react_intl_1.useLocalization();
+    var localization = (0, kendo_react_intl_1.useLocalization)();
     return (React.createElement(exports.ColumnMenuForm, __assign({}, props, { actions: (React.createElement(React.Fragment, null,
             React.createElement(kendo_react_buttons_1.Button, { type: "reset" }, localization.toLanguageString(messages_1.columnMenuFilterClearButton, messages_1.messages[messages_1.columnMenuFilterClearButton])),
             React.createElement(kendo_react_buttons_1.Button, { themeColor: 'primary' }, localization.toLanguageString(messages_1.columnMenuFilterSubmitButton, messages_1.messages[messages_1.columnMenuFilterSubmitButton])))) })));

package/dist/npm/columnmenu/ColumnMenuFilterLogic.js

@@ -18,7 +18,7 @@ var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("../messages");
 var logicData = [{ text: messages_1.columnMenuFilterAndLogic, logic: 'and' }, { text: messages_1.columnMenuFilterOrLogic, logic: 'or' }];
 var ColumnMenuFilterLogic = function (props) {
-    var localization = kendo_react_intl_1.useLocalization();
+    var localization = (0, kendo_react_intl_1.useLocalization)();
     var data = (props.data || logicData)
         .map(function (i) { return (__assign(__assign({}, i), { text: localization.toLanguageString(i.text, messages_1.messages[i.text]) })); });
     return (React.createElement(kendo_react_dropdowns_1.DropDownList, __assign({ onChange: props.onChange, className: "k-filter-and", textField: "text" }, props, { data: data, value: data.find(function (i) { return i.logic === props.value; }) })));

package/dist/npm/columnmenu/ColumnMenuFilters.js

@@ -33,7 +33,7 @@ var ColumnMenuFilter = function (props) {
         var nextFilter = prevFilter ? __assign(__assign({}, prevFilter), { value: value }) : { value: value, operator: operators[0].operator };
         onFilterChange.call(undefined, event, nextFilter, prevFilter);
     }, [filter, onFilterChange, operators]);
-    var localization = kendo_react_intl_1.useLocalization();
+    var localization = (0, kendo_react_intl_1.useLocalization)();
     var data = operators.map(function (o) { return (__assign(__assign({}, o), { text: localization.toLanguageString(o.text, messages_1.messages[o.text]) })); });
     return (React.createElement(React.Fragment, null,
         React.createElement(kendo_react_dropdowns_1.DropDownList, { value: data.find(function (item) { return item.operator === filter.operator; }) || null, onChange: operatorChange, data: data, textField: "text" }),
@@ -43,7 +43,7 @@ var ColumnMenuBooleanFilter = function (props) {
     var filter = props.filter, onFilterChange = props.onFilterChange;
     var inputChange = React.useCallback(function (event) { return onFilterChange.call(undefined, event.syntheticEvent, __assign(__assign({}, filter), { value: event.value }), filter); }, [filter, onFilterChange]);
     var isTrue = ColumnMenuOperators_1.ColumnMenuOperators.boolean[0].text;
-    return (React.createElement(kendo_react_inputs_1.Checkbox, { onChange: inputChange, checked: filter.value, label: kendo_react_intl_1.useLocalization().toLanguageString(isTrue, messages_1.messages[isTrue]), labelPlacement: "after" }));
+    return (React.createElement(kendo_react_inputs_1.Checkbox, { onChange: inputChange, checked: filter.value, label: (0, kendo_react_intl_1.useLocalization)().toLanguageString(isTrue, messages_1.messages[isTrue]), labelPlacement: "after" }));
 };
 exports.ColumnMenuBooleanFilter = ColumnMenuBooleanFilter;
 var ColumnMenuTextFilter = function (props) {

package/dist/npm/columnmenu/ColumnMenuItem.js

@@ -4,8 +4,8 @@ exports.ColumnMenuItem = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var ColumnMenuItem = function (props) {
-    return (React.createElement("div", { onClick: props.onClick, className: kendo_react_common_1.classNames('k-columnmenu-item', { 'k-selected': props.selected }, { 'k-disabled': props.disabled }) },
-        props.iconClass && React.createElement("span", { className: "k-icon " + props.iconClass }),
+    return (React.createElement("div", { onClick: props.onClick, className: (0, kendo_react_common_1.classNames)('k-columnmenu-item', { 'k-selected': props.selected }, { 'k-disabled': props.disabled }) },
+        props.iconClass && React.createElement("span", { className: "k-icon ".concat(props.iconClass) }),
         props.title));
 };
 exports.ColumnMenuItem = ColumnMenuItem;

package/dist/npm/columnmenu/ColumnMenuOperators.js

@@ -1,8 +1,12 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColumnMenuOperators = void 0;
@@ -70,7 +74,7 @@ var ColumnMenuOperators = /** @class */ (function () {
          * - { text: 'columnMenu.filterIsNotEmptyOperator', operator: 'isnotempty' }
          */
         get: function () {
-            return __spreadArray([], textOperators);
+            return __spreadArray([], textOperators, true);
         },
         enumerable: false,
         configurable: true
@@ -91,7 +95,7 @@ var ColumnMenuOperators = /** @class */ (function () {
          * - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
          */
         get: function () {
-            return __spreadArray([], numericOperators);
+            return __spreadArray([], numericOperators, true);
         },
         enumerable: false,
         configurable: true
@@ -112,7 +116,7 @@ var ColumnMenuOperators = /** @class */ (function () {
          * - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
          */
         get: function () {
-            return __spreadArray([], dateOperators);
+            return __spreadArray([], dateOperators, true);
         },
         enumerable: false,
         configurable: true
@@ -126,7 +130,7 @@ var ColumnMenuOperators = /** @class */ (function () {
          * - { text: 'columnMenu.filterIsTrue', operator: '' }
          */
         get: function () {
-            return __spreadArray([], booleanOperators);
+            return __spreadArray([], booleanOperators, true);
         },
         enumerable: false,
         configurable: true

package/dist/npm/columnmenu/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/npm/drag/ColumnDraggable.d.ts

@@ -7,6 +7,7 @@ export interface ColumnDraggableProps {
     dragHandler?: (draggableEvent: any, element: HTMLTableRowElement | HTMLDivElement) => void;
     releaseHandler?: (draggableEvent: any) => void;
     ariaRowIndex?: number;
+    children?: React.ReactNode;
 }
 /**
  * @hidden

package/dist/npm/drag/ColumnDraggable.js

@@ -25,6 +25,7 @@ var ColumnDraggable = /** @class */ (function (_super) {
     __extends(ColumnDraggable, _super);
     function ColumnDraggable() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.draggable = null;
         /**
          * @hidden
          */

package/dist/npm/drag/ColumnResize.d.ts

@@ -1,8 +1,9 @@
-import { ExtendedColumnProps } from './../header';
+import { FilterCellProps } from '../filteringCells';
+import { ExtendedColumnProps, CellProps, HeaderCellProps } from './../header';
 /**
  * @hidden
  */
-export declare class ColumnResize {
+export declare class ColumnResize<C = CellProps, H = HeaderCellProps, F = FilterCellProps> {
     /**
      * The main `colgroup` of the Grid.
      */
@@ -15,7 +16,7 @@ export declare class ColumnResize {
      * The footer `colgroup` of the Grid (if any).
      */
     colGroupFooter: any | null;
-    columns: ExtendedColumnProps[];
+    columns: ExtendedColumnProps<C, H, F>[];
     /**
      * The settings for resizing the Grid.
      */
@@ -24,7 +25,7 @@ export declare class ColumnResize {
     private isRtl;
     constructor(triggerResize: (index: number, newWidth: number, oldWidth: number, originalEvent: any, end: boolean) => void);
     setIsRtl: (isRtl: boolean) => void;
-    dragHandler(event: any, column: ExtendedColumnProps, dragCue: HTMLSpanElement, end: boolean): void;
+    dragHandler(event: any, column: ExtendedColumnProps<C, H, F>, dragCue: HTMLSpanElement, end: boolean): void;
     private setWidths;
     private updateColElements;
     private setColWidth;

package/dist/npm/drag/ColumnResize.js

@@ -7,6 +7,9 @@ exports.ColumnResize = void 0;
 var ColumnResize = /** @class */ (function () {
     function ColumnResize(triggerResize) {
         var _this = this;
+        // Typings. `col` and `colgroup` do not differ, both represnt a `HTMLTableColElement`.
+        // Implemented as `any`.
+        this.columns = [];
         /**
          * The settings for resizing the Grid.
          */

package/dist/npm/drag/ColumnResizer.js

@@ -25,6 +25,7 @@ var ColumnResizer = /** @class */ (function (_super) {
     __extends(ColumnResizer, _super);
     function ColumnResizer() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.draggable = null;
         /**
          * @hidden
          */

package/dist/npm/drag/CommonDragLogic.d.ts

@@ -1,6 +1,7 @@
 import { DragClue } from './DragClue';
 import { DropClue } from './DropClue';
-import { ExtendedColumnProps } from './../header';
+import { FilterCellProps } from '../filteringCells';
+import { ExtendedColumnProps, CellProps, HeaderCellProps } from './../header';
 /**
  * @hidden
  */
@@ -8,8 +9,8 @@ export declare type handler = (prevIndex: number, nextIndex: number, nativeEvent
 /**
  * @hidden
  */
-export declare class CommonDragLogic {
-    columns: ExtendedColumnProps[];
+export declare class CommonDragLogic<C = CellProps, H = HeaderCellProps, F = FilterCellProps> {
+    columns: ExtendedColumnProps<C, H, F>[];
     reorderable: boolean;
     groupable: boolean;
     private startColumn;

package/dist/npm/drag/CommonDragLogic.js

@@ -8,6 +8,7 @@ var header_1 = require("./../header/");
 var CommonDragLogic = /** @class */ (function () {
     function CommonDragLogic(columnReorder, groupReorder, columnToGroup) {
         var _this = this;
+        this.columns = [];
         this.reorderable = false;
         this.groupable = false;
         this.startColumn = -1;
@@ -101,7 +102,7 @@ var CommonDragLogic = /** @class */ (function () {
         if (!parent || (parent.parentElement === this.groupPanelDivElement)) {
             return -1;
         }
-        var index = header_1.getIndex(event, parent);
+        var index = (0, header_1.getIndex)(event, parent);
         if (index === -1) {
             return -1;
         }
@@ -119,7 +120,7 @@ var CommonDragLogic = /** @class */ (function () {
         return -1;
     };
     CommonDragLogic.prototype.getGroupIndex = function (event) {
-        return header_1.getIndex(event, this.groupPanelDivElement);
+        return (0, header_1.getIndex)(event, this.groupPanelDivElement);
     };
     CommonDragLogic.prototype.isValid = function () {
         if (this.startGroup >= 0) {

package/dist/npm/drag/DragClue.d.ts

@@ -12,7 +12,7 @@ export interface DragClueState {
 /**
  * @hidden
  */
-export declare class DragClue extends React.PureComponent<{}, DragClueState> {
+export declare class DragClue extends React.PureComponent<any, DragClueState> {
     private elementRef;
     readonly state: DragClueState;
     hiddenElementRef: React.RefObject<HTMLDivElement>;

package/dist/npm/drag/DragClue.js

@@ -46,7 +46,7 @@ var DragClue = /** @class */ (function (_super) {
     });
     DragClue.prototype.render = function () {
         var hiddenElement = this.hiddenElementRef.current;
-        var dragClue = this.state.visible && kendo_react_common_1.canUseDOM && react_dom_1.createPortal((React.createElement("div", { ref: this.elementRef, className: "k-header k-drag-clue", style: {
+        var dragClue = this.state.visible && kendo_react_common_1.canUseDOM && (0, react_dom_1.createPortal)((React.createElement("div", { ref: this.elementRef, className: "k-header k-drag-clue", style: {
                 display: 'block',
                 position: 'absolute',
                 zIndex: 20000,

package/dist/npm/drag/DropClue.d.ts

@@ -11,7 +11,7 @@ export interface DropClueState {
 /**
  * @hidden
  */
-export declare class DropClue extends React.PureComponent<{}, DropClueState> {
+export declare class DropClue extends React.PureComponent<any, DropClueState> {
     readonly state: DropClueState;
     hiddenElementRef: React.RefObject<HTMLDivElement>;
     constructor(props: any);

package/dist/npm/drag/DropClue.js

@@ -37,7 +37,7 @@ var DropClue = /** @class */ (function (_super) {
     }
     DropClue.prototype.render = function () {
         var hiddenElement = this.hiddenElementRef.current;
-        var dropClue = this.state.visible && kendo_react_common_1.canUseDOM && react_dom_1.createPortal((React.createElement("div", { className: "k-grouping-dropclue", style: {
+        var dropClue = this.state.visible && kendo_react_common_1.canUseDOM && (0, react_dom_1.createPortal)((React.createElement("div", { className: "k-grouping-dropclue", style: {
                 zIndex: 10000,
                 display: 'block',
                 top: this.state.top + 'px',

package/dist/npm/filter/Expression.js

@@ -46,8 +46,8 @@ var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var operators_1 = require("./operators");
 var messages_1 = require("../messages");
 var setInitialValue = function (filter) {
-    if (filter.value === undefined && !operators_1.unaryOperator(filter.operator)) {
-        filter.value = operators_1.stringOperator(filter.operator) ? '' : null;
+    if (filter.value === undefined && !(0, operators_1.unaryOperator)(filter.operator)) {
+        filter.value = (0, operators_1.stringOperator)(filter.operator) ? '' : null;
     }
 };
 /**
@@ -74,7 +74,7 @@ var Expression = /** @class */ (function (_super) {
             var operator = event.value.operator;
             var prevFilter = _this.props.filter;
             var nextFilter;
-            if (operators_1.unaryOperator(operator)) {
+            if ((0, operators_1.unaryOperator)(operator)) {
                 var value = prevFilter.value, prevFilterNoValue = __rest(prevFilter, ["value"]);
                 nextFilter = __assign(__assign({}, prevFilterNoValue), { operator: operator });
             }
@@ -87,7 +87,7 @@ var Expression = /** @class */ (function (_super) {
         _this.onInputChange = function (event) {
             var prevFilter = _this.props.filter;
             var nextFilter = event.nextFilter;
-            if (operators_1.unaryOperator(nextFilter.operator)) {
+            if ((0, operators_1.unaryOperator)(nextFilter.operator)) {
                 var field = _this.props.fields.find(function (f) { return f.name === nextFilter.field; });
                 nextFilter = __assign(__assign({}, nextFilter), { operator: (field && field.operators[0].operator) || nextFilter.operator });
             }
@@ -117,7 +117,7 @@ var Expression = /** @class */ (function (_super) {
     Expression.prototype.render = function () {
         var _a = this.props, fields = _a.fields, filter = _a.filter;
         var field = fields.find(function (f) { return f.name === filter.field; });
-        var locService = kendo_react_intl_1.provideLocalizationService(this);
+        var locService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var operators = ((field && field.operators) || [])
             .map(function (o) { return (__assign(__assign({}, o), { text: locService.toLanguageString(o.text, messages_1.messages[o.text] || o.text) })); });
         return (React.createElement("div", { className: "k-filter-toolbar" },
@@ -139,4 +139,4 @@ var Expression = /** @class */ (function (_super) {
     return Expression;
 }(React.Component));
 exports.Expression = Expression;
-kendo_react_intl_1.registerForLocalization(Expression);
+(0, kendo_react_intl_1.registerForLocalization)(Expression);

package/dist/npm/filter/Filter.d.ts

@@ -51,7 +51,7 @@ export declare class Filter extends React.Component<FilterProps> {
     static propTypes: {
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
-        fields: (props: FilterProps, propName: string) => Error;
+        fields: (props: FilterProps, propName: string) => Error | null;
         value: PropTypes.Validator<object>;
         onChange: PropTypes.Validator<(...args: any[]) => any>;
     };

package/dist/npm/filter/Filter.js

@@ -57,7 +57,7 @@ var Filter = /** @class */ (function (_super) {
             };
             _this.props.onChange.call(undefined, changeEvent);
         };
-        kendo_react_common_1.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
         return _this;
     }
     /**
@@ -78,16 +78,16 @@ var Filter = /** @class */ (function (_super) {
         fields: function (props, propName) {
             var prop = props[propName];
             if (prop === undefined) {
-                return new Error("Property '" + propName + "' is missing.");
+                return new Error("Property '".concat(propName, "' is missing."));
             }
             else if (!Array.isArray(prop)) {
-                return new Error("Property '" + propName + "' needs to be Array<FieldSettings>.");
+                return new Error("Property '".concat(propName, "' needs to be Array<FieldSettings>."));
             }
             else if (Object.keys(prop.reduce(function (acc, cur) {
                 var _a;
                 return (__assign(__assign({}, acc), (_a = {}, _a[cur.name] = 1, _a)));
             }, {})).length !== prop.length) {
-                return new Error("Property '" + propName + "' needs to contain objects with unique 'name' field.");
+                return new Error("Property '".concat(propName, "' needs to contain objects with unique 'name' field."));
             }
             return null;
         },

package/dist/npm/filter/Group.js

@@ -25,10 +25,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Group = void 0;
@@ -47,37 +51,53 @@ var Group = /** @class */ (function (_super) {
     __extends(Group, _super);
     function Group() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.onGroupRemove = function () {
-            _this.props.onRemove.call(undefined, {
-                filter: _this.props.filter
-            });
+        _this.onGroupRemove = function (event) {
+            var ev = {
+                filter: _this.props.filter,
+                target: _this,
+                syntheticEvent: event,
+                nativeEvent: event.nativeEvent
+            };
+            _this.props.onRemove.call(undefined, ev);
         };
-        _this.onAddExpression = function () {
+        _this.onAddExpression = function (event) {
             var prevFilter = _this.props.filter;
             var firstField = _this.props.fields[0];
             var newExpression = { field: firstField.name, operator: firstField.operators[0].operator };
-            newExpression.value = operators_1.stringOperator(newExpression.operator) ? '' : null;
-            _this.props.onChange.call(undefined, {
-                nextFilter: __assign(__assign({}, prevFilter), { filters: __spreadArray(__spreadArray([], prevFilter.filters), [newExpression]) }),
-                prevFilter: prevFilter
-            });
+            newExpression.value = (0, operators_1.stringOperator)(newExpression.operator) ? '' : null;
+            var ev = {
+                nextFilter: __assign(__assign({}, prevFilter), { filters: __spreadArray(__spreadArray([], prevFilter.filters, true), [newExpression], false) }),
+                prevFilter: prevFilter,
+                target: _this,
+                syntheticEvent: event,
+                nativeEvent: event.nativeEvent
+            };
+            _this.props.onChange.call(undefined, ev);
         };
-        _this.onAddGroup = function () {
+        _this.onAddGroup = function (event) {
             var prevFilter = _this.props.filter;
-            _this.props.onChange.call(undefined, {
-                nextFilter: __assign(__assign({}, prevFilter), { filters: __spreadArray(__spreadArray([], prevFilter.filters), [__assign({}, _this.props.defaultGroupFilter)]) }),
-                prevFilter: prevFilter
-            });
+            var ev = {
+                nextFilter: __assign(__assign({}, prevFilter), { filters: __spreadArray(__spreadArray([], prevFilter.filters, true), [__assign({}, _this.props.defaultGroupFilter)], false) }),
+                prevFilter: prevFilter,
+                target: _this,
+                syntheticEvent: event,
+                nativeEvent: event.nativeEvent
+            };
+            _this.props.onChange.call(undefined, ev);
         };
-        _this.onLogicAnd = function () { return _this.changeLogic('and'); };
-        _this.onLogicOr = function () { return _this.changeLogic('or'); };
-        _this.changeLogic = function (logic) {
+        _this.onLogicAnd = function (event) { return _this.changeLogic('and', event); };
+        _this.onLogicOr = function (event) { return _this.changeLogic('or', event); };
+        _this.changeLogic = function (logic, event) {
             var prevFilter = _this.props.filter;
             if (prevFilter.logic !== logic) {
-                _this.props.onChange.call(undefined, {
+                var ev = {
                     nextFilter: __assign(__assign({}, prevFilter), { logic: logic }),
-                    prevFilter: prevFilter
-                });
+                    prevFilter: prevFilter,
+                    target: _this,
+                    syntheticEvent: event,
+                    nativeEvent: event.nativeEvent
+                };
+                _this.props.onChange.call(undefined, ev);
             }
         };
         _this.replaceFilter = function (prevFilter, nextFilter) {
@@ -113,7 +133,7 @@ var Group = /** @class */ (function (_super) {
     Group.prototype.render = function () {
         var _this = this;
         var _a = this.props, fields = _a.fields, filter = _a.filter;
-        var locService = kendo_react_intl_1.provideLocalizationService(this);
+        var locService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         return (React.createElement(React.Fragment, null,
             React.createElement("div", { className: "k-filter-toolbar" },
                 React.createElement(kendo_react_buttons_1.Toolbar, { keyboardNavigation: false },
@@ -128,7 +148,7 @@ var Group = /** @class */ (function (_super) {
                     React.createElement(kendo_react_buttons_1.ToolbarItem, null,
                         React.createElement(kendo_react_buttons_1.Button, { title: locService.toLanguageString(messages_1.filterClose, messages_1.messages[messages_1.filterClose]), icon: "close", fillMode: "flat", type: "button", onClick: this.onGroupRemove })))),
             filter.filters.length > 0 && (React.createElement("ul", { className: "k-filter-lines" }, filter.filters.map(function (f, idx) {
-                return (React.createElement("li", { key: idx, className: "k-filter-item" }, kendo_data_query_1.isCompositeFilterDescriptor(f) ?
+                return (React.createElement("li", { key: idx, className: "k-filter-item" }, (0, kendo_data_query_1.isCompositeFilterDescriptor)(f) ?
                     React.createElement(Group, { filter: f, fields: fields, onChange: _this.onChange, onRemove: _this.onRemove, defaultGroupFilter: _this.props.defaultGroupFilter })
                     :
                         React.createElement(Expression_1.Expression, { filter: f, fields: fields, onChange: _this.onChange, onRemove: _this.onRemove })));
@@ -144,4 +164,4 @@ var Group = /** @class */ (function (_super) {
     return Group;
 }(React.Component));
 exports.Group = Group;
-kendo_react_intl_1.registerForLocalization(Group);
+(0, kendo_react_intl_1.registerForLocalization)(Group);

package/dist/npm/filter/filters/BooleanFilter.d.ts

@@ -28,10 +28,10 @@ export declare class BooleanFilter extends React.Component<BooleanFilterProps> {
     static propTypes: {
         filter: PropTypes.Validator<object>;
         onFilterChange: PropTypes.Validator<(...args: any[]) => any>;
-        data: PropTypes.Requireable<PropTypes.InferProps<{
+        data: PropTypes.Requireable<(PropTypes.InferProps<{
             text: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<any>;
-        }>[]>;
+        }> | null | undefined)[]>;
         defaultItem: PropTypes.Requireable<any>;
     };
     private data;

package/dist/npm/filter/filters/EnumFilter.d.ts

@@ -28,10 +28,10 @@ export declare class EnumFilter extends React.Component<EnumFilterProps> {
     static propTypes: {
         filter: PropTypes.Validator<object>;
         onFilterChange: PropTypes.Validator<(...args: any[]) => any>;
-        data: PropTypes.Requireable<PropTypes.InferProps<{
+        data: PropTypes.Requireable<(PropTypes.InferProps<{
             text: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<any>;
-        }>[]>;
+        }> | null | undefined)[]>;
         defaultItem: PropTypes.Requireable<any>;
     };
     /**

package/dist/npm/filter/filters/EnumFilter.js

@@ -51,7 +51,7 @@ var EnumFilter = /** @class */ (function (_super) {
      * @hidden
      */
     EnumFilter.prototype.render = function () {
-        var locService = kendo_react_intl_1.provideLocalizationService(this);
+        var locService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var _a = this.props, filter = _a.filter, _b = _a.data, data = _b === void 0 ? [] : _b, defaultItem = _a.defaultItem;
         var locData = data.map(function (item) { return (__assign(__assign({}, item), { text: locService.toLanguageString(item.text, messages_1.messages[item.text] || item.text) })); });
         return (React.createElement(kendo_react_dropdowns_1.DropDownList, { value: locData.find(function (i) { return i.value === filter.value; }) || null, onChange: this.onChange, defaultItem: defaultItem, data: locData, textField: "text" }));
@@ -68,4 +68,4 @@ var EnumFilter = /** @class */ (function (_super) {
     return EnumFilter;
 }(React.Component));
 exports.EnumFilter = EnumFilter;
-kendo_react_intl_1.registerForLocalization(EnumFilter);
+(0, kendo_react_intl_1.registerForLocalization)(EnumFilter);