@progress/kendo-react-data-tools 5.4.0-dev.202205250548 → 5.4.0-dev.202206081230

package/dist/npm/columnmenu/ColumnMenu.js

@@ -15,11 +15,23 @@ 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, 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;
 var React = require("react");
 var kendo_react_popup_1 = require("@progress/kendo-react-popup");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
@@ -33,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];
@@ -43,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);
@@ -69,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 = sort.slice();
+        var newSort = __spreadArray([], sort, true);
         var currentSortIndex = newSort.findIndex(function (d) { return d.field === field; });
         var newSortDescriptor = { field: field, dir: dir };
         if (currentSortIndex >= 0) {
@@ -89,7 +101,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, true) });
         var index = stateFilter.filters.indexOf(prevFilter);
         stateFilter.filters.splice(index, 1, nextFilter);
         setCurrentFilter(stateFilter);
@@ -127,10 +139,10 @@ 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();
+    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 })),
@@ -154,12 +166,12 @@ 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.
  */
-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 +184,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 +201,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 +218,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 +233,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.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

@@ -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 localization = kendo_react_intl_1.useLocalization();
+var ColumnMenuFilterForm = function (props) {
+    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])))) })));
 };
+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 localization = kendo_react_intl_1.useLocalization();
+var ColumnMenuFilterLogic = function (props) {
+    var localization = (0, 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 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" }),
         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" }));
+    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.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) {
-    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 }),
+var ColumnMenuItem = function (props) {
+    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.d.ts

@@ -23,7 +23,7 @@ export declare class ColumnMenuOperators {
      * - { text: 'columnMenu.filterIsEmptyOperator', operator: 'isempty' }
      * - { text: 'columnMenu.filterIsNotEmptyOperator', operator: 'isnotempty' }
      */
-    static readonly text: FilterOperator[];
+    static get text(): FilterOperator[];
     /**
      * An array containing the operators for the ColumnMenuNumericFilter component.
      *
@@ -38,7 +38,7 @@ export declare class ColumnMenuOperators {
      * - { text: 'columnMenu.filterIsNullOperator', operator: 'isnull' }
      * - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
      */
-    static readonly numeric: FilterOperator[];
+    static get numeric(): FilterOperator[];
     /**
      * An array containing the operators for the ColumnMenuDateFilter component.
      *
@@ -53,7 +53,7 @@ export declare class ColumnMenuOperators {
      * - { text: 'columnMenu.filterIsNullOperator', operator: 'isnull' }
      * - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
      */
-    static readonly date: FilterOperator[];
+    static get date(): FilterOperator[];
     /**
      * An array containing the operators for the ColumnMenuBooleanFilter component.
      *
@@ -61,5 +61,5 @@ export declare class ColumnMenuOperators {
      *
      * - { text: 'columnMenu.filterIsTrue', operator: '' }
      */
-    static readonly boolean: FilterOperator[];
+    static get boolean(): FilterOperator[];
 }

package/dist/npm/columnmenu/ColumnMenuOperators.js

@@ -1,5 +1,15 @@
 "use strict";
+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;
 var messages_1 = require("../messages");
 var textOperators = [
     { text: messages_1.columnMenuFilterContainsOperator, operator: 'contains' },
@@ -64,9 +74,9 @@ var ColumnMenuOperators = /** @class */ (function () {
          * - { text: 'columnMenu.filterIsNotEmptyOperator', operator: 'isnotempty' }
          */
         get: function () {
-            return textOperators.slice();
+            return __spreadArray([], textOperators, true);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ColumnMenuOperators, "numeric", {
@@ -85,9 +95,9 @@ var ColumnMenuOperators = /** @class */ (function () {
          * - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
          */
         get: function () {
-            return numericOperators.slice();
+            return __spreadArray([], numericOperators, true);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ColumnMenuOperators, "date", {
@@ -106,9 +116,9 @@ var ColumnMenuOperators = /** @class */ (function () {
          * - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
          */
         get: function () {
-            return dateOperators.slice();
+            return __spreadArray([], dateOperators, true);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ColumnMenuOperators, "boolean", {
@@ -120,9 +130,9 @@ var ColumnMenuOperators = /** @class */ (function () {
          * - { text: 'columnMenu.filterIsTrue', operator: '' }
          */
         get: function () {
-            return booleanOperators.slice();
+            return __spreadArray([], booleanOperators, true);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     return ColumnMenuOperators;

package/dist/npm/columnmenu/index.js

@@ -1,11 +1,22 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./ColumnMenu"));
-__export(require("./ColumnMenuFilterForm"));
-__export(require("./ColumnMenuFilterLogic"));
-__export(require("./ColumnMenuFilters"));
-__export(require("./ColumnMenuItem"));
-__export(require("./ColumnMenuOperators"));
+__exportStar(require("./ColumnMenu"), exports);
+__exportStar(require("./ColumnMenuFilterForm"), exports);
+__exportStar(require("./ColumnMenuFilterLogic"), exports);
+__exportStar(require("./ColumnMenuFilters"), exports);
+__exportStar(require("./ColumnMenuItem"), exports);
+__exportStar(require("./ColumnMenuOperators"), exports);

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

@@ -3,16 +3,19 @@ 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 __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnDraggable = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
@@ -22,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

@@ -1,11 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnResize = void 0;
 /**
  * @hidden
  */
 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

@@ -3,16 +3,19 @@ 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 __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnResizer = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
@@ -22,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;
@@ -23,11 +24,11 @@ export declare class CommonDragLogic {
     private dragElementClue;
     private groupPanelDivElement;
     constructor(columnReorder: handler, groupReorder: handler, columnToGroup: handler);
-    refGroupPanelDiv: (e: HTMLDivElement) => void;
-    refDropElementClue: (e: DropClue) => void;
-    refDragElementClue: (e: DragClue) => void;
-    pressHandler: (event: any, element: HTMLDivElement | HTMLTableRowElement) => void;
-    dragHandler: (event: any, element: HTMLDivElement | HTMLTableRowElement) => void;
+    refGroupPanelDiv: (e: HTMLDivElement | null) => void;
+    refDropElementClue: (e: DropClue | null) => void;
+    refDragElementClue: (e: DragClue | null) => void;
+    pressHandler: (event: any, element: HTMLTableRowElement | HTMLDivElement) => void;
+    dragHandler: (event: any, element: HTMLTableRowElement | HTMLDivElement) => void;
     releaseHandler: (event: any) => void;
     private getColumnIndex;
     private getGroupIndex;

package/dist/npm/drag/CommonDragLogic.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommonDragLogic = void 0;
 var header_1 = require("./../header/");
 /**
  * @hidden
@@ -7,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;
@@ -100,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;
         }
@@ -118,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,11 +12,11 @@ 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>;
-    readonly element: HTMLDivElement | null;
+    get element(): HTMLDivElement | null;
     constructor(props: any);
     render(): JSX.Element;
 }