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

package/dist/es/navigation/utils.d.ts

@@ -3,19 +3,19 @@ import { TableKeyboardNavigationStateType } from './TableKeyboardNavigationState
 /**
  * @hidden
  */
-export declare const generateNavigatableId: (navigationId: string, idPrefix: string, type?: "column" | "cell") => string;
+export declare const generateNavigatableId: (navigationId: string, idPrefix: string, type?: 'column' | 'cell') => string;
 /**
  * @hidden
  */
-export declare const getNavigatableLevel: (element: Element) => number;
+export declare const getNavigatableLevel: (element: Element | null) => number;
 /**
  * @hidden
  */
-export declare const getNavigatableId: (element: Element) => string;
+export declare const getNavigatableId: (element: Element | null) => string;
 /**
  * @hidden
  */
-export declare const isNavigatable: (element: Element) => boolean;
+export declare const isNavigatable: (element: Element | null) => boolean;
 /**
  * @hidden
  */
@@ -51,7 +51,7 @@ export declare const getFocusableElements: (scope: HTMLElement, options?: {
 /**
  * @hidden
  */
-export declare const getNavigatableElements: (scope: HTMLElement, options?: {
+export declare const getNavigatableElements: (scope: HTMLElement | null, options?: {
     level: number;
 }) => any[];
 /**
@@ -80,15 +80,15 @@ export declare const getIdPrefix: (navigationStateRef: {
 /**
  * @hidden
  */
-export declare const findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
+export declare const findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
 /**
  * @hidden
  */
-export declare const findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
+export declare const findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
 /**
  * @hidden
  */
-export declare const findId: (navigationMatrix: string[][], cellId?: string) => number[];
+export declare const findId: (navigationMatrix: string[][], cellId?: string) => number[] | undefined;
 /**
  * @hidden
  */
@@ -103,9 +103,9 @@ export declare const getFilterColumnId: (columnId: string) => string;
  * @hidden
  */
 export declare const tableKeyboardNavigationTools: {
-    generateNavigatableId: (navigationId: string, idPrefix: string, type?: "column" | "cell") => string;
-    getNavigatableId: (element: Element) => string;
-    getNavigatableLevel: (element: Element) => number;
+    generateNavigatableId: (navigationId: string, idPrefix: string, type?: 'column' | 'cell') => string;
+    getNavigatableId: (element: Element | null) => string;
+    getNavigatableLevel: (element: Element | null) => number;
     getNavigatableElement: (scope: HTMLElement, options?: {
         level: number;
     }) => HTMLElement;
@@ -117,7 +117,7 @@ export declare const tableKeyboardNavigationTools: {
     getFocusableElements: (scope: HTMLElement, options?: {
         focusable: boolean;
     }) => Element[];
-    getNavigatableElements: (scope: HTMLElement, options?: {
+    getNavigatableElements: (scope: HTMLElement | null, options?: {
         level: number;
     }) => any[];
     filterNavigatableElements: (options?: {
@@ -134,10 +134,10 @@ export declare const tableKeyboardNavigationTools: {
     getIdPrefix: (navigationStateRef: {
         current?: TableKeyboardNavigationStateType;
     }) => string;
-    isNavigatable: (element: Element) => boolean;
-    findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
-    findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
-    findId: (navigationMatrix: string[][], cellId?: string) => number[];
+    isNavigatable: (element: Element | null) => boolean;
+    findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
+    findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
+    findId: (navigationMatrix: string[][], cellId?: string) => number[] | undefined;
     getNextNavigationIndex: (navigationStateRef: {
         current?: TableKeyboardNavigationStateType;
     }) => number;

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-data-tools',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1652862809,
+    publishDate: 1653648249,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/es/pager/Pager.d.ts

@@ -114,7 +114,7 @@ export declare class Pager extends React.Component<PagerProps> {
     /**
      * Returns the HTML element of the Pager component.
      */
-    readonly element: HTMLDivElement | null;
+    get element(): HTMLDivElement | null;
     constructor(props: PagerProps);
     /**
      * @hidden
@@ -129,7 +129,7 @@ export declare class Pager extends React.Component<PagerProps> {
      */
     render(): JSX.Element;
     private renderButton;
-    private readonly totalPages;
+    private get totalPages();
     private changePage;
     private onWindowResize;
 }

package/dist/es/pager/Pager.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -74,7 +76,7 @@ var Pager = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -146,7 +148,7 @@ var Pager = /** @class */ (function (_super) {
         get: function () {
             return Math.ceil((this.props.total || 0) / this.props.take);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**

package/dist/es/pager/PagerInput.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/pager/PagerNumericButtons.d.ts

@@ -17,6 +17,6 @@ export declare class PagerNumericButtons extends React.Component<PagerNumericBut
     private renderOptionDots;
     private handlePageChange;
     private handleSelectPageChange;
-    private readonly end;
-    private readonly start;
+    private get end();
+    private get start();
 }

package/dist/es/pager/PagerNumericButtons.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -68,7 +70,7 @@ var PagerNumericButtons = /** @class */ (function (_super) {
         get: function () {
             return Math.min((this.start + this.props.buttonCount) - 1, this.props.totalPages);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(PagerNumericButtons.prototype, "start", {
@@ -81,7 +83,7 @@ var PagerNumericButtons = /** @class */ (function (_super) {
             }
             return 1;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     return PagerNumericButtons;

package/dist/es/pager/PagerPageSizes.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/selection/TableSelectableSettings.js

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

package/dist/es/selection/TableSelection.js

@@ -148,5 +148,5 @@ export var TableSelection = function (props) {
     return (React.createElement(React.Fragment, null,
         React.createElement(Draggable, { onPress: onPressHandler, onDrag: onDragHandler, onRelease: onReleaseHandler, ref: draggableRef, childRef: childRef }, props.children),
         overlaySettings &&
-            React.createElement("div", { ref: overlayElementRef, style: __assign({}, overlaySettings, { position: 'fixed' }), className: 'k-marquee k-marquee-color' })));
+            React.createElement("div", { ref: overlayElementRef, style: __assign(__assign({}, overlaySettings), { position: 'fixed' }), className: 'k-marquee k-marquee-color' })));
 };

package/dist/es/selection/events.js

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

package/dist/es/selection/utils.d.ts

@@ -1,7 +1,7 @@
 import { TableKeyDownEvent, TableSelectionChangeEvent } from './events';
 import { TableSelectableSettings } from './TableSelectableSettings';
 /** @hidden */
-export declare const closestTagName: (target: HTMLElement, tagName: "TD" | "TR" | "TABLE") => HTMLElement;
+export declare const closestTagName: (target: HTMLElement | null, tagName: 'TD' | 'TR' | 'TABLE') => HTMLElement | null;
 /** @hidden */
 export declare const getRowIndex: (element: HTMLTableRowElement) => number;
 /** @hidden */
@@ -61,6 +61,6 @@ export declare const getOffset: (offsetParent: any) => any;
 export declare const getSelectionOptions: (selectable?: TableSelectableSettings) => {
     enabled: boolean;
     drag: boolean;
-    mode: "multiple" | "single";
+    mode: import("./TableSelectableSettings").TableSelectableMode;
     cell: boolean;
 };

package/dist/es/selection/utils.js

@@ -9,6 +9,11 @@ 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;
+};
 import { extendDataItem, getter, Keys, mapTree, hasRelativeStackingContext } from '@progress/kendo-react-common';
 import { TABLE_COL_INDEX_ATTRIBUTE, TABLE_ROW_INDEX_ATTRIBUTE } from './constants';
 var GROUP_SUBITEMS_COLLECTION = 'items';
@@ -23,7 +28,7 @@ var getCellSelection = function (currentSelection, selectedColumn) {
             return currentSelection.filter(function (columnIndex) { return columnIndex === selectedColumn; });
         }
         else {
-            return currentSelection.concat([selectedColumn]);
+            return __spreadArray(__spreadArray([], currentSelection), [selectedColumn]);
         }
     }
 };
@@ -98,8 +103,15 @@ export var getSelectedStateFromKeyDown = function (options) {
             selectedState: selectedState,
             dataItemKey: dataItemKey,
             event: {
-                ctrlKey: ctrlKey, metaKey: metaKey, altKey: altKey, shiftKey: shiftKey,
-                dataItems: dataItems, cell: cell, mode: mode, selectedField: selectedField, componentId: componentId,
+                ctrlKey: ctrlKey,
+                metaKey: metaKey,
+                altKey: altKey,
+                shiftKey: shiftKey,
+                dataItems: dataItems,
+                cell: cell,
+                mode: mode,
+                selectedField: selectedField,
+                componentId: componentId,
                 startColIndex: colIndex, endColIndex: colIndex, startRowIndex: rowIndex, endRowIndex: rowIndex,
                 isDrag: false,
                 syntheticEvent: syntheticEvent,
@@ -146,7 +158,7 @@ export var getSelectedState = function (options) {
         var selectedDataItems = dataItems.slice(startRowIndex, endRowIndex + 1);
         selectedDataItems.forEach(function (currentItem) {
             var itemId = idGetter(currentItem);
-            selectionState[itemId] = cell ? selectedColumns_1.slice() : true;
+            selectionState[itemId] = cell ? __spreadArray([], selectedColumns_1) : true;
         });
     }
     else {
@@ -175,7 +187,7 @@ export var getSelectedState = function (options) {
             var selectedDataItems = dataItems.slice(currentStartRowIndex, currentEndRowIndex + 1);
             selectedDataItems.forEach(function (currentItem) {
                 var itemId = idGetter(currentItem);
-                selectionState[itemId] = cell ? selectedColumns_2.slice() : true;
+                selectionState[itemId] = cell ? __spreadArray([], selectedColumns_2) : true;
             });
         }
     }

package/dist/es/utils/data-operations.js

@@ -9,15 +9,20 @@ 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;
+};
 import { orderBy as kendoDataQueryOrderBy, filterBy as kendoDataQueryFilterBy } from '@progress/kendo-data-query';
 // Gets and sets the children. Returns the children or the re-created item with the new children.
 function children(item, subItemsField, subItems) {
     var _a;
     if (subItems) {
-        return __assign({}, item, (_a = {}, _a[subItemsField] = subItems.length ? subItems.slice() : undefined, _a));
+        return __assign(__assign({}, item), (_a = {}, _a[subItemsField] = subItems.length ? __spreadArray([], subItems) : undefined, _a));
     }
     else {
-        return item && item[subItemsField] ? item[subItemsField].slice() : [];
+        return item && item[subItemsField] ? __spreadArray([], item[subItemsField]) : [];
     }
 }
 function sortChildren(dataItem, sort, subItemsField) {
@@ -25,7 +30,7 @@ function sortChildren(dataItem, sort, subItemsField) {
     if (dataItem[subItemsField]) {
         var item = children(dataItem, subItemsField, kendoDataQueryOrderBy(children(dataItem, subItemsField), sort));
         var subItems = children(item, subItemsField).map(function (root) { return sortChildren(root, sort, subItemsField); });
-        return __assign({}, item, (_a = {}, _a[subItemsField] = subItems, _a));
+        return __assign(__assign({}, item), (_a = {}, _a[subItemsField] = subItems, _a));
     }
     return dataItem;
 }
@@ -69,7 +74,7 @@ function filterChildren(dataItem, filters, subItemsField) {
  */
 export function filterBy(data, descriptors, subItemsField) {
     var _a;
-    var filtered = (_a = {}, _a[subItemsField] = data.slice(), _a);
+    var filtered = (_a = {}, _a[subItemsField] = __spreadArray([], data), _a);
     filtered = filterChildren(filtered, descriptors, subItemsField);
     return filtered[subItemsField] || [];
 }

package/dist/es/utils/group-operations.d.ts

@@ -6,7 +6,7 @@ import { GroupDescriptor } from '@progress/kendo-data-query';
  */
 export declare const setGroupIds: (options: {
     data: any;
-    group?: GroupDescriptor[];
+    group?: Array<GroupDescriptor>;
 }) => void;
 /**
  * Get all group ids from the data.

package/dist/es/virtualization/columns.js

@@ -1,3 +1,8 @@
+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;
+};
 /**
  * @hidden
  */
@@ -37,7 +42,7 @@ export function tableColumnsVirtualization(args) {
             break;
         }
     }
-    var hiddenCols = hiddenColumns.slice();
+    var hiddenCols = __spreadArray([], hiddenColumns);
     var hidden = function (value) { return value; };
     var lastVisible = hiddenCols.lastIndexOf(false);
     var anyHidden = hiddenCols.some(hidden);

package/dist/npm/columnmenu/ColumnMenu.js

@@ -15,11 +15,19 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnMenuBooleanColumn = exports.ColumnMenuDateColumn = exports.ColumnMenuNumericColumn = exports.ColumnMenuTextColumn = void 0;
 var React = require("react");
 var kendo_react_popup_1 = require("@progress/kendo-react-popup");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
@@ -69,7 +77,7 @@ var ColumnMenuWrapper = function (props) {
     }, [show]);
     var filterItemClick = React.useCallback(function () { return setFilterExpand(!filterExpand); }, [filterExpand]);
     var changeSort = React.useCallback(function (event, dir) {
-        var newSort = sort.slice();
+        var newSort = __spreadArray([], sort);
         var currentSortIndex = newSort.findIndex(function (d) { return d.field === field; });
         var newSortDescriptor = { field: field, dir: dir };
         if (currentSortIndex >= 0) {
@@ -89,7 +97,7 @@ var ColumnMenuWrapper = function (props) {
         }
     }, [sort, field, onSortChange, closeMenu]);
     var filterChange = React.useCallback(function (_event, nextFilter, prevFilter) {
-        var stateFilter = __assign({}, currentFilter, { filters: currentFilter.filters.slice() });
+        var stateFilter = __assign(__assign({}, currentFilter), { filters: __spreadArray([], currentFilter.filters) });
         var index = stateFilter.filters.indexOf(prevFilter);
         stateFilter.filters.splice(index, 1, nextFilter);
         setCurrentFilter(stateFilter);
@@ -127,7 +135,7 @@ var ColumnMenuWrapper = function (props) {
     }, [filter, field, onFilterChange, initialFilter, closeMenu, menuFilter]);
     var sortAscChange = React.useCallback(function (e) { return changeSort(e, 'asc'); }, [changeSort]);
     var sortDescChange = React.useCallback(function (e) { return changeSort(e, 'desc'); }, [changeSort]);
-    var onLogicChange = React.useCallback(function (event) { return currentFilter && setCurrentFilter(__assign({}, currentFilter, { logic: event.value.logic })); }, [currentFilter]);
+    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();
@@ -159,7 +167,7 @@ var ColumnMenuWrapper = function (props) {
 /**
  * The `ColumnMenuTextColumn` component. Use it for `string` type columns.
  */
-exports.ColumnMenuTextColumn = function (props) {
+var ColumnMenuTextColumn = function (props) {
     var field = props.field, others = __rest(props, ["field"]);
     var initialFilter = React.useCallback(function (currentField) {
         return ({ logic: 'and', filters: [{ operator: 'contains', field: currentField, value: '' }, { operator: 'contains', field: currentField, value: '' }] });
@@ -172,10 +180,11 @@ exports.ColumnMenuTextColumn = function (props) {
     ] : [];
     return (React.createElement(ColumnMenuWrapper, __assign({ sortAsc: true && hasField, sortDesc: true && hasField, filterContent: filterContent, initialFilter: hasField ? initialFilter : undefined, field: field }, others)));
 };
+exports.ColumnMenuTextColumn = ColumnMenuTextColumn;
 /**
  * The `ColumnMenuNumericColumn` component. Use it for `number` type columns.
  */
-exports.ColumnMenuNumericColumn = function (props) {
+var ColumnMenuNumericColumn = function (props) {
     var field = props.field, others = __rest(props, ["field"]);
     var initialFilter = React.useCallback(function (currentField) {
         return ({ logic: 'or', filters: [{ operator: 'eq', field: currentField, value: null }, { operator: 'eq', field: currentField, value: null }] });
@@ -188,10 +197,11 @@ exports.ColumnMenuNumericColumn = function (props) {
     ] : [];
     return (React.createElement(ColumnMenuWrapper, __assign({ sortAsc: true && hasField, sortDesc: true && hasField, filterContent: filterContent, initialFilter: hasField ? initialFilter : undefined, field: field }, others)));
 };
+exports.ColumnMenuNumericColumn = ColumnMenuNumericColumn;
 /**
  * The `ColumnMenuDateColumn` component. Use it for `Date` type columns.
  */
-exports.ColumnMenuDateColumn = function (props) {
+var ColumnMenuDateColumn = function (props) {
     var field = props.field, others = __rest(props, ["field"]);
     var initialFilter = React.useCallback(function (currentField) {
         return ({ logic: 'or', filters: [{ operator: 'eq', field: currentField, value: null }, { operator: 'eq', field: currentField, value: null }] });
@@ -204,10 +214,11 @@ exports.ColumnMenuDateColumn = function (props) {
     ] : [];
     return (React.createElement(ColumnMenuWrapper, __assign({ sortAsc: true && hasField, sortDesc: true && hasField, filterContent: filterContent, initialFilter: hasField ? initialFilter : undefined, field: field }, others)));
 };
+exports.ColumnMenuDateColumn = ColumnMenuDateColumn;
 /**
  * The `ColumnMenuBooleanColumn` component. Use it for `boolean` type columns.
  */
-exports.ColumnMenuBooleanColumn = function (props) {
+var ColumnMenuBooleanColumn = function (props) {
     var field = props.field, others = __rest(props, ["field"]);
     var initialFilter = React.useCallback(function (currentField) {
         return ({ logic: 'and', filters: [{ operator: 'eq', field: currentField, value: false }] });
@@ -218,3 +229,4 @@ exports.ColumnMenuBooleanColumn = function (props) {
     ] : [];
     return (React.createElement(ColumnMenuWrapper, __assign({ sortAsc: true && hasField, sortDesc: true && hasField, filterContent: filterContent, initialFilter: hasField ? initialFilter : undefined, field: field }, others)));
 };
+exports.ColumnMenuBooleanColumn = ColumnMenuBooleanColumn;

package/dist/npm/columnmenu/ColumnMenuFilterForm.js

@@ -11,12 +11,13 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnMenuFilterForm = exports.ColumnMenuForm = void 0;
 var React = require("react");
 var kendo_react_animation_1 = require("@progress/kendo-react-animation");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("../messages");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-exports.ColumnMenuForm = function (props) {
+var ColumnMenuForm = function (props) {
     return (React.createElement("div", { className: "k-columnmenu-item-content" },
         React.createElement(kendo_react_animation_1.Reveal, { style: { position: 'relative', display: 'block' } }, props.show && (React.createElement("div", { className: "kendo-grid-filter-menu-container" },
             React.createElement("form", { className: "k-filter-menu k-group k-reset k-state-border-up", onSubmit: props.onSubmit, onReset: props.onReset },
@@ -24,12 +25,14 @@ exports.ColumnMenuForm = function (props) {
                     props.children,
                     React.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, props.actions))))))));
 };
+exports.ColumnMenuForm = ColumnMenuForm;
 /**
  * @hidden
  */
-exports.ColumnMenuFilterForm = function (props) {
+var ColumnMenuFilterForm = function (props) {
     var localization = 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])))) })));
 };
+exports.ColumnMenuFilterForm = ColumnMenuFilterForm;

package/dist/npm/columnmenu/ColumnMenuFilterLogic.js

@@ -11,14 +11,16 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnMenuFilterLogic = void 0;
 var React = require("react");
 var kendo_react_dropdowns_1 = require("@progress/kendo-react-dropdowns");
 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' }];
-exports.ColumnMenuFilterLogic = function (props) {
+var ColumnMenuFilterLogic = function (props) {
     var localization = kendo_react_intl_1.useLocalization();
     var data = (props.data || logicData)
-        .map(function (i) { return (__assign({}, i, { text: localization.toLanguageString(i.text, messages_1.messages[i.text]) })); });
+        .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; }) })));
 };
+exports.ColumnMenuFilterLogic = ColumnMenuFilterLogic;

package/dist/npm/columnmenu/ColumnMenuFilters.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnMenuDateFilter = exports.ColumnMenuNumericFilter = exports.ColumnMenuTextFilter = exports.ColumnMenuBooleanFilter = void 0;
 var React = require("react");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var kendo_react_dropdowns_1 = require("@progress/kendo-react-dropdowns");
@@ -23,42 +24,46 @@ var ColumnMenuFilter = function (props) {
     var operatorChange = React.useCallback(function (event) {
         var prevFilter = filter;
         var operator = event.target.value.operator;
-        var nextFilter = prevFilter ? __assign({}, prevFilter, { operator: operator }) : { value: initialFilter.value, operator: operator };
+        var nextFilter = prevFilter ? __assign(__assign({}, prevFilter), { operator: operator }) : { value: initialFilter.value, operator: operator };
         onFilterChange.call(undefined, event.syntheticEvent, nextFilter, prevFilter);
     }, [filter, onFilterChange, initialFilter]);
     var inputChange = React.useCallback(function (event) {
         var value = event.target.value;
         var prevFilter = filter;
-        var nextFilter = prevFilter ? __assign({}, prevFilter, { value: value }) : { value: value, operator: operators[0].operator };
+        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 data = operators.map(function (o) { return (__assign({}, o, { text: localization.toLanguageString(o.text, messages_1.messages[o.text]) })); });
+    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" }),
         React.createElement(props.input, { value: filter.value, onChange: inputChange })));
 };
-exports.ColumnMenuBooleanFilter = function (props) {
+var ColumnMenuBooleanFilter = function (props) {
     var filter = props.filter, onFilterChange = props.onFilterChange;
-    var inputChange = React.useCallback(function (event) { return onFilterChange.call(undefined, event.syntheticEvent, __assign({}, filter, { value: event.value }), filter); }, [filter, 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" }));
 };
-exports.ColumnMenuTextFilter = function (props) {
+exports.ColumnMenuBooleanFilter = ColumnMenuBooleanFilter;
+var ColumnMenuTextFilter = function (props) {
     var input = React.useCallback(function (pr) { return React.createElement(kendo_react_inputs_1.Input, __assign({}, pr, { value: pr.value || '' })); }, []);
     var operators = React.useRef(ColumnMenuOperators_1.ColumnMenuOperators.text);
     var initialFilter = React.useRef({ operator: '', value: '' });
     return (React.createElement(ColumnMenuFilter, __assign({ initialFilter: initialFilter.current, input: input, operators: props.operators || operators.current }, props)));
 };
-exports.ColumnMenuNumericFilter = function (props) {
+exports.ColumnMenuTextFilter = ColumnMenuTextFilter;
+var ColumnMenuNumericFilter = function (props) {
     var input = React.useCallback(function (pr) { return React.createElement(kendo_react_inputs_1.NumericTextBox, __assign({}, pr, { value: pr.value || null })); }, []);
     var operators = React.useRef(ColumnMenuOperators_1.ColumnMenuOperators.numeric);
     var initialFilter = React.useRef({ operator: '', value: null });
     return (React.createElement(ColumnMenuFilter, __assign({ initialFilter: initialFilter.current, input: input, operators: props.operators || operators.current }, props)));
 };
-exports.ColumnMenuDateFilter = function (props) {
+exports.ColumnMenuNumericFilter = ColumnMenuNumericFilter;
+var ColumnMenuDateFilter = function (props) {
     var input = React.useCallback(function (pr) { return React.createElement(kendo_react_dateinputs_1.DatePicker, __assign({}, pr, { value: pr.value || null })); }, []);
     var operators = React.useRef(ColumnMenuOperators_1.ColumnMenuOperators.date);
     var initialFilter = React.useRef({ operator: '', value: null });
     return (React.createElement(ColumnMenuFilter, __assign({ initialFilter: initialFilter.current, input: input, operators: props.operators || operators.current }, props)));
 };
+exports.ColumnMenuDateFilter = ColumnMenuDateFilter;

package/dist/npm/columnmenu/ColumnMenuItem.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnMenuItem = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
-exports.ColumnMenuItem = function (props) {
+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 }),
         props.title));
 };
+exports.ColumnMenuItem = ColumnMenuItem;