@progress/kendo-react-data-tools 5.6.0-dev.202208261541 → 5.6.0-dev.202209021051

package/dist/es/columnmenu/ColumnMenu.js

@@ -164,7 +164,7 @@ var ColumnMenuWrapper = function (props) {
             SecondFilterComponent &&
                 React.createElement(SecondFilterComponent, { filter: currentFilter.filters[1], onFilterChange: filterChange })))) : null;
     var menuItems = [sorting, filtering];
-    var button = (React.createElement("span", { ref: anchor, onClick: onColumnMenuButtonClick, onMouseDown: onAnchorMouseDown, className: 'k-grid-column-menu k-grid-filter' + (Boolean(menuFilter()) ? ' k-active' : ''), key: "button" },
+    var button = (React.createElement("span", { ref: anchor, onClick: onColumnMenuButtonClick, onMouseDown: onAnchorMouseDown, className: 'k-grid-header-menu k-grid-column-menu' + (Boolean(menuFilter()) ? ' k-active' : ''), key: "button" },
         React.createElement("span", { className: "k-icon k-i-more-vertical" })));
     var popup = (React.createElement(Popup, { anchor: anchor.current, show: show, key: "popup" },
         React.createElement("div", { className: "k-grid-columnmenu-popup", ref: popupRef, tabIndex: 0, onBlur: onBlur, onFocus: onFocus, style: { outline: 'none' } }, props.itemsRender ?

package/dist/es/drag/CommonDragLogic.js

@@ -150,7 +150,7 @@ var CommonDragLogic = /** @class */ (function () {
             top: (event.pageY + 10),
             left: event.pageX,
             innerText: innerText,
-            status: (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-add'
+            status: (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-plus'
         });
     };
     CommonDragLogic.prototype.updateDropElementClue = function (event, element, targetElement, invalidIndex) {

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

@@ -7,7 +7,7 @@ export interface DragClueState {
     top: number;
     left: number;
     innerText: string;
-    status: 'k-i-cancel' | 'k-i-add';
+    status: 'k-i-cancel' | 'k-i-plus';
 }
 /**
  * @hidden

package/dist/es/filteringCells/FilterComponent.js

@@ -111,10 +111,12 @@ export var createFilterComponent = function (settings) {
                         components: this.props.components,
                         ariaLabel: this.props.ariaLabel
                     }),
-                    React.createElement("div", { className: "k-filtercell-operator" }, settings.operatorComponent(operatorComponentProps, this.props)),
-                    React.createElement(Button, { className: classNames((_a = {},
-                            _a['k-clear-button-visible'] = (!(value === null || value === '') || operator),
-                            _a)), title: clearButtonTitle, type: "button", onClick: this.clearButtonClick, icon: "filter-clear", disabled: !(!(value === null || value === '') || operator) }))));
+                    React.createElement("div", { className: "k-filtercell-operator" },
+                        settings.operatorComponent(operatorComponentProps, this.props),
+                        "\u00A0",
+                        React.createElement(Button, { className: classNames((_a = {},
+                                _a['k-clear-button-visible'] = (!(value === null || value === '') || operator),
+                                _a)), title: clearButtonTitle, type: "button", onClick: this.clearButtonClick, icon: "filter-clear", disabled: !(!(value === null || value === '') || operator) })))));
         };
         return FilterComponent;
     }(React.Component));

package/dist/es/header/HeaderRow.js

@@ -30,7 +30,7 @@ import { normalize } from './SortSettings';
 import { ColumnResizer } from '../drag/ColumnResizer';
 import { ColumnDraggable } from '../drag/ColumnDraggable';
 import { HeaderThElement } from './HeaderThElement';
-import { classNames, Keys } from '@progress/kendo-react-common';
+import { classNames, Icon, Keys } from '@progress/kendo-react-common';
 import { registerForLocalization, provideLocalizationService as intl } from '@progress/kendo-react-intl';
 import { messages, sortAriaLabel } from '../messages';
 /**
@@ -139,7 +139,7 @@ var HeaderRow = /** @class */ (function (_super) {
             return null;
         }
         return sortIndex >= 0 && [
-            React.createElement("span", { key: 1, className: 'k-icon k-i-sort-' + this.props.sort[sortIndex].dir + '-sm' }),
+            React.createElement(Icon, { key: 1, name: "sort-".concat(this.props.sort[sortIndex].dir, "-small") }),
             this.props.sort.length > 1 && React.createElement("span", { key: 2, className: "k-sort-order" }, sortIndex + 1)
         ];
     };

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: 1661527464,
+    publishDate: 1662114875,
     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.js

@@ -31,7 +31,7 @@ import { PagerInput } from './PagerInput';
 import { PagerPageSizes } from './PagerPageSizes';
 import { messages, pagerFirstPage, pagerLastPage, pagerNextPage, pagerPreviousPage, pagerInfo, pagerAriaKeyshortcuts, pagerAriaLabel } from '../messages';
 import { registerForIntl, registerForLocalization, provideLocalizationService, provideIntlService } from '@progress/kendo-react-intl';
-import { classNames } from '@progress/kendo-react-common';
+import { classNames, Icon } from '@progress/kendo-react-common';
 import { validatePackage } from '@progress/kendo-react-common';
 import { packageMetadata } from '../package-metadata';
 /**
@@ -136,10 +136,10 @@ var Pager = /** @class */ (function (_super) {
             ({ messageKey: pagerAriaLabel, defaultMessage: messages[pagerAriaLabel] });
         var first, prev, next, last;
         if (this.props.previousNext) {
-            first = this.renderButton(1, 'k-link k-pager-nav k-pager-first' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage), 'k-icon k-i-arrow-end-left', (currentPage === 1 ? true : undefined));
-            prev = this.renderButton(currentPage - 1, 'k-link k-pager-nav' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage), 'k-icon k-i-arrow-60-left', (currentPage === 1 ? true : undefined));
-            next = this.renderButton(currentPage + 1, 'k-link k-pager-nav' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage), 'k-icon k-i-arrow-60-right', (currentPage >= this.totalPages ? true : undefined));
-            last = this.renderButton(this.totalPages, 'k-link k-pager-nav k-pager-last' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage), 'k-icon k-i-arrow-end-right', (currentPage >= this.totalPages ? true : undefined));
+            first = this.renderButton(1, 'k-link k-pager-nav k-pager-first' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage), 'caret-alt-to-left', (currentPage === 1 ? true : undefined));
+            prev = this.renderButton(currentPage - 1, 'k-link k-pager-nav' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage), 'caret-alt-left', (currentPage === 1 ? true : undefined));
+            next = this.renderButton(currentPage + 1, 'k-link k-pager-nav' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage), 'caret-alt-right', (currentPage >= this.totalPages ? true : undefined));
+            last = this.renderButton(this.totalPages, 'k-link k-pager-nav k-pager-last' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage), 'caret-alt-to-right', (currentPage >= this.totalPages ? true : undefined));
         }
         var pagerPageSizes = pageSizes && (React.createElement(PagerPageSizes, { pageChange: this.onPageChange, pageSize: take, pageSizes: pageSizes, messagesMap: messagesMap }));
         var info = this.props.info && (React.createElement("div", { className: "k-pager-info k-label" }, intlService
@@ -148,7 +148,7 @@ var Pager = /** @class */ (function (_super) {
             Math.min(skip + take, total),
             total
         ])));
-        return (React.createElement("div", { className: classNames('k-pager-wrap k-pager k-widget', this.props.className), style: this.props.style, role: "application", "aria-roledescription": "pager", "aria-keyshortcuts": localizationService.toLanguageString(ariaKeyshortcutsMessage.messageKey, ariaKeyshortcutsMessage.defaultMessage), "aria-label": localizationService.toLanguageString(ariaLabelMessage.messageKey, ariaLabelMessage.defaultMessage), ref: function (element) { return _this._element = element; } },
+        return (React.createElement("div", { className: classNames('k-pager k-widget', this.props.className), style: this.props.style, role: "application", "aria-roledescription": "pager", "aria-keyshortcuts": localizationService.toLanguageString(ariaKeyshortcutsMessage.messageKey, ariaKeyshortcutsMessage.defaultMessage), "aria-label": localizationService.toLanguageString(ariaLabelMessage.messageKey, ariaLabelMessage.defaultMessage), ref: function (element) { return _this._element = element; } },
             first,
             prev,
             changer,
@@ -163,7 +163,7 @@ var Pager = /** @class */ (function (_super) {
                 e.preventDefault();
                 _this.changePage(page, e);
             }, href: "#", className: className, title: title, role: "button", "aria-disabled": isDisabled },
-            React.createElement("span", { className: icon })));
+            React.createElement(Icon, { name: icon })));
     };
     Object.defineProperty(Pager.prototype, "totalPages", {
         get: function () {

package/dist/es/pager/PagerNumericButtons.js

@@ -60,7 +60,7 @@ var PagerNumericButtons = /** @class */ (function (_super) {
                 prevOptionDots,
                 options,
                 postOptionDots),
-            React.createElement("ul", { className: "k-pager-numbers k-reset" },
+            React.createElement("ul", { className: "k-pager-numbers" },
                 prevDots,
                 numerics,
                 postDots)));

package/dist/npm/columnmenu/ColumnMenu.js

@@ -167,7 +167,7 @@ var ColumnMenuWrapper = function (props) {
             SecondFilterComponent &&
                 React.createElement(SecondFilterComponent, { filter: currentFilter.filters[1], onFilterChange: filterChange })))) : null;
     var menuItems = [sorting, filtering];
-    var button = (React.createElement("span", { ref: anchor, onClick: onColumnMenuButtonClick, onMouseDown: onAnchorMouseDown, className: 'k-grid-column-menu k-grid-filter' + (Boolean(menuFilter()) ? ' k-active' : ''), key: "button" },
+    var button = (React.createElement("span", { ref: anchor, onClick: onColumnMenuButtonClick, onMouseDown: onAnchorMouseDown, className: 'k-grid-header-menu k-grid-column-menu' + (Boolean(menuFilter()) ? ' k-active' : ''), key: "button" },
         React.createElement("span", { className: "k-icon k-i-more-vertical" })));
     var popup = (React.createElement(kendo_react_popup_1.Popup, { anchor: anchor.current, show: show, key: "popup" },
         React.createElement("div", { className: "k-grid-columnmenu-popup", ref: popupRef, tabIndex: 0, onBlur: onBlur, onFocus: onFocus, style: { outline: 'none' } }, props.itemsRender ?

package/dist/npm/drag/CommonDragLogic.js

@@ -153,7 +153,7 @@ var CommonDragLogic = /** @class */ (function () {
             top: (event.pageY + 10),
             left: event.pageX,
             innerText: innerText,
-            status: (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-add'
+            status: (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-plus'
         });
     };
     CommonDragLogic.prototype.updateDropElementClue = function (event, element, targetElement, invalidIndex) {

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

@@ -7,7 +7,7 @@ export interface DragClueState {
     top: number;
     left: number;
     innerText: string;
-    status: 'k-i-cancel' | 'k-i-add';
+    status: 'k-i-cancel' | 'k-i-plus';
 }
 /**
  * @hidden

package/dist/npm/filteringCells/FilterComponent.js

@@ -114,10 +114,12 @@ var createFilterComponent = function (settings) {
                         components: this.props.components,
                         ariaLabel: this.props.ariaLabel
                     }),
-                    React.createElement("div", { className: "k-filtercell-operator" }, settings.operatorComponent(operatorComponentProps, this.props)),
-                    React.createElement(kendo_react_buttons_1.Button, { className: (0, kendo_react_common_1.classNames)((_a = {},
-                            _a['k-clear-button-visible'] = (!(value === null || value === '') || operator),
-                            _a)), title: clearButtonTitle, type: "button", onClick: this.clearButtonClick, icon: "filter-clear", disabled: !(!(value === null || value === '') || operator) }))));
+                    React.createElement("div", { className: "k-filtercell-operator" },
+                        settings.operatorComponent(operatorComponentProps, this.props),
+                        "\u00A0",
+                        React.createElement(kendo_react_buttons_1.Button, { className: (0, kendo_react_common_1.classNames)((_a = {},
+                                _a['k-clear-button-visible'] = (!(value === null || value === '') || operator),
+                                _a)), title: clearButtonTitle, type: "button", onClick: this.clearButtonClick, icon: "filter-clear", disabled: !(!(value === null || value === '') || operator) })))));
         };
         return FilterComponent;
     }(React.Component));

package/dist/npm/header/HeaderRow.js

@@ -142,7 +142,7 @@ var HeaderRow = /** @class */ (function (_super) {
             return null;
         }
         return sortIndex >= 0 && [
-            React.createElement("span", { key: 1, className: 'k-icon k-i-sort-' + this.props.sort[sortIndex].dir + '-sm' }),
+            React.createElement(kendo_react_common_1.Icon, { key: 1, name: "sort-".concat(this.props.sort[sortIndex].dir, "-small") }),
             this.props.sort.length > 1 && React.createElement("span", { key: 2, className: "k-sort-order" }, sortIndex + 1)
         ];
     };

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-data-tools',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1661527464,
+    publishDate: 1662114875,
     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/npm/pager/Pager.js

@@ -139,10 +139,10 @@ var Pager = /** @class */ (function (_super) {
             ({ messageKey: messages_1.pagerAriaLabel, defaultMessage: messages_1.messages[messages_1.pagerAriaLabel] });
         var first, prev, next, last;
         if (this.props.previousNext) {
-            first = this.renderButton(1, 'k-link k-pager-nav k-pager-first' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage), 'k-icon k-i-arrow-end-left', (currentPage === 1 ? true : undefined));
-            prev = this.renderButton(currentPage - 1, 'k-link k-pager-nav' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage), 'k-icon k-i-arrow-60-left', (currentPage === 1 ? true : undefined));
-            next = this.renderButton(currentPage + 1, 'k-link k-pager-nav' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage), 'k-icon k-i-arrow-60-right', (currentPage >= this.totalPages ? true : undefined));
-            last = this.renderButton(this.totalPages, 'k-link k-pager-nav k-pager-last' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage), 'k-icon k-i-arrow-end-right', (currentPage >= this.totalPages ? true : undefined));
+            first = this.renderButton(1, 'k-link k-pager-nav k-pager-first' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage), 'caret-alt-to-left', (currentPage === 1 ? true : undefined));
+            prev = this.renderButton(currentPage - 1, 'k-link k-pager-nav' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage), 'caret-alt-left', (currentPage === 1 ? true : undefined));
+            next = this.renderButton(currentPage + 1, 'k-link k-pager-nav' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage), 'caret-alt-right', (currentPage >= this.totalPages ? true : undefined));
+            last = this.renderButton(this.totalPages, 'k-link k-pager-nav k-pager-last' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage), 'caret-alt-to-right', (currentPage >= this.totalPages ? true : undefined));
         }
         var pagerPageSizes = pageSizes && (React.createElement(PagerPageSizes_1.PagerPageSizes, { pageChange: this.onPageChange, pageSize: take, pageSizes: pageSizes, messagesMap: messagesMap }));
         var info = this.props.info && (React.createElement("div", { className: "k-pager-info k-label" }, intlService
@@ -151,7 +151,7 @@ var Pager = /** @class */ (function (_super) {
             Math.min(skip + take, total),
             total
         ])));
-        return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-pager-wrap k-pager k-widget', this.props.className), style: this.props.style, role: "application", "aria-roledescription": "pager", "aria-keyshortcuts": localizationService.toLanguageString(ariaKeyshortcutsMessage.messageKey, ariaKeyshortcutsMessage.defaultMessage), "aria-label": localizationService.toLanguageString(ariaLabelMessage.messageKey, ariaLabelMessage.defaultMessage), ref: function (element) { return _this._element = element; } },
+        return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-pager k-widget', this.props.className), style: this.props.style, role: "application", "aria-roledescription": "pager", "aria-keyshortcuts": localizationService.toLanguageString(ariaKeyshortcutsMessage.messageKey, ariaKeyshortcutsMessage.defaultMessage), "aria-label": localizationService.toLanguageString(ariaLabelMessage.messageKey, ariaLabelMessage.defaultMessage), ref: function (element) { return _this._element = element; } },
             first,
             prev,
             changer,
@@ -166,7 +166,7 @@ var Pager = /** @class */ (function (_super) {
                 e.preventDefault();
                 _this.changePage(page, e);
             }, href: "#", className: className, title: title, role: "button", "aria-disabled": isDisabled },
-            React.createElement("span", { className: icon })));
+            React.createElement(kendo_react_common_1.Icon, { name: icon })));
     };
     Object.defineProperty(Pager.prototype, "totalPages", {
         get: function () {

package/dist/npm/pager/PagerNumericButtons.js

@@ -63,7 +63,7 @@ var PagerNumericButtons = /** @class */ (function (_super) {
                 prevOptionDots,
                 options,
                 postOptionDots),
-            React.createElement("ul", { className: "k-pager-numbers k-reset" },
+            React.createElement("ul", { className: "k-pager-numbers" },
                 prevDots,
                 numerics,
                 postDots)));