@progress/kendo-react-grid 5.10.0-dev.202301092204 → 5.10.0-dev.202301111405

package/dist/npm/columnMenu/GridColumnMenuItem.js

@@ -17,6 +17,7 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridColumnMenuItem = void 0;
 var React = require("react");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
  * The GridColumnMenuItem component that is used inside the Grid ColumnMenu.
  */
@@ -35,9 +36,9 @@ var GridColumnMenuItem = /** @class */ (function (_super) {
      * @hidden
      */
     GridColumnMenuItem.prototype.render = function () {
-        var _a = this.props, title = _a.title, iconClass = _a.iconClass, selected = _a.selected;
+        var _a = this.props, title = _a.title, iconClass = _a.iconClass, svgIcon = _a.svgIcon, selected = _a.selected;
         return (React.createElement("div", { onClick: this.onClick, className: "k-columnmenu-item ".concat(selected ? 'k-selected' : '') },
-            iconClass && React.createElement("span", { className: "k-icon ".concat(iconClass) }),
+            (iconClass || svgIcon) && React.createElement(kendo_react_common_1.IconWrap, { name: iconClass ? (0, kendo_react_common_1.toIconName)(iconClass) : iconClass, icon: svgIcon }),
             title));
     };
     return GridColumnMenuItem;

package/dist/npm/columnMenu/GridColumnMenuSort.js

@@ -22,6 +22,7 @@ var GridColumnMenuItemGroup_1 = require("./GridColumnMenuItemGroup");
 var GridSortSettings_1 = require("../interfaces/GridSortSettings");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("../messages");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 /**
  * @hidden
  */
@@ -172,8 +173,8 @@ var GridColumnMenuSort = /** @class */ (function (_super) {
         var currentSortIndex = sortIndex(column.field, sort);
         var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         return (React.createElement(GridColumnMenuItemGroup_1.GridColumnMenuItemGroup, null,
-            React.createElement(GridColumnMenuItem_1.GridColumnMenuItem, { title: localizationService.toLanguageString(messages_1.sortAscending, messages_1.messages[messages_1.sortAscending]), iconClass: 'k-i-sort-asc-sm', selected: sortedAsc(currentSortIndex, sort), onClick: this.onAscClick }),
-            React.createElement(GridColumnMenuItem_1.GridColumnMenuItem, { title: localizationService.toLanguageString(messages_1.sortDescending, messages_1.messages[messages_1.sortDescending]), iconClass: 'k-i-sort-desc-sm', selected: sortedDesc(currentSortIndex, sort), onClick: this.onDescClick })));
+            React.createElement(GridColumnMenuItem_1.GridColumnMenuItem, { title: localizationService.toLanguageString(messages_1.sortAscending, messages_1.messages[messages_1.sortAscending]), iconClass: 'k-i-sort-asc-sm', svgIcon: kendo_svg_icons_1.sortAscSmallIcon, selected: sortedAsc(currentSortIndex, sort), onClick: this.onAscClick }),
+            React.createElement(GridColumnMenuItem_1.GridColumnMenuItem, { title: localizationService.toLanguageString(messages_1.sortDescending, messages_1.messages[messages_1.sortDescending]), iconClass: 'k-i-sort-desc-sm', svgIcon: kendo_svg_icons_1.sortDescSmallIcon, selected: sortedDesc(currentSortIndex, sort), onClick: this.onDescClick })));
     };
     /* eslint-disable max-len */
     /**

package/dist/npm/columnMenu/GridColumnMenuWrapper.js

@@ -40,6 +40,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridColumnMenuWrapper = void 0;
 var React = require("react");
 var kendo_react_popup_1 = require("@progress/kendo-react-popup");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 /**
  * The GridColumnMenuWrapper component.
  */
@@ -91,7 +93,7 @@ var GridColumnMenuWrapper = /** @class */ (function (_super) {
         var _a = this.props, ColumnMenu = _a.columnMenu, others = __rest(_a, ["columnMenu"]);
         return (React.createElement(React.Fragment, null,
             React.createElement("a", { className: 'k-grid-header-menu k-grid-column-menu', ref: function (e) { return _this._anchor = e; }, onClick: this.anchorClick, onMouseDown: this.onAnchorMouseDown, href: "#" },
-                React.createElement("span", { className: 'k-icon k-i-more-vertical' })),
+                React.createElement(kendo_react_common_1.IconWrap, { name: 'more-vertical', icon: kendo_svg_icons_1.moreVerticalIcon })),
             React.createElement(kendo_react_popup_1.Popup, { anchor: this._anchor, show: this.state.show },
                 React.createElement("div", { ref: function (e) { return _this._content = e; }, className: 'k-grid-columnmenu-popup', tabIndex: 0, onBlur: this.blur, onFocus: this.focus, style: { outline: 'none' } }, ColumnMenu && (React.createElement(ColumnMenu, __assign({}, others, { onCloseMenu: this.closeMenu })))))));
     };

package/dist/npm/drag/GroupingIndicator.js

@@ -21,6 +21,7 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 var messages_1 = require("../messages");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 /**
  * @hidden
  */
@@ -74,13 +75,14 @@ var GroupingIndicator = /** @class */ (function (_super) {
     GroupingIndicator.prototype.render = function () {
         var _this = this;
         var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
+        var dir = this.props.dir;
         return (React.createElement(kendo_react_common_1.Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
             React.createElement("div", { className: "k-indicator-container", style: { touchAction: 'none' } },
                 React.createElement("div", { className: "k-group-indicator", role: "button" },
                     React.createElement("a", { className: "k-link", href: "#", tabIndex: -1, onClick: this.sortChange },
-                        React.createElement("span", { className: 'k-icon k-i-sort-' + this.props.dir + '-small' }),
+                        React.createElement(kendo_react_common_1.IconWrap, { name: 'sort-' + dir + '-small', icon: dir === 'asc' ? kendo_svg_icons_1.sortAscSmallIcon : kendo_svg_icons_1.sortDescSmallIcon }),
                         this.props.title),
-                    React.createElement(kendo_react_buttons_1.Button, { fillMode: 'flat', tabIndex: -1, onClick: this.groupRemove, icon: 'close', "aria-label": localizationService.toLanguageString(messages_1.ungroupColumn, messages_1.messages[messages_1.ungroupColumn]) })))));
+                    React.createElement(kendo_react_buttons_1.Button, { fillMode: 'flat', tabIndex: -1, onClick: this.groupRemove, icon: 'x', svgIcon: kendo_svg_icons_1.xIcon, "aria-label": localizationService.toLanguageString(messages_1.ungroupColumn, messages_1.messages[messages_1.ungroupColumn]) })))));
     };
     return GroupingIndicator;
 }(React.Component));

package/dist/npm/header/HeaderRow.js

@@ -36,6 +36,7 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("../messages");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 /**
  * @hidden
  */
@@ -150,7 +151,7 @@ var HeaderRow = /** @class */ (function (_super) {
         }
         return sortIndex >= 0 && [
             React.createElement("span", { key: 1, className: 'k-sort-icon' },
-                React.createElement("span", { className: 'k-icon k-i-sort-' + this.props.sort[sortIndex].dir + '-small' })),
+                React.createElement(kendo_react_common_1.IconWrap, { name: 'sort-' + this.props.sort[sortIndex].dir + '-small', icon: this.props.sort[sortIndex].dir === 'asc' ? kendo_svg_icons_1.sortAscSmallIcon : kendo_svg_icons_1.sortDescSmallIcon })),
             this.props.sort.length > 1 &&
                 React.createElement("span", { key: 2, className: 'k-sort-icon' },
                     React.createElement("span", { className: "k-sort-order" }, sortIndex + 1))

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-grid',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1673301088,
+    publishDate: 1673445141,
     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'
 };